Team:Paris-Saclay/body.css
From 2012.igem.org
YohannPetiot (Talk | contribs) |
|||
(89 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | html { | ||
+ | background-color : white; | ||
+ | } | ||
+ | |||
+ | |||
#globalWrapper { | #globalWrapper { | ||
background-color : rgb(226,226,226); | background-color : rgb(226,226,226); | ||
+ | padding : 0px; | ||
} | } | ||
Line 11: | Line 17: | ||
padding-top :0px; | padding-top :0px; | ||
margin-top :-15px; | margin-top :-15px; | ||
+ | box-shadow : inset 0px -50px 45px -20px #c0c0c0; | ||
} | } | ||
body { | body { | ||
background-color : rgb(226,226,226); | background-color : rgb(226,226,226); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#content-paris-saclay{ | #content-paris-saclay{ | ||
- | margin-left: | + | margin-left:305px; |
- | margin-top: | + | margin-top:25px; |
- | padding : 10px; | + | padding : 10px 30px 10px 30px; |
+ | margin-right : 15px; | ||
background-color : rgb(255,255,255); | background-color : rgb(255,255,255); | ||
+ | border-radius : 8px 8px 8px 8px; | ||
+ | box-shadow: 0px 0px 2px 1px rgb(0, 85, 196); | ||
+ | font-family : calibri; | ||
+ | font-size : 12pt; | ||
+ | } | ||
+ | |||
+ | #content-paris-saclay p,#content-paris-saclay li,#content-paris-saclay td { | ||
+ | text-align : justify; | ||
+ | } | ||
+ | |||
+ | #content-paris-saclay h1 { | ||
+ | text-align : left; | ||
+ | } | ||
+ | |||
+ | #students td { | ||
+ | text-align : left; | ||
+ | padding : 20px; | ||
+ | } | ||
+ | |||
+ | #students .right p { | ||
+ | text-align : right; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #large-main-paris-saclay{ | ||
+ | width : 100%; | ||
+ | background-color : rgb(217,225,236); | ||
+ | } | ||
+ | |||
+ | #large-single-paris-saclay { | ||
+ | width: 100%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2012/9/97/Backdrop_with_gears.jpg"); | ||
+ | background-attachment : fixed; | ||
+ | background-size : cover; | ||
+ | padding-bottom : 50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #single-paris-saclay{ | ||
+ | width : 1000px; | ||
+ | margin-top : -6px; | ||
+ | margin-left : auto; | ||
+ | margin-right : auto; | ||
+ | padding-bottom : 20px; | ||
+ | background-color : rgb(217,225,236); | ||
+ | overflow:hidden; | ||
+ | border-radius : 0 0 10px 10px; | ||
} | } | ||
#main-paris-saclay{ | #main-paris-saclay{ | ||
+ | width : 1000px; | ||
border-top: 3px solid rgb(35, 35, 35); | border-top: 3px solid rgb(35, 35, 35); | ||
height : 550px; | height : 550px; | ||
overflow : hidden; | overflow : hidden; | ||
- | + | margin-left:auto; | |
- | + | margin-right:auto; | |
+ | background-image : url("https://static.igem.org/mediawiki/2012/5/53/Tube.png"); | ||
position : relative; | position : relative; | ||
} | } | ||
#social-follow { | #social-follow { | ||
- | + | margin:10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 51: | Line 98: | ||
display : inline-block; | display : inline-block; | ||
margin : 5 5 5 5px; | margin : 5 5 5 5px; | ||
+ | } | ||
+ | |||
+ | #single-left-column { | ||
+ | width : 280px; | ||
+ | margin-bottom: 45px; | ||
+ | margin-top : 2px; | ||
+ | padding: 4px 10px 10px; | ||
+ | background-color: rgb(217, 225, 236); | ||
+ | float : left; | ||
+ | } | ||
+ | |||
+ | .Intro { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .Question { | ||
+ | text-align: justify; | ||
+ | color:rgb(73,136,171); | ||
+ | } | ||
+ | |||
+ | .Answer { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #back-btn { | ||
+ | float: right; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | background: none repeat scroll 0% 0% rgb(60, 60, 60); | ||
+ | border-radius: 20px 20px 20px 20px; | ||
+ | margin-top : -5px; | ||
+ | } | ||
+ | |||
+ | #social-bar-widget { | ||
+ | height:50px; | ||
} | } |
Latest revision as of 23:39, 26 September 2012
html { background-color : white; }
- globalWrapper {
background-color : rgb(226,226,226); padding : 0px; }
- content{
width : 100%; border : none; padding-bottom :0px; padding-left :0px; padding-right :0px; padding-top :0px; margin-top :-15px; box-shadow : inset 0px -50px 45px -20px #c0c0c0; }
body { background-color : rgb(226,226,226); }
- content-paris-saclay{
margin-left:305px; margin-top:25px; padding : 10px 30px 10px 30px; margin-right : 15px; background-color : rgb(255,255,255); border-radius : 8px 8px 8px 8px; box-shadow: 0px 0px 2px 1px rgb(0, 85, 196); font-family : calibri; font-size : 12pt; }
- content-paris-saclay p,#content-paris-saclay li,#content-paris-saclay td {
text-align : justify; }
- content-paris-saclay h1 {
text-align : left; }
- students td {
text-align : left; padding : 20px; }
- students .right p {
text-align : right; }
- large-main-paris-saclay{
width : 100%; background-color : rgb(217,225,236); }
- large-single-paris-saclay {
width: 100%; background-image: url(""); background-attachment : fixed; background-size : cover; padding-bottom : 50px;
}
- single-paris-saclay{
width : 1000px; margin-top : -6px; margin-left : auto; margin-right : auto; padding-bottom : 20px; background-color : rgb(217,225,236); overflow:hidden; border-radius : 0 0 10px 10px; }
- main-paris-saclay{
width : 1000px; border-top: 3px solid rgb(35, 35, 35); height : 550px; overflow : hidden; margin-left:auto; margin-right:auto; background-image : url(""); position : relative; }
- social-follow {
margin:10px; }
- social-follow div {
display : inline-block; margin : 5 5 5 5px; }
- single-left-column {
width : 280px; margin-bottom: 45px; margin-top : 2px; padding: 4px 10px 10px; background-color: rgb(217, 225, 236); float : left;
}
.Intro {
text-align: justify;
}
.Question {
text-align: justify; color:rgb(73,136,171);
}
.Answer {
text-align: justify;
}
- back-btn {
float: right; width: 50px; height: 50px; background: none repeat scroll 0% 0% rgb(60, 60, 60); border-radius: 20px 20px 20px 20px; margin-top : -5px;
}
- social-bar-widget {
height:50px; }