Team:UNITS Trieste/style.css

From 2011.igem.org

(Difference between revisions)
 
(46 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 97: Line 100:
background-color: #ecf6fc;
background-color: #ecf6fc;
}
}
-
tr.over td, tr:hover td {
+
#mytable tr.over td,#mytable tr:hover td,
 +
#groupparts tr.over td,#groupparts tr:hover td {
background-color: #bcd4ec;
background-color: #bcd4ec;
-
}  
+
} 
 +
#datatable td {
 +
text-align:center;
 +
}
 +
#datatable th {
 +
text-align:center;
 +
width:25%;
 +
}
a img {
a img {
border: none;
border: none;
Line 132: Line 143:
#container.project #modeling p.descr-img{
#container.project #modeling p.descr-img{
     display: block;
     display: block;
-
     float: left;
+
     float: right;
     margin: 10px auto !important;
     margin: 10px auto !important;
     padding: 0 50px;
     padding: 0 50px;
     text-align: justify;
     text-align: justify;
-
     width: 400px;
+
     width: 300px;
}
}
#modeling span{
#modeling span{
Line 144: Line 155:
     display: block;
     display: block;
     float: left;
     float: left;
 +
clear:both;
     margin: 10px 0;
     margin: 10px 0;
}
}
Line 169: Line 181:
padding:0px 20px 0;
padding:0px 20px 0;
}
}
-
#modeling .centered {
+
.centered {
     display: block;
     display: block;
     text-align: center;
     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 {
Line 304: Line 319:
max-width: 1080px;
max-width: 1080px;
position:relative;
position:relative;
-
}
 
-
#header {
 
-
    background: #113355;
 
-
    border-bottom: 10px solid #3B5998;
 
-
    width: 100%;
 
}
}
#loading {
#loading {
Line 487: Line 497:
#header {
#header {
-
height:360px;
+
    background: #113355;
 +
    border-bottom: 10px solid #3B5998;
 +
height:100px;
width:100%;
width:100%;
padding-top:40px;
padding-top:40px;
}
}
#header .wrapper {
#header .wrapper {
-
height:360px;
 
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 517: Line 529:
}
}
-
#site-title {
+
.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 {
+
#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 {
+
#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 {
+
#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 {
+
#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 {
+
#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 {
+
#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 {
+
#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 {
+
#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;
}
}
-
.Acknowledgements {
+
#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 {
+
#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{
+
.site-title span{
display:none;
display:none;
font-size: 30px;
font-size: 30px;
Line 558: Line 575:
}
}
-
#site-title a {
+
.site-title a {
color: #C9AF40;
color: #C9AF40;
font-weight: bold;
font-weight: bold;
Line 778: Line 795:
line-height: 18px;
line-height: 18px;
padding: 9px 24px;
padding: 9px 24px;
 +
text-align:center;
}
}
#content tr td {
#content tr td {
Line 975: Line 993:
     height: 68px;
     height: 68px;
     list-style: none outside none;
     list-style: none outside none;
-
     margin: 0 0 15px 0;
+
     margin: 0 0 1px 0;
     overflow: hidden;
     overflow: hidden;
     padding: 0 5px 0 75px;
     padding: 0 5px 0 75px;
Line 1,003: Line 1,021:
   position:relative;
   position:relative;
   width:1004px;  
   width:1004px;  
 +
}
 +
.frame {
 +
display:table;
}
}
.data_frame {
.data_frame {
-
  float:left;
+
    border: 10px solid #FFFFFF;
-
  border: 10px solid #FFFFFF;
+
    display: table-cell;
-
  width:672px;
+
    width: 672px;
-
z-index:10;
+
    z-index: 10;
}
}
#data_play {
#data_play {
Line 1,035: Line 1,056:
#data_next { right:352px; }
#data_next { right:352px; }
#data_text {
#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;
   float:left;
-
  width:272px;
 
-
  height:494px;
 
-
  color:#fff;
 
-
  padding:20px;
 
   font-size:14px;
   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;
 +
}
 +
/* =Notebook
/* =Notebook
-------------------------------------------------------------- */
-------------------------------------------------------------- */
Line 1,062: Line 1,182:
#menu-notebook span.group {
#menu-notebook span.group {
-
    background-color: #3B5998;
 
     border: 10px solid #FFFFFF;
     border: 10px solid #FFFFFF;
     color: #FFFFFF;
     color: #FFFFFF;
Line 1,071: Line 1,190:
     line-height: 8em;
     line-height: 8em;
     text-align: center;
     text-align: center;
-
    width: 160px;
 
     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 1,090: Line 1,216:
/* =Team
/* =Team
-------------------------------------------------------------- */
-------------------------------------------------------------- */
 +
.refNews {
 +
font-style:italic;
 +
margin:5px;
 +
font-size:10px;
 +
}
.descr-team {
.descr-team {
   display:none;
   display:none;
Line 1,120: Line 1,251:
   font-size:12px;   
   font-size:12px;   
}   
}   
-
#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;
 
-
}
 
.power {
.power {
   font-size:8px;
   font-size:8px;

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 

*/
Retrieved from "http://2011.igem.org/Team:UNITS_Trieste/style.css"