Mercurial > sat_legacy_website
view static/css/sat_website.css @ 29:b45621706d83
use Bootstrap carousels to display images and videos galeries:
- one carousel for a 3x3 thumbnails grid
- a second one in a modal window to view bigger pictures when a thumbnail is clicked
author | souliane <souliane@mailoo.org> |
---|---|
date | Wed, 21 Jan 2015 20:13:19 +0100 |
parents | 30a1edf90fae |
children | 73c6333fd124 |
line wrap: on
line source
/* SàT Website: Salut à Toi presentation website Copyright (C) 2012 Jérôme Poisson <goffi@goffi.org> This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. */ /* Overriding Bootstrap styles */ body { padding-top: 60px; } header { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } .navbar { font-size: 13px; } .carousel-inner { padding: 10px 30px 10px 30px; border-radius: 5px; } .carousel-inner > .item { text-align: center; } .carousel-caption { padding: 10px; bottom: -55px; color: black; font-style: italic; font-size: 14px; text-shadow: none; } .carousel-indicators { bottom: -5px; color: black; } .carousel-indicators li { border: 1px solid black; } .carousel-indicators .active { background-color: black; } .carousel-control.left, .carousel-control.right{ width: 30px; border-radius: 5px; } .modal-header .close { margin-top: -10px; padding-right: 5px; } /* sat_website own styles */ #language { text-align: center; padding-top: 10px; } #sat_logo { float: left; margin-right: 5px; margin-top: 5px; } #overview_logo { vertical-align: middle; margin-top: -25px; margin-right: 15px; } #bigmark { font-size:165px; font-weight:bold; text-align: center; margin: 0px; } #bigmark_subtext { text-align: center; margin: 0px; } #social_contract { font-size: 14px; } .wip { text-align: center; color: #A52A2A; margin: 10px; } .desc { text-align: justify; font-size: 16px; } .info { margin: 10px 5px 60px 5px; } .feature { padding-bottom: 10px; margin-bottom: 10px; border-bottom-style: solid; border-bottom-width: 1px; } div:last-child>div.feature { /* we don't want the line on the last feature */ border-bottom-style: none; } #carousel-screenshots img, #carousel-screenshots video { cursor: pointer; height: 200px; width: auto; display: table-cell; } #modal-screenshots .modal-dialog { max-width: 90%; width: auto; } #carousel-screenshots-modal .carousel-inner { padding-bottom: 80px; } #carousel-screenshots-modal img, #carousel-screenshots-modal video { margin: auto; } #language_form { padding-top: 12px; padding-bottom: 12px; }