Template:Team:Braunschweig/CSS TU-BS style

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 22: Line 22:
a {text-decoration:none;
a {text-decoration:none;
-
   color:#661919;
+
   color:#BE1E3C;
}
}
a:hover {text-decoration:underline;
a:hover {text-decoration:underline;
-
color:#661919;
+
color:#BE1E3C;
}
}
a:visited { text-decoration:none;
a:visited { text-decoration:none;
-
color:#661919;
+
color:#BE1E3C;
}
}
a:active {  text-decoration:none;
a:active {  text-decoration:none;
-
color:#661919;
+
color:#BE1E3C;
}
}
.header-search-box {
.header-search-box {
Line 49: Line 49:
h4.reference + ol {
h4.reference + ol {
-
   list-style-type: none;list-style-image:none; margin-left:0px;
+
   list-style-type: none;list-style-image:none; margin-left:20px;margin-bottom:30px;
   }
   }
h4.reference + ol li:before {content: "[" counter(section, decimal) "] ";font-size:small;
h4.reference + ol li:before {content: "[" counter(section, decimal) "] ";font-size:small;
Line 59: Line 59:
/*----------------------------------------------CAPTION STYLE---------------------------------------------------*/
/*----------------------------------------------CAPTION STYLE---------------------------------------------------*/
          
          
-
/*-------------LEFT CAPTION--------------*/
+
/*-------------FIGURE LEFT CAPTION--------------*/
-
div.fig-caption {width:40%; float:left
+
div.fig-caption {width:33%; float:left;margin:0 10px;
}
}
.fig-caption  ul {list-style-type:none; list-style-image: none; display:block;
.fig-caption  ul {list-style-type:none; list-style-image: none; display:block;
Line 66: Line 66:
.fig-caption  li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;
.fig-caption  li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;
}
}
-
.fig-caption  img {width: 80%;
+
.fig-caption  img {display:block; width: 95%;margin:0 auto;  
}
}
-
/*-------------RIGHT CAPTION--------------*/
+
/*-------------FIGURE RIGHT CAPTION--------------*/
-
div.fig-caption-right {width:40%; float:right;
+
div.fig-caption-right {width:33%; float:right; margin:0 10px;
}
}
.fig-caption-right ul {list-style-type:none; list-style-image: none; display:block;
.fig-caption-right ul {list-style-type:none; list-style-image: none; display:block;
}
}
-
.fig-caption-right  li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;
+
.fig-caption-right  li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;}
-
}
+
.fig-caption-right  img {display:block;width: 95%; margin:0 auto;
-
.fig-caption-right  img {width: 80%;
+
}  
}  
 +
 +
/*-------------FIGURE CENTER CAPTION--------------*/
 +
div.fig-caption-center{width:80%;display:block;margin:20px auto;;
 +
}
 +
.fig-caption-center ul {list-style-type:none; list-style-image: none; display:block;
 +
}
 +
.fig-caption-center li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;
 +
}
 +
.fig-caption-center img {max-width: 750px; max-height:500px;
 +
}
 +
 +
div.ccaption {margin-left:auto;margin-right:auto;text-align:center;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;;margin-bottom:5px;
 +
}
/*-------------LEFT TABLE CAPTION--------------*/
/*-------------LEFT TABLE CAPTION--------------*/
Line 98: Line 110:
.table-caption-right  li {list-style-type:none; list-style-image: none; display:block;color:#333333;
.table-caption-right  li {list-style-type:none; list-style-image: none; display:block;color:#333333;
}
}
-
.table-caption-right li:first-child {font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;margin-left:8px;margin-bottom:-25px;
+
.table-caption-right li:first-child {font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;margin-left:8px;margin-bottom:-5px;
}
}
.table-caption-right table {width: 100%;
.table-caption-right table {width: 100%;
 +
}
 +
 +
/*-------------CENTER TABLE CAPTION--------------*/
 +
div.table-caption-center{width:80%; margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;
 +
}
 +
.table-caption-center ul {list-style-type:none; list-style-image: none; display:block;
 +
}
 +
.table-caption-center li {list-style-type:none; list-style-image: none; display:block;color:#333333;
 +
}
 +
.table-caption-centerli:first-child {font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;margin-left:8px;margin-bottom:-5px;
 +
}
 +
.table-caption-centertable {width: 100%;
}
}
/*----------------------------------------------TABLE STYLE---------------------------------------------------*/
/*----------------------------------------------TABLE STYLE---------------------------------------------------*/
 +
/*-------------SCIENTIFIC TABLE--------------*/
/*-------------SCIENTIFIC TABLE--------------*/
-
table.scientific_table {border-collapse:collapse;  
+
table.scientific_table {border-collapse:collapse;
}
}
-
table.scientific_table th {border-bottom:1px solid black;border-top:1px solid #333333;
+
table.scientific_table th {border-bottom:1px solid #333333;border-top:1px solid #333333;
     }
     }
table.scientific_table tr:last-child {border-bottom:1px solid #333333;
table.scientific_table tr:last-child {border-bottom:1px solid #333333;
Line 114: Line 139:
table.scientific_table th,td {padding:10px;
table.scientific_table th,td {padding:10px;
}
}
-
 
+
 
 +
/*-------------PROTOCOL TABLE--------------*/ 
 +
table.protocol_table td,th {border-bottom: 1px solid #333333;border-top: 1px solid #333333;padding:5px;
 +
    }
 +
    table.protocol_table {width:25%;border-collapse:collapse;margin-bottom:20px;margin-top:30px;
 +
    }
 +
    td.protocol_table {padding:5px; 
 +
    }
/*----------------------------------------------EQUATION STYLE---------------------------------------------------*/
/*----------------------------------------------EQUATION STYLE---------------------------------------------------*/
Line 123: Line 155:
     padding: 20px;
     padding: 20px;
}
}
 +
 +
/*----------------------------------------------SUBPAGES STYLE---------------------------------------------------*/
 +
 +
/*-------------INTELLECTUAL PROPERTY--------------*/ 
 +
 +
#propose {text-indent: 40px;
 +
      }
 +
      #greetings {text-indent: 20px;
 +
      }
 +
      ul.supporter_team_list { list-style-type: none;list-style-image:none;
 +
      }
 +
      ul.supporter_team_list a {text-decoration: none;color: #333333;}
 +
      ul.supporter_team_list a:hover {text-decoration: underline;}
 +
      ul.supporter_team_list li {display:inline;margin: 30px;list-style-type: none;list-style-image:none;
 +
    }
 +
 +
 +
 +
 +
.templatemo-welcome{
.templatemo-welcome{
Line 135: Line 187:
.logo-sponsor{
.logo-sponsor{
max-height:80px;
max-height:80px;
-
max-width:100px;}
+
max-width:150px;}
.mr {line-height:2}
.mr {line-height:2}
Line 173: Line 225:
.img-center{position:relative;margin-left: auto; margin-right: auto;}
.img-center{position:relative;margin-left: auto; margin-right: auto;}
-
.anchor {position: absolute; margin-top: -70px;margin-left:-1000px;}
+
.anchor {position: absolute; margin-top: -70px; margin-left:-1000px;}
Line 304: Line 356:
@media (min-width: 768px) {
@media (min-width: 768px) {
     #templatemo-carousel .carousel-caption p {
     #templatemo-carousel .carousel-caption p {
-
         margin-bottom: 20px;
+
         margin-bottom: 10px;
         line-height: 1.4;
         line-height: 1.4;
         font-size: 28px;
         font-size: 28px;
     }
     }
     #templatemo-carousel .carousel-caption h1 {
     #templatemo-carousel .carousel-caption h1 {
-
         margin-bottom: 20px;
+
padding-top:10px;
 +
         margin-bottom: 10px;
         line-height: 1.4;
         line-height: 1.4;
         font-size: 40px;
         font-size: 40px;
Line 372: Line 425:
.pagesummary p {text-align:justify;}
.pagesummary p {text-align:justify;}
.subpage{
.subpage{
-
margin-top: 20px;
+
margin-top: 20px;padding-bottom:20px;
border-bottom: 1px solid #be1d3d;
border-bottom: 1px solid #be1d3d;
line-height:1.5em;
line-height:1.5em;
Line 471: Line 524:
}
}
.templatemo-line-header {
.templatemo-line-header {
-
     margin-top:20px;
+
     margin-top:50px;
     margin-bottom:20px;
     margin-bottom:20px;
 +
border-top:2px solid #BE1D3D;
}
}
Line 547: Line 601:
.project-overlay {
.project-overlay {
     background : rgba(0,0,0,.75);
     background : rgba(0,0,0,.75);
-
     border : 2px solid #ff7600;
+
     border : 2px solid rgba(190, 30, 60, 1);
     visibility: hidden;
     visibility: hidden;
     position: absolute;
     position: absolute;

Latest revision as of 12:00, 17 October 2014