Team:SDU-Denmark/style

From 2012.igem.org

(Difference between revisions)
 
(100 intermediate revisions not shown)
Line 18: Line 18:
.bgwidth { width: 100%; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
.bgheight { height: 100%; }
 +
 +
 +
.AndreasW {color:purple ; }
 +
.AndreasK {color: red; }
 +
.As {color:green ; }
 +
.Lars {color: blue; }
 +
.Malou {color: #FD67DF; }
 +
.Ida {color: yellow; }
 +
.Gabi {color:orange ; }
 +
.Lisa {color: #00FF00 ; }
 +
.Kristian {color: brown ; }
 +
.Victor {color: turquoise; }
 +
Line 34: Line 47:
}
}
-
span.texhtml { font-family: serif; }
 
-
/*::::::::: Links :::::::::*/
+
 
-
a { color: #000000; text-decoration: none; }
+
 
-
a:hover { color: #066300; text-decoration: strong ; }
+
span.texhtml { font-family: serif; }
-
a:focus { outline: none; }
+
Line 75: Line 86:
height: 100%;
height: 100%;
}
}
 +
 +
/*::::::::: SidenavFooter :::::::::*/
/*::::::::: SidenavFooter :::::::::*/
Line 91: Line 104:
font-size: 10px;
font-size: 10px;
text-align: center;
text-align: center;
-
}
 
}
}
Line 117: Line 129:
  font-family: "SegoeWP", "Calibri";  
  font-family: "SegoeWP", "Calibri";  
  font-weight: "light";
  font-weight: "light";
-
  text-indent:8px;
+
  text-indent:0px;
  font-size:27px;
  font-size:27px;
  color: #000050;
  color: #000050;
Line 153: Line 165:
}
}
-
/* #outcommented{
+
 
-
#sidenav ul {
+
 
-
margin: 0; padding: 0;
+
/*//////// Links :::::::::*/
-
list-style: none;
+
 
-
font-size: 13px;
+
a:visited {
-
}
+
    color:purple;
-
#sidenav ul li{
+
-
margin: 0; padding:  0;
+
-
display: inline;
+
}
}
-
#sidenav ul li a{
+
a:hover {
-
display: block;
+
    text-decoration: none;
-
margin: 0; padding: 10px 0;
+
color:red;}
-
text-decoration: none;
+
-
color: #333;
+
-
border-bottom: 1px solid #101010;
+
-
}
+
-
#sidenav ul li a:hover { color: #456c55; }
+
-
#sidenav ul li a.home{ background: url(../images/icon_home.gif) no-repeat top right; }
+
-
#sidenav ul li a.portfolio{ background: url(../images/icon_portfolio.gif) no-repeat top right; }
+
-
#sidenav ul li a.services{ background: url(../images/icon_services.gif) no-repeat top right; }
+
-
#sidenav ul li a.contact{ background: url(../images/icon_contact.gif) no-repeat top right; }
+
-
}
+
-
*/
+
-
 
+
-
/*::::::::: contenta :::::::::*/
+
/*//////////// Pictogrammer \\\\\\\\\\ */
/*//////////// Pictogrammer \\\\\\\\\\ */
.picto  
.picto  
{
{
 +
 +
width:75px;
 +
height:75px;
  padding:5px;
  padding:5px;
   border:3px solid ;
   border:3px solid ;
   border-style:  ;
   border-style:  ;
-
    
+
   border-color:#000000;
   border-radius: 20%;
   border-radius: 20%;
   -moz-border-radius: 20%;
   -moz-border-radius: 20%;
    
    
-
   margin: 20px 19px 15px 0px; /* top right bottom left*/
+
   margin: 25px 19px 15px 0px; /* top right bottom left*/
    
    
}
}
Line 255: Line 254:
-
 
+
/*::::::::: contenta :::::::::*/
#contenta {
#contenta {
float:right;
float:right;
Line 267: Line 266:
}
}
 +
 +
/*::::::::: Links for main article area :::::::::*/
 +
#contenta a {
 +
 +
color:#CC5100;
 +
text-decoration: underline;
 +
 +
}
 +
 +
 +
