Team:ETH Zurich/Templates/StyleSheetNew

From 2011.igem.org

(Difference between revisions)
(Created page with "div#preload { display: none; } div.thumb { border-color: transparent; } #catlinks { display: none; } #top-section { margin-top: 10px; padding-bottom:55px; bo...")
Line 1: Line 1:
 +
#header {
 +
    background: url("https://static.igem.org/mediawiki/2011/2/2d/DTU-Denmark2011-5element.png") no-repeat scroll right -30px #990000;
 +
    border-bottom: 1px solid #660000;
 +
    border-top: 1px solid #660000;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 +
    height: 100px;
 +
    width: 100%;
 +
}
 +
 +
 +
/* Removing wiki-like stuff */
 +
/****************************/
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
 +
{
 +
    display:none;
 +
}
 +
div#preload
div#preload
{
{
Line 94: Line 111:
margin-top:25px;  
margin-top:25px;  
border-radius:10px;
border-radius:10px;
-
border-spacing:6px;
 
}
}
-
.roundContainer td
+
 
-
{
+
-
padding:4px;
+
-
}
+
.linkMap, .linkMapJournal
.linkMap, .linkMapJournal
Line 157: Line 170:
width:910px;
width:910px;
height:20px
height:20px
-
}
 
-
#p-logo {
 
-
display: none;
 
-
}
 
-
#search-controls {
 
-
display: none;
 
}
}
Line 198: Line 205:
background-color: transparent;
background-color: transparent;
}
}
-
#footer-box {
+
 
-
width:900px;
+
-
}
+
body {
body {
background-color: #AAAAAA
background-color: #AAAAAA
}
}
-
.firstHeading {
+
 
-
display: none;
+
 
-
}
+
-
#content {
+
-
width: 900px;
+
-
border: none;
+
-
font-family: helvetica, arial, sans-serif;
+
-
color: #555555;
+
-
border-bottom-left-radius: 10px;
+
-
border-bottom-right-radius: 10px;
+
-
padding-bottom: 10px;
+
-
}
+
-
#title {
+
-
width:900px;
+
-
height:80px;
+
-
position: relative;
+
-
background-color: #FFFFFF;
+
-
top: 0px;
+
-
left: 0px;
+
-
}
+
#smocolilogo {
#smocolilogo {
width:400px;
width:400px;
Line 248: Line 235:
}
}
-
#menu {
 
-
width:900px;
 
-
height:180px;
 
-
position: relative;
 
-
top: 20px;
 
-
left: 0px;
 
-
}
 
-
#menuback {
 
-
width:150px;
 
-
height:180px;
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
background-color: #ffffff;
 
-
}
 
-
#headpic {
 
-
width:750px;
 
-
height:180px;
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 150px;
 
-
background-color: #888888;
 
-
 
-
border:1px;
 
-
border-radius : 10px;
 
-
-moz-border-radius: 10px;
 
-
}
 
-
#headover {
 
-
width: 750px;
 
-
height: 180px;
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
z-index: 10000;
 
-
}
 
-
#overlay, #overlayFront, #overlayBack {
 
-
width: 750px;
 
-
height: 180px;
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
background-image: none;
 
-
border:1px;
 
-
border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
}
 
-
#overlayBack {
 
-
background-image: url(https://static.igem.org/mediawiki/2011/3/3f/ETHZ-bg-smoke.png);
 
-
}
 
a {
a {
outline:none;
outline:none;
-
}
 
-
#headtit {
 
-
font-family: helvetica, arial, sans-serif;
 
-
font-size: 1.2em;
 
-
color: #ffffff;
 
-
position: absolute;
 
-
top: 0em;
 
-
right: 10px;
 
-
height: 30px;
 
-
line-height: 30px;
 
-
vertical-align: middle;
 
-
border: 0; padding: 0; margin: 0;
 
-
}
 
-
 
-
.dark {
 
-
color: #dddddd;
 
-
}
 
-
.highlight {
 
-
color: #ea8828;
 
-
}
 
-
#menulist {
 
-
position: absolute;
 
-
top: 0px; /* 16px; */
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 0;
 
-
left: 0px;
 
-
width:100%;
 
-
list-style: none;
 
-
}
 
-
#menulist li {
 
-
        padding-left: 8px;
 
-
line-height: 30px;
 
-
height: 30px;
 
-
width: 100%;
 
-
vertical-align: bottom;
 
-
border: 1px;
 
-
border-top-left-radius: 5px;
 
-
border-bottom-left-radius: 5px;
 
-
-moz-border-radius-topleft: 5px;
 
-
-moz-border-radius-bottomleft: 5px;
 
-
margin: 0px;
 
-
list-style: none;
 
