Team:SDU-Denmark/style

From 2012.igem.org

(Difference between revisions)
Line 159: Line 159:
    
    
}
}
-
#content {
+
#contenta {
float:right;
float:right;
width: 680px;
width: 680px;
Line 194: Line 194:
-
#content h2 {
+
#contenta h2 {
color: #456c55;
color: #456c55;
margin: 0;  padding: 0px 0;
margin: 0;  padding: 0px 0;
Line 200: Line 200:
font-weight: normal;
font-weight: normal;
}
}
-
#content p {
+
#contenta p {
line-height: 1.8em;
line-height: 1.8em;
padding: 7px 0;
padding: 7px 0;
Line 235: Line 235:
/*::::::::: Tables :::::::::*/
/*::::::::: Tables :::::::::*/
-
#content table {
+
#contenta table {
width: 100%;
width: 100%;
border: 3px solid #222222;
border: 3px solid #222222;
Line 243: Line 243:
}
}
-
#content th { border-bottom: 1px solid #222222; border-right: 1px solid #090909; padding: 10px; }
+
#contenta th { border-bottom: 1px solid #222222; border-right: 1px solid #090909; padding: 10px; }
.bottoms { border-top: 1px solid #222222; }
.bottoms { border-top: 1px solid #222222; }
-
#content th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
+
#contenta th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
-
#content td { border-right: 1px solid #090909; border-bottom: 1px solid #090909; padding: 10px; text-align: center; }
+
#contenta td { border-right: 1px solid #090909; border-bottom: 1px solid #090909; padding: 10px; text-align: center; }
.textright { text-align: right !important; }
.textright { text-align: right !important; }

Revision as of 14:50, 14 July 2012

body { margin: 0; padding: 0; /* background: url(../images/body_bg.gif) repeat-y left #D1DFF1;*/

background-position: left; font: normal 11px Georgia, Arial, Helvetica, sans-serif;

}

span.texhtml { font-family: serif; }


/*::::::::: Links :::::::::*/ a { color: #000000; text-decoration: none; } a:hover { color: #066300; text-decoration: strong ; } a:focus { outline: none; }


/*::::::::: Container :::::::::*/ .container {width: 984px; height: 100%; margin: 0 auto; overflow: hidden; font-size: 1.2em; position: relative; background-color: rgba(255, 255, 255, 0.85);}

/*::::::::: HEADER ::::::::::*/

  1. TopHeader {

float: none; width: ;

padding-left:30px; padding-right:0px; padding-top:15px; padding-bottom:15px; background: rgba(255, 255, 255, 0.0); /* Change this if we want color */ position: relative;

}

/*::::::::: SideNav :::::::::*/

  1. sidenav {

width: ; position: absolute; /* fixed */ float: left; background-color: rgba(255, 255, 255, 0.0); margin:10px 0px 0px 30px; /* top right bottom left*/ /*padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:15px;*/ height: 100%; }

/*::::::::: SidenavFooter :::::::::*/

  1. footer {

width:150 ; position: absolute; bottom:0; /* fixed */ float: left; background-color: rgba(255, 255, 255, 0.0); margin:0px 0px 0px 30px; /* top right bottom left*/ /*padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:15px;*/ height: 100%; height: auto; font-size: 10px; text-align: center; } }

  • html #sidenav {

position: absolute; left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } /*::::::: Accordion Menu ::::::*/ .AccordionTitle, .AccordionContent, .AccordionContainer { position:relative; width:; }

.AccordionTitle { height: 30px; overflow:hidden; cursor:pointer; font-family: "SegoeWP", "Calibri"; font-weight: "light"; text-indent:8px; font-size:27px; color: #000050; background-color: rgba(255, 255, 255, 0.0); vertical-align: middle; background-repeat:repeat-x; display:table-cell; -moz-user-select:none; }

.AccordionContent { height:auto; overflow:hidden; cursor:pointer; font-family: Century Gothic, sans-serif; font-weight: bold; font-size:15px; background-color: rgba(255, 255, 255, 0.0); text-indent:20px; vertical-align:top; text-align:left; display:none; }

.AccordionContainer {

height:AccHeight; background-color: rgba(255, 255, 255, 0.0); border-top: none; border-bottom: none; border-left: none; border-right: none; }

/* #outcommented{

  1. sidenav ul {

margin: 0; padding: 0; list-style: none; font-size: 13px; }

  1. sidenav ul li{

margin: 0; padding: 0; display: inline; }

  1. sidenav ul li a{

display: block; margin: 0; padding: 10px 0; text-decoration: none; color: #333; border-bottom: 1px solid #101010; }

  1. sidenav ul li a:hover { color: #456c55; }
  2. sidenav ul li a.home{ background: url(../images/icon_home.gif) no-repeat top right; }
  3. sidenav ul li a.portfolio{ background: url(../images/icon_portfolio.gif) no-repeat top right; }
  4. sidenav ul li a.services{ background: url(../images/icon_services.gif) no-repeat top right; }
  5. sidenav ul li a.contact{ background: url(../images/icon_contact.gif) no-repeat top right; }

}

  • /

/*::::::::: Content :::::::::*/

/*//////////// Pictogrammer \\\\\\\\\\ */ .picto { 

padding:5px;
  border:3px solid ;
  border-style: outset;
  border-color:;
  
  margin: 10px 15px 10px 0px; /* top right bottom left*/

}

  1. contenta {

float:right; width: 680px; padding-top: 0px; padding-right: 30px; padding-left: 0px; padding-bottom: 30px; background-color: rgba(255, 255, 255, 0.0); position: relative; }

  1. contentcolumleft {

float: left; width: 310px; padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; margin-right: 30px; position: relative;

}

  1. contentcolumright {

float: right; width: 310px; padding-top: 0px; padding-right: 30px; padding-left: 0px; padding-bottom: 30px; position: relative;

}


  1. contenta h2 {

color: #456c55; margin: 0; padding: 0px 0; font-size: 2em; font-weight: normal; }

  1. contenta p {

line-height: 1.8em; padding: 7px 0; margin: 7px 0; text-align: justify; }

/*::::::::: SocialLinks :::::::::*/


.logo { 3: 20px; }

/*::::::::: SidenavFooter :::::::::*/

  1. footer {

width: 150px; height: auto; margin-top: 1000px; font-size: 10px; text-align: center; }


/*::::::::: Content Footer :::::::::*/

  1. footfiller {

width: 710px; height: 400px; background: url(../images/footfiller.gif) no-repeat top center; margin-bottom: -30px; margin-top: 20px; }

/*::::::::: Tables :::::::::*/

  1. contenta table {

width: 100%; border: 3px solid #222222; padding: 0; margin: 0; background: #000000; }

  1. contenta th { border-bottom: 1px solid #222222; border-right: 1px solid #090909; padding: 10px; }

.bottoms { border-top: 1px solid #222222; }

  1. contenta th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
  2. contenta td { border-right: 1px solid #090909; border-bottom: 1px solid #090909; padding: 10px; text-align: center; }

.textright { text-align: right !important; }

.requestbutton a { width: 130px; height: 30px; display: block; background: url(../images/requestbutton.gif) no-repeat top left; text-decoration: none; margin: auto; }

.requestbutton a:hover { background: url(../images/requestbutton.gif) no-repeat bottom left; text-decoration: none; }

/*::::::::: Misc :::::::::*/

}

  1. contentSub {

display:none; }

  1. siteSub {

display:none; }

  1. search-controls {

display:none; }

.firstHeading { display:none; }

  1. search-controls {

margin-top:30px; }

  1. footer-box {

display:none; }

.clearall { clear: both; }

  1. content { 
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   }
  1. top-section { height: 0px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  2. p-logo {border:none; height: 0px; margin: -1px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  3. menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;}
  4. menubar.left-menu a {font-family: "SegoeWP", "Arial"; color:white; border:none;}
  5. menubar.right-menu {font-family: "SegoeWP", "Arial"; border:none;}
  6. right-menu 33ul {border:none;}
  7. search-controls {display:none; }
  8. bodycontent{border:none;}
  9. contentgrid {border: 1px solid #529bc7;width:980px;background-color: #cfe7fa; margin-left:-6px; height:1200px; }

.firstHeading{width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0;}

  1. footer-box { border:none; width: 100%; background-color: white; margin: -10px auto 0 auto; padding: 20px 0;}

.visualClear { display: none;}

  1. footer { border: none; background-color: white; width: 965px; margin: 0 auto; padding: 0;color:#000050;}

.firstHeading { display: none;color:#000050;}

  1. f-list a { font-family: "SegoeWP", "Arial"; color: #333; font-size: 12px;color:#000050;}
  2. f-list a:hover { color: #666;color:#000050;}

.printfooter { display: none; color:#000050;}

  1. footer ul { border:none; margin: 0; padding: 0;color:#000050;}
  2. footer ul li { border:none; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;color:#000050;}
  3. search-controls { display:none; color:#000050;}

h3#siteSub { display: none;#000050;}

  1. contentSub {display: none;#000050;}
  1. leftcolumn {width:200px; height:450px; float: left; margin-top:0px; background-color:#ffffff}
  2. leftcolumntotal{width:200px; height:800px; float: left; margin-top:0px;}
  1. pic1 {width: 245px; float:left;}
  1. headertextgreen{width:755px; background-color:#177404; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  2. headertextred{width:242px; background-color:#A80008; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  3. headertextorange{width:241px; background-color:#F86114; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  1. frontpage {width:755px; height:200px; margin-left:8px; padding:0px; margin-top:8px; background-color:#F5F5F5; float:left;}
  2. leftintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #177404; padding:2px; background-color:#F5F5F5; float:left;}
  3. centreintro{width:241px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #A80008; padding:2px; background-color:#F5F5F5; float:left;}
  4. rightintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #F86114;padding:2px; background-color:#F5F5F5; float:left;}
  1. goright {float:right}


  1. rightcontent {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px;}
  2. rightcontenttext {width:735px; float:right; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
  3. farleft {float: left; vertical-align: middle; top-margin:400px;}
  • {margin:0; padding:0}

.sm {list-style:none; width:755px; height:200px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden}

  1. rightcontentno {width:755px; float:left; background-color: #FFFFFF; margin-left: -10px; margin-top:8px;}
  2. greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;}
  3. rightside1 {float:right;}
  4. frontmedia {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px; text-indent:15px;}
  1. p-logo { 
  display: none;

}

Retrieved from "http://2012.igem.org/Team:SDU-Denmark/style"