Team:UNITS Trieste/style.css

From 2011.igem.org

(Difference between revisions)
 
(134 intermediate revisions not shown)
Line 27: Line 27:
width:100% !important;
width:100% !important;
min-width: 1080px !important;
min-width: 1080px !important;
-
         font-size:13px;
+
         font-size:12px;
-
         line-height:1.7em;
+
         line-height:1.3em;
         color:#333;
         color:#333;
         font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
         font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
Line 64: Line 64:
font-size: 1.1em;
font-size: 1.1em;
}
}
-
th {
+
td.logo img {
-
background: #3e83c9;
+
width:100px;
 +
}
 +
#groupparts {
 +
      width:100% !important;
 +
}
 +
table.pgrouptable thead th,th {
 +
background-color: #3e83c9 !important;
color: #fff;
color: #fff;
font-weight: bold;
font-weight: bold;
padding: 2px 11px;
padding: 2px 11px;
text-align: left;
text-align: left;
-
border-right: 1px solid #fff;
+
border-left:0px;
 +
border-top:0px;
 +
border-bottom:0px;
 +
border-right: 1px solid #fff !important;
line-height: 1.2;
line-height: 1.2;
}
}
-
td {
+
table.pgrouptable td, td {
 +
        background-color: #fff;
padding: 6px 11px;
padding: 6px 11px;
-
border-bottom: 1px solid #95bce2;
+
border-left:0px;
 +
border-top:0px;
 +
border-right:0px;
 +
border-bottom: 1px solid #95bce2 !important;
vertical-align: top;
vertical-align: top;
 +
}
 +
.sottomesso {
 +
text-align: right;
}
}
td * {
td * {
Line 82: 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%;
}
}
-
tr.over td, tr:hover td {
 
-
background: #bcd4ec;
 
-
}
 
a img {
a img {
border: none;
border: none;
 +
}
 +
.damappare {
 +
    margin-top:10px;
}
}
p {
p {
margin:0px !important;
margin:0px !important;
-
line-height: 1.7em !important
+
line-height: 1.3em !important;
-
text-align: justify !important;
+
}
}
#container p {
#container p {
margin:14px 0px !important;
margin:14px 0px !important;
-
line-height: 1.7em !important         
+
line-height: 1.3em !important;        
text-align: justify;
text-align: justify;
}
}
Line 107: Line 133:
     width:500px;
     width:500px;
     margin:10px !important;
     margin:10px !important;
 +
}
 +
 +
#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 {
 +
    width:800px;
 +
    margin:10px 0 10px 50px !important;
 +
}
 +
#container.project p.full-descr-bat, #container.project p.descr-bat {
 +
    width:740px;
 +
    padding: 0 10px;
 +
}
 +
#data #popupContact p.descr-bat img{
 +
    position:relative;
 +
    display:block;
 +
    margin:-5px 0 0 -30px;
 +
    right:0px;
 +
}
 +
#data #popupContact p.descr-bat span{
 +
    position:relative;
 +
    display:block;
 +
    margin:10px auto;
 +
}
 +
#data #popupContact p.descr-bat span.centered {
 +
    text-align:center;
}
}
blockquote p {
blockquote p {
Line 131: Line 233:
     border:none !important;
     border:none !important;
     color: black !important;
     color: black !important;
-
     line-height: 1.1em !important;
+
     line-height: 1.3em !important;
     margin:0 !important;
     margin:0 !important;
     padding:0 !important;
     padding:0 !important;
Line 144: Line 246:
#p-logo,.firstHeading,#top,#siteSub,#contentSub,.printfooter,#catlinks,.visualClear,#top-section #search-controls{
#p-logo,.firstHeading,#top,#siteSub,#contentSub,.printfooter,#catlinks,.visualClear,#top-section #search-controls{
display:none !important;
display:none !important;
 +
}
 +
input.searchButton{
 +
    margin:0 !important;
 +
}
 +
#searchInput {
 +
    width:8em !important;
}
}
#top-section {
#top-section {
Line 211: 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 321: Line 424:
}
}
blockquote {
blockquote {
-
font-style: italic;
+
font-style: normal;
padding: 0 3em;
padding: 0 3em;
}
}
Line 394: 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 424: 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;
}
}
-
#site-title span{
+
#AKs {
 +
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;
 +
}
 +
