view static/css/sat_website.css @ 71:a14845624e01

display a banner on top of all pages (but adhesion, adhesion_form and thank_you) to encourage people joining the association
author souliane <souliane@mailoo.org>
date Wed, 27 May 2015 18:56:16 +0200
parents 0d20fb28c32e
children 085280c48363
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: 50px;
  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: -75px;
    color: black;
    font-style: italic;
    font-size: 14px;
    text-shadow: none;
    left: 0px;
    width: 100%;
}

.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;
}

.badge {
    color: #bbb;
}

/* prevent collapsing to overlap the body when the navbar is fixed to top */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in { 
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
}


/* 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:100px;
	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 30px 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;
}

.my-carousel img, .my-carousel video {
    cursor: pointer;
    height: 200px;
    width: auto;
    display: table-cell;
}

#my-modal .modal-dialog {
    max-width: 90%;
    width: auto;
}

.my-carousel-modal .carousel-inner {
    padding-bottom: 100px;
}

.my-carousel-modal img, .my-carousel-modal video {
    margin: auto;
}

#language_form {
    padding-top: 12px;
    padding-bottom: 12px;
}

.overview_spacer {
    height: 30px;
}

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

.form-signin {
  max-width: 600px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

#id_payment_type_group .active {
  background-color: lightgray;
}

.my-btn {
    font-size: 14px;
}

.presstitle {
    font-style: italic;
}

.banner {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    min-height: 20px;
}

.banner a {
    float: right;
}