Team:UNITS Trieste/style.css
From 2011.igem.org
(Difference between revisions)
(84 intermediate revisions not shown) | |||
Line 63: | Line 63: | ||
margin: 24px; | margin: 24px; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
+ | } | ||
+ | td.logo img { | ||
+ | width:100px; | ||
} | } | ||
#groupparts { | #groupparts { | ||
Line 87: | Line 90: | ||
border-bottom: 1px solid #95bce2 !important; | border-bottom: 1px solid #95bce2 !important; | ||
vertical-align: top; | vertical-align: top; | ||
+ | } | ||
+ | .sottomesso { | ||
+ | text-align: right; | ||
} | } | ||
td * { | td * { | ||
Line 92: | Line 98: | ||
} | } | ||
tr.alt td { | tr.alt td { | ||
- | background: #ecf6fc; | + | background-color: #ecf6fc; |
+ | } | ||
+ | #mytable tr.over td,#mytable tr:hover td, | ||
+ | #groupparts tr.over td,#groupparts tr:hover td { | ||
+ | background-color: #bcd4ec; | ||
+ | } | ||
+ | #datatable td { | ||
+ | text-align:center; | ||
+ | } | ||
+ | #datatable th { | ||
+ | text-align:center; | ||
+ | width:25%; | ||
} | } | ||
- | |||
- | |||
- | |||
a img { | a img { | ||
border: none; | border: none; | ||
+ | } | ||
+ | .damappare { | ||
+ | margin-top:10px; | ||
} | } | ||
p { | p { | ||
Line 118: | Line 135: | ||
} | } | ||
+ | #container.project #modeling p{ | ||
+ | display:block; | ||
+ | float:none; | ||
+ | width:100%; | ||
+ | margin:0 0 10px !important; | ||
+ | } | ||
+ | #container.project #modeling p.descr-img{ | ||
+ | display: block; | ||
+ | float: right; | ||
+ | margin: 10px auto !important; | ||
+ | padding: 0 50px; | ||
+ | text-align: justify; | ||
+ | width: 300px; | ||
+ | } | ||
+ | #modeling span{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | #modeling img { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear:both; | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | #modeling div.one_col{ | ||
+ | float:left; | ||
+ | width:250px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | #modeling div.two_col{ | ||
+ | float:left; | ||
+ | width:460px; | ||
+ | margin: 10px; | ||
+ | padding:20px 20px 0; | ||
+ | } | ||
+ | #modeling div.three_col{ | ||
+ | float:left; | ||
+ | width:710px; | ||
+ | margin: 0 10px; | ||
+ | padding:0px 20px 0; | ||
+ | } | ||
+ | #modeling div.four_col{ | ||
+ | clear:both; | ||
+ | width:1020px; | ||
+ | margin: 0 10px; | ||
+ | padding:0px 20px 0; | ||
+ | } | ||
+ | .centered { | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .toggler { | ||
+ | cursor:pointer; | ||
+ | } | ||
#container.project p.pTraI-glucosidase, #container.project p.pLasI-glucosidase { | #container.project p.pTraI-glucosidase, #container.project p.pLasI-glucosidase { | ||
width:800px; | width:800px; | ||
Line 249: | Line 319: | ||
max-width: 1080px; | max-width: 1080px; | ||
position:relative; | position:relative; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#loading { | #loading { | ||
Line 432: | Line 497: | ||
#header { | #header { | ||
- | height: | + | background: #113355; |
+ | border-bottom: 10px solid #3B5998; | ||
+ | height:100px; | ||
width:100%; | width:100%; | ||
padding-top:40px; | padding-top:40px; | ||
} | } | ||
#header .wrapper { | #header .wrapper { | ||
- | |||
width:1080px; | width:1080px; | ||
overflow:hidden; | overflow:hidden; | ||
+ | display:table; | ||
background: none transparent 0 0 scroll no-repeat; | background: none transparent 0 0 scroll no-repeat; | ||
} | } | ||
Line 462: | Line 529: | ||
} | } | ||
- | + | .site-title { | |
+ | height:100px; | ||
+ | width:699px; | ||
+ | } | ||
+ | #Home { | ||
background:transparent url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll; | background:transparent url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll; | ||
height:151px; | height:151px; | ||
+ | width:600px; | ||
} | } | ||
- | + | #Project, .ProjectOverview { | |
background:transparent url('https://static.igem.org/mediawiki/2011/a/ad/UNITS-t_project.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/a/ad/UNITS-t_project.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Data { | |
background:transparent url('https://static.igem.org/mediawiki/2011/8/8d/UNITS-t_data.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/8/8d/UNITS-t_data.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Team, .TeamOverview { | |
background:transparent url('https://static.igem.org/mediawiki/2011/8/8f/UNITS-t_team.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/8/8f/UNITS-t_team.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Parts { | |
background:transparent url('https://static.igem.org/mediawiki/2011/d/d6/UNITS-t_parts.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/d/d6/UNITS-t_parts.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Safety { | |
background:transparent url('https://static.igem.org/mediawiki/2011/2/23/UNITS-t_safety.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/2/23/UNITS-t_safety.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Modeling { | |
background:transparent url('https://static.igem.org/mediawiki/2011/e/ee/UNITS-t_modeling.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/e/ee/UNITS-t_modeling.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Notebook { | |
background:transparent url('https://static.igem.org/mediawiki/2011/3/3e/UNITS-t_notebook.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/3/3e/UNITS-t_notebook.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Attributions { | |
background:transparent url('https://static.igem.org/mediawiki/2011/8/87/UNITS-t_attribution.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/8/87/UNITS-t_attribution.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #AKs { | |
background:transparent url('https://static.igem.org/mediawiki/2011/e/e9/UNITS-t_aks.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/e/e9/UNITS-t_aks.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | #Outreach { | |
background:transparent url('https://static.igem.org/mediawiki/2011/1/11/UNITS-t_outreach.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/1/11/UNITS-t_outreach.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | + | .site-title span{ | |
display:none; | display:none; | ||
font-size: 30px; | font-size: 30px; | ||
Line 503: | Line 575: | ||
} | } | ||
- | + | .site-title a { | |
color: #C9AF40; | color: #C9AF40; | ||
font-weight: bold; | font-weight: bold; | ||
Line 520: | Line 592: | ||
/* =Menu | /* =Menu | ||
-------------------------------------------------------------- */ | -------------------------------------------------------------- */ | ||
+ | #list-updates { | ||
+ | list-style:none; margin:0; | ||
+ | } | ||
+ | #list-updates .space_item-G,#list-updates .space_item-R,#list-updates .space_item-Y,#list-updates .space_item-B { | ||
+ | width:auto; | ||
+ | height:60px; | ||
+ | padding-left:30px; | ||
+ | } | ||
.space_item-G, .space_item-R, .space_item-Y, .space_item-B { | .space_item-G, .space_item-R, .space_item-Y, .space_item-B { | ||
width:22px; | width:22px; | ||
Line 715: | Line 795: | ||
line-height: 18px; | line-height: 18px; | ||
padding: 9px 24px; | padding: 9px 24px; | ||
+ | text-align:center; | ||
} | } | ||
#content tr td { | #content tr td { | ||
border-top: 1px solid #e7e7e7; | border-top: 1px solid #e7e7e7; | ||
padding: 6px 24px; | padding: 6px 24px; | ||
+ | vertical-align: middle; | ||
} | } | ||
#content tr.odd td { | #content tr.odd td { | ||
Line 807: | Line 889: | ||
text-align:justify; | text-align:justify; | ||
} | } | ||
- | # | + | #location .slides { |
height:auto; | height:auto; | ||
font-size:12px; | font-size:12px; | ||
Line 853: | Line 935: | ||
#UNITS-gallery { | #UNITS-gallery { | ||
padding:0px; | padding:0px; | ||
- | height: | + | height:240px; |
width:400px; | width:400px; | ||
text-align: right; | text-align: right; | ||
+ | float:right; | ||
+ | margin-right:20px; | ||
} | } | ||
Line 909: | Line 993: | ||
height: 68px; | height: 68px; | ||
list-style: none outside none; | list-style: none outside none; | ||
- | margin: 0 0 | + | margin: 0 0 1px 0; |
overflow: hidden; | overflow: hidden; | ||
padding: 0 5px 0 75px; | padding: 0 5px 0 75px; | ||
Line 920: | Line 1,004: | ||
ul#twitter_update_list li a { | ul#twitter_update_list li a { | ||
display:none; | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* =Project | ||
+ | -------------------------------------------------------------- */ | ||
+ | #data_film { | ||
+ | background-color:#333; | ||
+ | clear:both; | ||
+ | height:524px; | ||
+ | position:relative; | ||
+ | width:1024px; | ||
+ | padding:10px; | ||
+ | } | ||
+ | #data_frames { | ||
+ | height:504px; | ||
+ | position:relative; | ||
+ | width:1004px; | ||
+ | } | ||
+ | .frame { | ||
+ | display:table; | ||
+ | } | ||
+ | .data_frame { | ||
+ | border: 10px solid #FFFFFF; | ||
+ | display: table-cell; | ||
+ | width: 672px; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | #data_play { | ||
+ | position:absolute; | ||
+ | opacity:0.8; | ||
+ | top:210px; | ||
+ | left:320px; | ||
+ | width:90px; | ||
+ | height:90px; | ||
+ | cursor:pointer; | ||
+ | z-index:20; | ||
+ | } | ||
+ | #data_play img { | ||
+ | width:100%; | ||
+ | } | ||
+ | #data_prev,#data_next { | ||
+ | cursor:pointer; | ||
+ | position:absolute; | ||
+ | top: 240px; | ||
+ | background-color:#fff; | ||
+ | padding:5px 20px; | ||
+ | opacity:0.8; | ||
+ | z-index:20; | ||
+ | } | ||
+ | #data_prev { left:20px; } | ||
+ | #data_next { right:352px; } | ||
+ | #data_text { | ||
+ | color: #FFFFFF; | ||
+ | display: table-cell; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.2em; | ||
+ | padding: 20px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 272px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* =Data | ||
+ | -------------------------------------------------------------- */ | ||
+ | .validated { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/2/2b/Units-validated.png) center right no-repeat scroll; | ||
+ | height:50px; | ||
+ | } | ||
+ | .tableh { | ||
+ | background-color:#3E83C9; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .tablegray td{ | ||
+ | background-color:#ccc; | ||
+ | } | ||
+ | span.validated { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/2/2b/Units-validated.png) center left no-repeat scroll; | ||
+ | line-height:20px; | ||
+ | padding:20px 40px; | ||
+ | } | ||
+ | |||
+ | #data #popupContact { | ||
+ | height:500px; | ||
+ | width:900px; | ||
+ | overflow-y:scroll; | ||
+ | } | ||
+ | #data #popupContact img { | ||
+ | margin: 8px 0; | ||
+ | position: absolute; | ||
+ | right: 30px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #data #popupContact img.inbody { | ||
+ | margin: 10px auto; | ||
+ | position: relative; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #header-data { | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #header-data span { | ||
+ | color: #113355; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #header-data h1 { | ||
+ | margin:0; | ||
+ | color:#135; | ||
+ | } | ||
+ | #bkgmodelino { | ||
+ | height: 82px; | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | top: 10px; | ||
+ | width: 206px; | ||
+ | display:none; | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/9/9c/Units-vignetta.png) top left no-repeat scroll; | ||
+ | } | ||
+ | #modelback { | ||
+ | display:table-cell; | ||
+ | height:82px; | ||
+ | width:106px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #modelino { | ||
+ | display:table-cell; | ||
+ | vertical-align:super; | ||
+ | } | ||
+ | .data_box{ | ||
+ | display:none; | ||
+ | } | ||
+ | #text-model { | ||
+ | width:500px; | ||
+ | height: 455px; | ||
+ | padding: 20px; | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #text-data { | ||
+ | display:none; | ||
+ | width:700px; | ||
+ | float:right; | ||
+ | } | ||
+ | .imgdettaglio { | ||
+ | display:none; | ||
+ | float:left; | ||
+ | margin-top:60px; | ||
+ | } | ||
+ | .descr-bat { | ||
+ | width:700px; | ||
+ | } | ||
+ | .descr-bat span{ | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 10px 20px 10px; | ||
} | } | ||
Line 927: | Line 1,167: | ||
#descr-notebook img {float:left;} | #descr-notebook img {float:left;} | ||
#descr-notebook p.text-notebook { | #descr-notebook p.text-notebook { | ||
- | |||
float: right; | float: right; | ||
+ | } | ||
+ | #descr-notebook p.text-notebook, #end-notebook { | ||
+ | border: 10px solid #3B5998; | ||
margin: 0 16px !important; | margin: 0 16px !important; | ||
padding: 10px 20px 20px; | padding: 10px 20px 20px; | ||
width: 430px; | width: 430px; | ||
+ | } | ||
+ | #end-notebook { | ||
+ | float:left; | ||
} | } | ||
- | #menu-notebook { text-align:center; } | + | #menu-notebook { text-align:center; margin-bottom: 20px;} |
#menu-notebook span.group { | #menu-notebook span.group { | ||
- | |||
border: 10px solid #FFFFFF; | border: 10px solid #FFFFFF; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 946: | Line 1,190: | ||
line-height: 8em; | line-height: 8em; | ||
text-align: center; | text-align: center; | ||
- | |||
opacity:0.5; | opacity:0.5; | ||
cursor: pointer; | cursor: pointer; | ||
+ | } | ||
+ | #menu-notebook span.group1 { | ||
+ | background-color: #3B5998; | ||
+ | width: 134px; | ||
+ | } | ||
+ | #menu-notebook span.group2 { | ||
+ | background-color: #DD4A69; | ||
+ | width: 290px; | ||
} | } | ||
#menu-notebook span.clicked { | #menu-notebook span.clicked { | ||
Line 965: | Line 1,216: | ||
/* =Team | /* =Team | ||
-------------------------------------------------------------- */ | -------------------------------------------------------------- */ | ||
+ | .refNews { | ||
+ | font-style:italic; | ||
+ | margin:5px; | ||
+ | font-size:10px; | ||
+ | } | ||
.descr-team { | .descr-team { | ||
display:none; | display:none; | ||
Line 995: | Line 1,251: | ||
font-size:12px; | font-size:12px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.power { | .power { | ||
font-size:8px; | font-size:8px; | ||
Line 1,040: | Line 1,280: | ||
} | } | ||
- | /* =Outreach | + | /* =Outreach and Cooperations |
-------------------------------------------------------------- */ | -------------------------------------------------------------- */ | ||
- | .outreach { | + | .outreach, .cooperations { |
float:left; | float:left; | ||
margin: 20px; | margin: 20px; | ||
Line 1,051: | Line 1,291: | ||
} | } | ||
- | .outreach .figure { | + | .outreach .figure, .cooperations .figure { |
background-color: white; | background-color: white; | ||
display:block; | display:block; | ||
Line 1,061: | Line 1,301: | ||
} | } | ||
- | .outreach p{ | + | .outreach p, .cooperations p{ |
padding:0 20px; | padding:0 20px; | ||
} | } | ||
- | .outreach span{ | + | .outreach span, .cooperations span{ |
font-size: 18px; | font-size: 18px; | ||
display:block; | display:block; |
Latest revision as of 11:56, 28 October 2011
/*
Theme Name: IGEM-UNITS_Trieste
Theme URI: https://2011.igem.org/team:UNITS_Trieste
Description: UNITS_Trieste Theme
Author: the UNITS_Trieste team
Version: 1.0
License: GNU General Public License
*/