mirror of
https://github.com/YunoHost-Apps/chtickynotes_ynh.git
synced 2024-09-03 18:15:57 +02:00
150 lines
2.7 KiB
CSS
150 lines
2.7 KiB
CSS
body {
|
|
padding-top: 20px;
|
|
padding-bottom: 60px;
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.float_right {
|
|
float: right;
|
|
}
|
|
.float_left {
|
|
float: left;
|
|
}
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Custom container */
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: 1000px;
|
|
}
|
|
.container > hr {
|
|
margin: 60px 0;
|
|
}
|
|
|
|
/* Main marketing message and sign up button */
|
|
.jumbotron {
|
|
margin: 80px 0px 40px 0px;
|
|
text-align: center;
|
|
}
|
|
.jumbotron h1 {
|
|
font-size: 100px;
|
|
line-height: 1;
|
|
}
|
|
.jumbotron .lead {
|
|
font-size: 24px;
|
|
line-height: 1.25;
|
|
}
|
|
.jumbotron .btn {
|
|
font-size: 21px;
|
|
padding: 14px 24px;
|
|
}
|
|
|
|
/* Customize the navbar links to be fill the entire space of the .navbar */
|
|
.navbar .navbar-inner {
|
|
padding: 0;
|
|
}
|
|
.navbar .nav {
|
|
margin: 0;
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.navbar .nav li {
|
|
display: table-cell;
|
|
width: 1%;
|
|
float: none;
|
|
}
|
|
.navbar .nav li a {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-left: 1px solid rgba(255,255,255,.75);
|
|
border-right: 1px solid rgba(0,0,0,.1);
|
|
}
|
|
.navbar .nav li:first-child a {
|
|
border-left: 0;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
|
|
.navbar .nav li:last-child a {
|
|
border-right: 0;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
/* MARKETING CONTENT -------------------------------------------------- */
|
|
|
|
/* Center align the text within the three columns below the carousel */
|
|
.marketing .span4 {
|
|
text-align: center;
|
|
}
|
|
.marketing h2 {
|
|
font-weight: normal;
|
|
}
|
|
.marketing .span4 p {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
/* Featurettes ------------------------- */
|
|
|
|
.featurette-divider {
|
|
margin: 80px 0; /* Space out the Bootstrap <hr> more */
|
|
}
|
|
.featurette {
|
|
/*padding-top: 120px;*/ /* Vertically center images part 1: add padding above and below text. */
|
|
overflow: hidden; /* Vertically center images part 2: clear their floats. */
|
|
}
|
|
.featurette-image {
|
|
/*margin-top: -120px;*/ /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
|
|
}
|
|
|
|
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
|
|
.featurette-image.pull-left {
|
|
margin-right: 40px;
|
|
}
|
|
.featurette-image.pull-right {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
/* Thin out the marketing headings */
|
|
.featurette-heading {
|
|
font-size: 50px;
|
|
font-weight: 300;
|
|
line-height: 1;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
|
|
/* RESPONSIVE CSS -------------------------------------------------- */
|
|
|
|
@media (max-width: 979px) {
|
|
|
|
.featurette {
|
|
height: auto;
|
|
padding: 0;
|
|
}
|
|
.featurette-image.pull-left,
|
|
.featurette-image.pull-right {
|
|
display: block;
|
|
float: none;
|
|
max-width: 40%;
|
|
margin: 0 auto 20px;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.featurette-heading {
|
|
font-size: 30px;
|
|
}
|
|
.featurette .lead {
|
|
font-size: 18px;
|
|
line-height: 1.5;
|
|
}
|
|
}
|