Team:Paris-Saclay/body.css

From 2012.igem.org

(Difference between revisions)
 
(45 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);
Line 12: Line 17:
padding-top :0px;
padding-top :0px;
margin-top :-15px;
margin-top :-15px;
 +
box-shadow : inset 0px -50px 45px -20px #c0c0c0;
}
}
Line 19: Line 25:
#content-paris-saclay{
#content-paris-saclay{
-
margin-left:300px;
+
margin-left:305px;
margin-top:25px;
margin-top:25px;
-
padding : 10px;
+
padding : 10px 30px 10px 30px;
margin-right : 15px;
margin-right : 15px;
background-color : rgb(255,255,255);
background-color : rgb(255,255,255);
border-radius : 8px 8px 8px 8px;
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 34: Line 62:
#large-single-paris-saclay {
#large-single-paris-saclay {
     width: 100%;
     width: 100%;
-
     background-image: url("http://www.gilupi.com/wp-content/uploads/image/Fotolia_2778039_L.jpg");
+
     background-image: url("https://static.igem.org/mediawiki/2012/9/97/Backdrop_with_gears.jpg");
     background-attachment : fixed;
     background-attachment : fixed;
 +
    background-size : cover;
     padding-bottom : 50px;
     padding-bottom : 50px;
Line 58: 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 {
-
}
+
margin:10px;
-
 
+
-
#social-follow {
+
}
}
Line 94: Line 120:
.Answer {
.Answer {
     text-align: justify;
     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; }