-
}
 
-
#menulist a {
 
-
font-weight: 600;
 
-
        font-size: 1.2em;
 
-
text-decoration: none;
 
-
font-family: helvetica, arial, sans-serif;
 
-
 
-
/* color: #ffffff; */}
 
-
 
-
#headover ul {
 
-
 
-
/* display: none;  */
 
-
position: absolute;
 
-
top: 0px; /* 1.2em; */
 
-
border: 0px;
 
-
margin-top: 10px;
 
-
margin-bottom: 0px;
 
-
margin-left: 10px;
 
-
padding-top: 0px;
 
-
padding-bottom: 0px;
 
-
left: 20px; /* 0.2em; */
 
-
list-style:none;
 
-
list-style-image: none;
 
-
}
 
-
#headover ul ul {
 
-
position: absolute;
 
-
width:15em;
 
-
top:-10px;
 
-
left: 15em;
 
-
list-style:none;
 
-
}
 
-
#headover ul li {
 
-
list-style: none;
 
-
line-height: 40px;
 
-
        height: 40px;
 
-
margin: 0px;
 
-
}
 
-
#headover ul li a {
 
-
font-weight: 600;
 
-
font-size: 1.2em;
 
-
text-decoration: none;
 
-
font-family: helvetica, arial, sans-serif;
 
-
color: #dddddd;
 
-
}
 
-
.submenu
 
-
{
 
-
display: none;
 
}
}

Revision as of 16:26, 14 October 2011

  1. header {
   background: url("DTU-Denmark2011-5element.png") no-repeat scroll right -30px #990000;
   border-bottom: 1px solid #660000;
   border-top: 1px solid #660000;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   height: 100px;
   width: 100%;

}


/* Removing wiki-like stuff */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;

}

div#preload {

  display: none;

}

div.thumb {

  border-color: transparent;

}

  1. catlinks

{

  display: none;

}

  1. top-section

{

  margin-top: 10px;
  padding-bottom:55px;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.left-menu {

  border: none;
  border-top-left-radius: 10px;

}

.right-menu {

  border: none;
  border-top-right-radius: 10px;

}

  1. footer-box

{

  border: none;
  border-radius: 10px;
  margin-top: 10px;

}

/*

  1. globalWrapper

{

  width: 900px;
  margin: 0px auto 0px auto;

}*/

table {

  background-color:transparent;

} .overview, .overview a { color: #548C82 } .biology, .biology a { color: #31695E } .process, .process a { color: #26584F } .modeling, .modeling a { color: #1A473F } .achievements, .achievements a { color: #09241F } .team, .team a { color: #000D0A }

div.gallerybox[style] div.thumb[style] { border: none !important; padding:0 !important; margin:0 !important; } div.gallerybox[style] { border:none !important; padding:0 !important; margin:0 !important; }

.roundContainer { width:900px; background:#f0f0f0; text-align:justify; font-family: helvetica, arial, sans-serif; /* font-size: 10pt; */ margin-top:25px; border-radius:10px; }


.linkMap, .linkMapJournal { border: none; border-radius: 10px; border-spacing: 0px; font-family: helvetica, arial, sans-serif; font-size:1.4em; }

.linkMap td { border-left: 1px white solid; padding-left: 10px; padding-right: 10px; margin: 0px; text-align: center; white-space: nowrap; }

.linkMapJournal { padding-left: 5px; padding-right: 5px; }

.linkMapJournal td { width: 1.5em; border-left: 1px white solid; margin: 0px; text-align: center; white-space: nowrap; }


/* a:link { color:#20548f; } a:visited { color:#20548f; } a:hover { color:#20548f; } a:active { color:#20548f; }*/

  1. top-section {

background-color: #ffffff; height: 100px; border: none; width:910px; height:20px }

  1. menubar, #menubar ul, #menubar ul li

{ background-color: transparent; } .left-menu, .right-menu { visibility: hidden; }

  1. top-section:hover .left-menu, #top-section:hover .right-menu

{ visibility: visible; }

  1. menubar.left-menu {

position: absolute; top:0px; left:0px; }

  1. menubar.right-menu {

position: absolute; top:0px; right:0px; }

  1. pt-userpage, #pt-logout, #pt-preferences

{ background-color: transparent }

  1. menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited

{ color: #000000; background-color: transparent; }

body { background-color: #AAAAAA }


  1. smocolilogo {

width:400px; height:55px; position: relative; top: -70px; left: 0px; }

  1. slogan {

width:400px; height:14px;

       font-size: larger;

position: absolute; top: 63px; left: 230px; }

  1. igemlogo {

position:absolute; top:20px; left:785px; } img { border:0px; }

a { outline:none; }