view static/css/sat_website.css @ 33:73c6333fd124

change overview.html, move the previous content to principles.html
author souliane <souliane@mailoo.org>
date Tue, 27 Jan 2015 08:07:15 +0100
parents b45621706d83
children 9d553570cc61
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: 70px;
  padding-bottom: 30px;
}

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;
    padding: 5px;
}

#overview_logo {
	vertical-align: middle;
	margin-top: -20px;
	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;
}

.overview_spacer {
    height: 30px;
}

.progress-bar-left {
    background-color: lightgray;
    color: gray;
}