Team:Paris-Saclay/body.css

From 2012.igem.org

(Difference between revisions)
 
(75 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;
}
}
Line 18: Line 25:
#content-paris-saclay{
#content-paris-saclay{
-
margin-left:300px;
+
margin-left:305px;
-
margin-top:-200px;
+
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{
#large-main-paris-saclay{
Line 29: Line 60:
}
}
-
#large-single-paris-saclay{
+
#large-single-paris-saclay {
-
width : 100%;
+
    width: 100%;
-
background-color : white;
+
    background-image: url("https://static.igem.org/mediawiki/2012/9/97/Backdrop_with_gears.jpg");
 +
    background-attachment : fixed;
 +
    background-size : cover;
 +
    padding-bottom : 50px;
 +
 
}
}
Line 39: Line 74:
margin-left : auto;
margin-left : auto;
margin-right : auto;
margin-right : auto;
 +
padding-bottom : 20px;
background-color : rgb(217,225,236);
background-color : rgb(217,225,236);
overflow:hidden;
overflow:hidden;
 +
border-radius : 0 0 10px 10px;
}
}
Line 50: Line 87:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
background-image : url("http://img268.imageshack.us/img268/7830/chromosome.jpg");
+
background-image : url("https://static.igem.org/mediawiki/2012/5/53/Tube.png");
-
 
+
position : relative;
position : relative;
}
}
#social-follow {
#social-follow {
-
list-style-type:none;
+
margin:10px;
-
list-style-image:none;
+
-
}
+
-
 
+
-
#social-follow li {
+
-
float : left;
+
}
}
Line 70: Line 101:
#single-left-column {
#single-left-column {
-
     width: 280px;
+
     width : 280px;
-
    height : 210px;
+
     margin-bottom: 45px;
-
     margin-right: 10px;
+
     margin-top : 2px;
-
     margin-bottom: 0px;
+
     padding: 4px 10px 10px;
     padding: 4px 10px 10px;
     background-color: rgb(217, 225, 236);
     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; }


  1. globalWrapper {

background-color : rgb(226,226,226); padding : 0px; }

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

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

  1. content-paris-saclay p,#content-paris-saclay li,#content-paris-saclay td {

text-align : justify; }

  1. content-paris-saclay h1 {

text-align : left; }

  1. students td {

text-align : left; padding : 20px; }

  1. students .right p {

text-align : right; }


  1. large-main-paris-saclay{

width : 100%; background-color : rgb(217,225,236); }

  1. large-single-paris-saclay {
   width: 100%;
   background-image: url("Backdrop_with_gears.jpg");
   background-attachment : fixed;
   background-size : cover;
   padding-bottom : 50px;

}

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

  1. 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("Tube.png"); position : relative; }

  1. social-follow {

margin:10px; }

  1. social-follow div {

display : inline-block; margin : 5 5 5 5px; }

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

}

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

}

  1. social-bar-widget {

height:50px; }