/*//////// Links :::::::::*/
#contentcolumleft {
#contentcolumleft {
Line 290: Line 300:
}
}
 +
#contenta h2 {
#contenta h2 {
-
color: #456c55;
+
color: #005B6B;
margin: 0;  padding: 0px 0;
margin: 0;  padding: 0px 0;
-
font-size: 1.8em ;
+
font-size: 1.6em ;
-
font-weight: normal;
+
font-weight: bold;
         line-height: normal;
         line-height: normal;
 +
}
-
}
 
#contenta p {
#contenta p {
-
line-height: 1.15 em;
+
line-height: 1 em;
font-size: 1.15em;
font-size: 1.15em;
padding: 7px 0;
padding: 7px 0;
Line 310: Line 321:
}
}
-
#figtxt
+
.figtxt
{
{
-
color: grey;
+
border:2px;
-
font-size: 0.8em;
+
color: #585858;
-
 
+
font-size:none;
}
}
 +
/*::::::::: SocialLinks :::::::::*/
/*::::::::: SocialLinks :::::::::*/
Line 336: Line 348:
#footfiller {
#footfiller {
-
width: 710px;
+
width: 680px;
-
height: 400px;
+
height: 300px;
-
background: url(../images/footfiller.gif) no-repeat top center;
+
 
 +
 +
/*background: url(../images/footfiller.gif) no-repeat top center;*/
 +
 
margin-bottom: -30px;
margin-bottom: -30px;
margin-top: 20px;
margin-top: 20px;
Line 345: Line 360:
/*::::::::: Tables :::::::::*/
/*::::::::: Tables :::::::::*/
-
#content table {
+
#contenta td, th {
-
width: 100%;
+
width: 150px;
-
border: 3px solid #222222;
+
height: 33.3pt;
-
padding: 0;
+
border: 0px;
-
margin: 0;
+
background-color: rgba(255, 255, 255, 0.75);
-
background: #000000;
+
color: black;
 +
text-align: center;
 +
 
}
}
-
#contenta th { border-bottom: 1px solid #222222; border-right: 1px solid #090909; padding: 10px; }
+
#contenta table {
-
.bottoms { border-top: 1px solid #222222; }
+
border: 0px;
 +
background-color: rgba(255, 255, 255, 0.0);
 +
            border-collapse: separate;
 +
            border-spacing: 4pt
 +
}
 +
 
 +
#tablestyle1 {
 +
background-color:rgba(40, 143, 0, 0.3);
 +
}
 +
#tablestyle2 {
 +
background-color:rgba(40, 143, 0, 0.3);
 +
}
 +
#tablestyle3 {
 +
background-color:rgba(40, 143, 0, 0.3);
 +
}
 +
 
 +
 
#contenta th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
#contenta th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
-
#contenta td { border-right: 1px solid #090909; border-bottom: 1px solid #090909; padding: 10px; text-align: center; }
+
 
 +
#contenta td {
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.bottoms { border-top: 1px solid #222222; }
 +
 
.textright { text-align: right !important; }
.textright { text-align: right !important; }
 +
.textleft { text-align: left;}
.requestbutton a {
.requestbutton a {
Line 398: Line 440:
padding-bottom: 0 em;
padding-bottom: 0 em;
border-bottom: 0px solid #AAA;
border-bottom: 0px solid #AAA;
 +
}
 +
 +
h1{
 +
color:#CC5100;
 +
font-size:2.65em;
 +
line-height:1em;
 +
font-family:Impact,serif;
 +
}
 +
h2 {
 +
font-size:1.8em;
 +
}
 +
 +
 +
h3 {
 +
font-size:1.35em;
 +
text-decoration:none;
 +
font-weight:bolder;
}
}
Line 404: Line 463:
{
{
font-color: grey;
font-color: grey;
-
font-size: 0.8em ;
+
font-size:0.8em;
-
 
+
font-style:italic;
}
}

Latest revision as of 14:06, 26 September 2012

/*::::::::::::::Test parameters:::::::::::*/

  1. top-section {

width: 984px; background-color: rgba(255, 255, 255, 0.85); }

  1. content {

width: 984px;

border-left: 0px solid #444; border-right: 0px solid #444; line-height: em;

}

  1. bg { position: fixed; top: 0; left: 0; }

.bgwidth { width: 100%; } .bgheight { height: 100%; }


.AndreasW {color:purple ; } .AndreasK {color: red; } .As {color:green ; } .Lars {color: blue; } .Malou {color: #FD67DF; } .Ida {color: yellow; } .Gabi {color:orange ; } .Lisa {color: #00FF00 ; } .Kristian {color: brown ; } .Victor {color: turquoise; }



/*:::::::::::::/test parameters:::::::::*/

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; }


/*::::::::: 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); margin-right: 0px; }

/*::::::::: 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; }

/*::::::::: Accordion menu specials:::::::::*/

background-color: rgba(255, 255, 255, 0.0);

  • 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:0px; 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; }


