"
Template:Team:Braunschweig/CSS TU-BS style
From 2014.igem.org
(Difference between revisions)
| (50 intermediate revisions not shown) | |||
| Line 22: | Line 22: | ||
a {text-decoration:none; | a {text-decoration:none; | ||
| - | color:# | + | color:#BE1E3C; |
} | } | ||
a:hover {text-decoration:underline; | a:hover {text-decoration:underline; | ||
| - | color:# | + | color:#BE1E3C; |
} | } | ||
a:visited { text-decoration:none; | a:visited { text-decoration:none; | ||
| - | color:# | + | color:#BE1E3C; |
} | } | ||
a:active { text-decoration:none; | a:active { text-decoration:none; | ||
| - | color:# | + | 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: | + | 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: | + | 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: | + | .fig-caption img {display:block; width: 95%;margin:0 auto; |
} | } | ||
| - | /*-------------RIGHT CAPTION--------------*/ | + | /*-------------FIGURE RIGHT CAPTION--------------*/ |
| - | div.fig-caption-right {width: | + | 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: | + | |
} | } | ||
| + | |||
| + | /*-------------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:- | + | .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 | + | 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: | + | 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: | + | 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: | + | 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: | + | 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 | + | 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