.site-title span{
display:none;
display:none;
font-size: 30px;
font-size: 30px;
Line 459: Line 575:
}
}
-
#site-title a {
+
.site-title a {
color: #C9AF40;
color: #C9AF40;
font-weight: bold;
font-weight: bold;
Line 476: 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 630: Line 754:
overflow: hidden;
overflow: hidden;
}
}
-
.safety a {
+
.safety a, .link_ak {
-
  color: #135 !important;
+
  color: #3B5998 !important;
 +
font-weight: bold;
}
}
 +
.list {
 +
  padding:0 10px 0 20px;
 +
}
 +
.listlist {
 +
  padding:0 10px 0 40px;
 +
}
 +
#content h1,
#content h1,
#content h2,
#content h2,
Line 642: Line 774:
line-height: 1.5em;
line-height: 1.5em;
margin: 0 0 20px 0;
margin: 0 0 20px 0;
 +
        font-weight:bold;
}
}
#content table {
#content table {
Line 662: 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 754: Line 889:
         text-align:justify;
         text-align:justify;
}
}
-
#profiles .slides {
+
#location .slides {
height:auto;
height:auto;
         font-size:12px;
         font-size:12px;
Line 800: Line 935:
#UNITS-gallery {
#UNITS-gallery {
   padding:0px;
   padding:0px;
-
   height:260px;
+
   height:240px;
 +
  width:400px;
   text-align: right;
   text-align: right;
 +
  float:right;
 +
  margin-right:20px;
}
}
Line 855: 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;
   color: #7EAEF5;
   color: #7EAEF5;
-
     font-size: 10px;
+
     font-size: 12px;
     font-weight: bold;
     font-weight: bold;
-
     line-height: 18px;
+
     line-height: 1.3em;
-
cursor:pointer;
+
    cursor:pointer;
}
}
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 872: Line 1,166:
#descr-notebook { padding:20px 0; }
#descr-notebook { padding:20px 0; }
#descr-notebook img {float:left;}
#descr-notebook img {float:left;}
-
#descr-notebook span.text-notebook {float:left; height:309px; width:572px; padding:0 0 0 20px;}
+
#descr-notebook p.text-notebook {
 +
    float: right;
 +
}
 +
#descr-notebook p.text-notebook, #end-notebook {
 +
    border: 10px solid #3B5998;
 +
    margin: 0 16px !important;
 +
    padding: 10px 20px 20px;
 +
    width: 430px;
 +
}
 +
#end-notebook {
 +
    float:left;
 +
}
-
#menu-notebook {
+
#menu-notebook { text-align:center; margin-bottom: 20px;}
-
text-align:center;}
+
#menu-notebook span.group {
#menu-notebook span.group {
-
    background-color: #3B5998;
 
     border: 10px solid #FFFFFF;
     border: 10px solid #FFFFFF;
     color: #FFFFFF;
     color: #FFFFFF;
Line 887: 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 906: Line 1,216:
/* =Team
/* =Team
-------------------------------------------------------------- */
-------------------------------------------------------------- */
 +
.refNews {
 +
font-style:italic;
 +
margin:5px;
 +
font-size:10px;
 +
}
.descr-team {
.descr-team {
   display:none;
   display:none;
 +
}
 +
#data {
 +
  text-align:center;
}
}
#backgroundPopup{   
#backgroundPopup{   
Line 931: Line 1,249:
   z-index:2;   
   z-index:2;   
   padding:12px;   
   padding:12px;   
-
   font-size:13px;   
+
   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;
Line 978: Line 1,280:
}   
}   
 +
/* =Outreach and Cooperations
 +
-------------------------------------------------------------- */
 +
.outreach, .cooperations {
 +
  float:left;
 +
  margin: 20px;
 +
  width:320px;
 +
  height:630px;
 +
  background: transparent none top left repeat scroll;
 +
  position:relative;
 +
}
 +
 +
.outreach .figure, .cooperations .figure {
 +
  background-color: white;
 +
  display:block;
 +
  width:100%;
 +
  height:200px;
 +
  padding-top:20px;
 +
  vertical-align:middle;
 +
  text-align:center;
 +
}
 +
 +
.outreach p, .cooperations p{
 +
  padding:0 20px;
 +
}
 +
 +
.outreach span, .cooperations span{
 +
  font-size: 18px;
 +
  display:block;
 +
  font-weight:bold;
 +
  padding:10px 20px;
 +
}
/* =Footer
/* =Footer

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"