/*//////// Links :::::::::*/

a:visited { 

   color:purple;

} a:hover { 

   text-decoration: none;

color:red;}

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

width:75px; height:75px; 

padding:5px;
  border:3px solid ;
  border-style:  ;
 border-color:#000000;
  border-radius: 20%;
  -moz-border-radius: 20%;
  
  margin: 25px 19px 15px 0px; /* top right bottom left*/

} .portrait { float:left; padding: 10px;

}

.teamtag { margin-top:10px; text-align:left; vertical-align:bottom; height:110px;

}

.icon {

height:32px; }

  1. red

{

border-color:red;

}

  1. yellow

{

border-color:yellow;

}

  1. green

{

border-color:green;

}

  1. blue

{

border-color:blue;

}

  1. indigo

{ border-color:indigo; }

  1. violet

{

border-color:violet;

}


/*::::::::: contenta :::::::::*/

  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;

}

/*::::::::: Links for main article area :::::::::*/

  1. contenta a {

color:#CC5100; text-decoration: underline;

}


/*//////// Links :::::::::*/

  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: 15px; padding-right: 30px; padding-left: 0px; padding-bottom: 30px; position: relative;

}


  1. contenta h2 {

color: #005B6B; margin: 0; padding: 0px 0; font-size: 1.6em ; font-weight: bold; 

       line-height: normal;

}


  1. contenta p {

line-height: 1 em; font-size: 1.15em; padding: 7px 0; margin: 7px 0; margin: .4em 0 .5em 0; text-align: justify; }

.figtxt { border:2px; color: #585858; font-size:none; }


/*::::::::: 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: 680px; height: 300px;


/*background: url(../images/footfiller.gif) no-repeat top center;*/

margin-bottom: -30px; margin-top: 20px; }

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

  1. contenta td, th {

width: 150px; height: 33.3pt; border: 0px; background-color: rgba(255, 255, 255, 0.75); color: black; text-align: center;

}

  1. contenta table {

border: 0px; background-color: rgba(255, 255, 255, 0.0); 

            border-collapse: separate;
            border-spacing: 4pt

}

  1. tablestyle1 {

background-color:rgba(40, 143, 0, 0.3); }

  1. tablestyle2 {

background-color:rgba(40, 143, 0, 0.3); }

  1. tablestyle3 {

background-color:rgba(40, 143, 0, 0.3); }


  1. contenta th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
  1. contenta td { 
}


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

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

.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 :::::::::*/

.clearall { clear: both; }

/*:::::::Editing out main.css:::::*/

  1. globalWrapper {

position: relative; font-size: 100%; width: 100%; margin: 0; padding: 0; padding-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { color: ; background:; font-weight: normal; margin: 0; padding-top: 0 em; padding-bottom: 0 em; border-bottom: 0px solid #AAA; }

h1{ color:#CC5100; font-size:2.65em; line-height:1em; font-family:Impact,serif; } h2 { font-size:1.8em; }


h3 { font-size:1.35em; text-decoration:none; font-weight:bolder; }

/* Bruges til figur text (test) */ h4 { font-color: grey; font-size:0.8em; font-style:italic; }

  1. content {

color: ; line-height: ; }


  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; }

  1. p-logo { 
  display: 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;}
Retrieved from "http://2012.igem.org/Team:SDU-Denmark/style"