|
|
| Line 36: |
Line 36: |
| | | | |
| | | | |
| - | /* CHANGING THE WIKI CSS */
| |
| | | | |
| - | #content {
| |
| - | position: relative;
| |
| - | width: 976px;
| |
| - | margin: 0 auto;
| |
| - | padding: 5px 5px 5px 5px;
| |
| - | background: transparent;
| |
| - | color: transparent;
| |
| - | border-left: none;
| |
| - | border-right: none;
| |
| - | line-height: 0px;
| |
| - | z-index: 2;
| |
| - | }
| |
| - |
| |
| - | #contentSub {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #bodyContent {
| |
| - | }
| |
| - |
| |
| - | #siteSub {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | margin-top:30px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #top-section {
| |
| - | height: 20px;
| |
| - | width: 976px;
| |
| - | border-left: none;
| |
| - | border-right: none;
| |
| - | border-bottom: none;
| |
| - | }
| |
| - |
| |
| - | .left-menu {
| |
| - | margin-top:-15px;
| |
| - | }
| |
| - |
| |
| - | .left-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #menubar a {color:#FF0000;}
| |
| - | #menubar a:hover{text-decoration:none; color:#52749C;}
| |
| - | .left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
| |
| - | .left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
| |
| - | .right-menu ul li a {background-color:#FFFFFF;}
| |
| - | .printfooter {display:none;}
| |
| - |
| |
| - | #menubar.right-menu {
| |
| - | margin-top:-15px;
| |
| - | }
| |
| - | .right-menu li a {
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - | .right-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #menubar{
| |
| - | top:22px;
| |
| - | z-index:25;
| |
| - | }
| |
| - |
| |
| - | img[src*="/wiki/skins/common/images/wiki.png"]{
| |
| - | width:0;
| |
| - | height:0px;
| |
| - | padding-right:975px;
| |
| - | background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
| |
| - | }
| |
| - | element.style {
| |
| - | color: transparent;
| |
| - | cursor: default;
| |
| - | }
| |
| - | menubar ul {
| |
| - | color: transparent;
| |
| - | list-style: none;
| |
| - | list-style-type: none;
| |
| - | list-style-position: initial;
| |
| - | list-style-image: initial;
| |
| - | }
| |
| - |
| |
| - | element.style {
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #catlinks {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #p-logo {
| |
| - | display:none;
| |
| - | position: absolute;
| |
| - | z-index: 1;
| |
| - | height: 0px;
| |
| - | width: 0px;
| |
| - | }
| |
| - |
| |
| - | #pt-userpage{
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - | #pt-preferences{
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - | #pt-logout{
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* MAIN PAGE CSS */
| |
| - | body {
| |
| - | font-family:Tahoma, Geneva, sans-serif;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | color:#FFFFFF;
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | div.igemimage {
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | z-index: 4;
| |
| - | right: -200px;
| |
| - | }
| |
| - |
| |
| - | .igemimageleft1-hover {
| |
| - | display:block;
| |
| - | background-image:url(https://static.igem.org/mediawiki/2012/3/3a/Unamgenomicsbiosintnegro.jpg);
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | z-index: 4;
| |
| - | left: -200px;
| |
| - | top:300px;
| |
| - | }
| |
| - | .igemimageleft1-hover:hover {
| |
| - | background-image:url(https://static.igem.org/mediawiki/2012/9/9a/UnamgenomicsBiosintcolor.jpg);
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .igemimageleft2-hover {
| |
| - | display:block;
| |
| - | background-image:url(https://static.igem.org/mediawiki/2012/7/75/Unamgenomicspngnewsblack.jpg);
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | z-index: 4;
| |
| - | left: -200px;
| |
| - | top:450px;
| |
| - | }
| |
| - | .igemimageleft2-hover:hover {
| |
| - | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/Unamgenomicspngnewscolor.jpg);
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #header{
| |
| - | height:220px;
| |
| - | width:100%;
| |
| - | font-family:"Arial Black", Gadget, sans-serif;
| |
| - | }
| |
| - |
| |
| - | div.summary_text{
| |
| - | padding: 30px 30px 30px 30px;
| |
| - | border:none;
| |
| - | font-size:115%;
| |
| - | text-align:center;
| |
| - | }
| |
| - | div.descriptive_text{
| |
| - | /*We must observe div.left_image to deffine the appropiate top-margin value*/
| |
| - | margin: 70px 0px 0px 0px;
| |
| - | padding: 30px 30px 30px 30px;
| |
| - | border:none;
| |
| - | font-size:110%;
| |
| - | }
| |
| - |
| |
| - | p.title{
| |
| - | color:#CC4455;
| |
| - | font-size:150%;
| |
| - | }
| |
| - |
| |
| - | #container {
| |
| - | margin: 0px auto;
| |
| - | text-align:justify;
| |
| - | width: 100%;
| |
| - | background-color: #F0F0F0;
| |
| - | color:#000000;
| |
| - | font-size: 110%;
| |
| - | }
| |
| - |
| |
| - | /*TEXT CONTENT*/
| |
| - |
| |
| - | div#textContent{
| |
| - | background-color: #F0F0F0;
| |
| - | margin: 0px 0px 0px 0px;
| |
| - | padding: 55px 45px 55px 45px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | div#textContent p{
| |
| - | margin: .4em 0 .5em 0;
| |
| - | line-height: 1.5em;
| |
| - | }
| |
| - | h1,h2,h3,h4,h5,h6{
| |
| - | border-bottom: none;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | h1.NORM_header{
| |
| - | text-align:left;
| |
| - | margin: 15px 1px 1px 1px;
| |
| - | border:none;
| |
| - | color:#000000;
| |
| - | font-size:200%;
| |
| - | text-decoration:bold;
| |
| - | }
| |
| - |
| |
| - | h1.BSA_header{
| |
| - | margin: 15px 1px 1px 1px;
| |
| - | border:none;
| |
| - | text-decoration:none;
| |
| - | color:#B0E;
| |
| - | font-size:110%;
| |
| - | }
| |
| - | h1.BSA_announce{
| |
| - | margin: 20px 1px 1px 1px;
| |
| - | border:none;
| |
| - | text-decoration:none;
| |
| - | color:#B0E;
| |
| - | font-size:115%;
| |
| - | }
| |
| - | h1.BSA_announce a.HP{
| |
| - | color:#B0E;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - | h1.BSA_announce a.HP:hover{
| |
| - | font-size:120%;
| |
| - | }
| |
| - |
| |
| - | #textContent a{
| |
| - | text-decoration: underline;
| |
| - | color: #008800; /*green*/
| |
| - |
| |
| - | }
| |
| - | #textContent a:visited{
| |
| - | color: #540054; /*lighter green*/
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | #textContent a.anchor{
| |
| - | color: #000000;
| |
| - | }
| |
| - | #tableabi{
| |
| - | background:white;
| |
| - | }
| |
| - |
| |
| - | /*menu css*/
| |
| - | span.reference{
| |
| - | position:fixed;
| |
| - | left:0px;
| |
| - | bottom:0px;
| |
| - | font-size:12px;
| |
| - | }
| |
| - |
| |
| - | span.reference a{
| |
| - | color:#FFF;
| |
| - | text-transform:uppercase;
| |
| - | text-decoration:none;
| |
| - | text-shadow:1px 1px 1px #000;
| |
| - | margin-right:200px;
| |
| - | }
| |
| - |
| |
| - | span.reference a:hover{
| |
| - | color:#ddd;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics{
| |
| - | margin-top:0px;
| |
| - | width:1000px;
| |
| - | align:center;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | ul.menu_unamgenomics{
| |
| - | color:#000;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | list-style: none;
| |
| - | font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
| |
| - | font-size:14px;
| |
| - | width:976;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics a{
| |
| - | text-decoration:none;
| |
| - | outline:none;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li{
| |
| - | float:left;
| |
| - | width:162px;
| |
| - | height:95px;
| |
| - | position:relative;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li > a{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | width:162px;
| |
| - | height:95px;
| |
| - | z-index:12;
| |
| - | background:transparent url(../images/overlay.png) no-repeat bottom right;
| |
| - | color: #FFF;
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li a img{
| |
| - | border:none;
| |
| - | position:absolute;
| |
| - | width:0px;
| |
| - | height:0px;
| |
| - | bottom:0px;
| |
| - | left:85px;
| |
| - | z-index:100;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li span.sdt_wrap{
| |
| - | position:absolute;
| |
| - | top:25px;
| |
| - | left:0px;
| |
| - | width:162px;
| |
| - | height:60px;
| |
| - | z-index:15;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li span.menu_unamgenomics_activo{
| |
| - | position:absolute;
| |
| - | background:#FFF;
| |
| - | top:85px;
| |
| - | width:162px;
| |
| - | height:0px;
| |
| - | left:0px;
| |
| - | z-index:14;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li span span.menu_links,
| |
| - | ul.menu_unamgenomics li span span.menu_descripcion,
| |
| - | ul.menu_unamgenomics li div.menu_caja a{
| |
| - | margin-left:15px;
| |
| - | text-transform:uppercase;
| |
| - | text-shadow:1px 1px 1px #000;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li span span.menu_links{
| |
| - | color:#000;
| |
| - | font-size:24px;
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li span span.menu_descripcion{
| |
| - | color:#0B75AF;
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | width:162px; /*For dumbass IE7*/
| |
| - | font-size:10px;
| |
| - | letter-spacing:1px;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li div.menu_caja{
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | width:162px;
| |
| - | overflow:hidden;
| |
| - | height:auto;
| |
| - | top:85px;
| |
| - | left:0px;
| |
| - | display:none;
| |
| - | background-color: #FFF;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li div.menu_caja a{
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | line-height:30px;
| |
| - | color:#0B75AF;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li div.menu_caja a:first-child{
| |
| - | margin-top:15px;
| |
| - | }
| |
| - |
| |
| - | ul.menu_unamgenomics li div.menu_caja a:hover{
| |
| - | color:#F60;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Image on hover description */
| |
| - |
| |
| - | td {
| |
| - | background-color: transparent;
| |
| - | background-repeat: no-repeat;
| |
| - | clear: both;
| |
| - | height: auto;
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - | .imgteaser {
| |
| - | margin: 0;
| |
| - | overflow: hidden;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | }
| |
| - | .imgteaser a {
| |
| - | text-decoration: none;
| |
| - | float: left;
| |
| - | }
| |
| - | .imgteaser a:hover {
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | .imgteaser a img {
| |
| - | float: left;
| |
| - | margin: 0;
| |
| - | border: none;
| |
| - | padding: 20px;
| |
| - | background: #FFF;
| |
| - | border: 0px solid #ddd;
| |
| - | }
| |
| - |
| |
| - | .imgteaser a .desc { display: none; }
| |
| - |
| |
| - | .imgteaser a:hover .desc{
| |
| - | display: block;
| |
| - | font-size: 1.1em;
| |
| - | padding: 20px 0;
| |
| - | background: #111;
| |
| - | filter:alpha(opacity=65);
| |
| - | opacity:.65;
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
| |
| - | color: #fff;
| |
| - | position: absolute;
| |
| - | bottom: 11px;
| |
| - | left: 11px;
| |
| - | padding: 10px;
| |
| - | margin: 0;
| |
| - | width: 230px;
| |
| - | height:100px;
| |
| - | border-top: 1px solid #999;
| |
| - | }
| |
| - | .imgteaser a:hover .desc strong {
| |
| - | display: block;
| |
| - | margin-bottom: 5px;
| |
| - | font-size:1.2em;
| |
| - | }
| |
| | | | |
| | </style> | | </style> |
"
