Template:Team:Braunschweig/CSS TU-BS style

From 2014.igem.org

(Difference between revisions)
 
(38 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;margin-left:20px;
+
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%;margin:0 auto;
+
}  
}  
 +
 +
/*-------------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 104: Line 116:
/*-------------CENTER TABLE CAPTION--------------*/
/*-------------CENTER TABLE CAPTION--------------*/
-
div.table-caption-center{width:80%; margin-left:auto;margin-right:auto;
+
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 ul {list-style-type:none; list-style-image: none; display:block;
Line 131: Line 143:
  table.protocol_table td,th {border-bottom: 1px solid #333333;border-top: 1px solid #333333;padding:5px;
  table.protocol_table td,th {border-bottom: 1px solid #333333;border-top: 1px solid #333333;padding:5px;
     }
     }
-
     table.protocol_table {border-collapse:collapse;margin-bottom:20px;margin-top:30px;
+
     table.protocol_table {width:25%;border-collapse:collapse;margin-bottom:20px;margin-top:30px;
     }
     }
     td.protocol_table {padding:5px;   
     td.protocol_table {padding:5px;   
Line 143: 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 155: 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 324: 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 392: 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 491: 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 567: 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