Template source: stylesheets.html

{% load compress %} {% load staticfiles %} {% compress css %} <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/bootstrap.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/ngDialog.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/ngDialog-theme-default.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/styles.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/response.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/vidBg.css' %}" /> <link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.ico' %}" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" /> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/tooltipster.bundle.min.css' %}" /> <style type="text/css"> body { font-family: "Open Sans", sans-serif; } h2 { color: #333; text-align: center; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: bold; position: relative; margin: 30px 0 60px; } h2::after { content: ""; width: 100px; position: absolute; margin: 0 auto; height: 3px; background: #8fbc54; left: 0; right: 0; bottom: -10px; } .col-center { margin: 0 auto; float: none !important; } .carousel { margin: 50px auto; padding: 0 70px; } .carousel .item { color: #999; font-size: 14px; text-align: center; overflow: hidden; min-height: 290px; } .carousel .item .img-box { width: 135px; height: 135px; margin: 0 auto; padding: 5px; border: 1px solid #ddd; border-radius: 50%; } .carousel .img-box img { width: 100%; height: 100%; display: block; border-radius: 50%; } .carousel .testimonial { /* padding: 30px 0 10px; */ } .carousel .overview { font-style: italic; } .carousel .overview b { text-transform: uppercase; color: #7AA641; } .carousel .carousel-control { width: 40px; height: 40px; margin-top: -20px; top: 50%; background: none; } .carousel-control i { font-size: 68px; line-height: 42px; position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.8); text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000; } .carousel .carousel-indicators { bottom: -40px; } .carousel-indicators li, .carousel-indicators li.active { width: 10px; height: 10px; margin: 1px 3px; border-radius: 50%; } .carousel-indicators li { background: #999; border-color: transparent; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } .carousel-indicators li.active { background: #555; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } </style> {% endcompress %}