Team:Carnegie Mellon/stylesheet

From 2013.igem.org

(Difference between revisions)
(Created page with "/* Removing wiki-like stuff */ - →**************************: #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} /* Redesigning t...")
(Initial style sheet)
Line 4: Line 4:
     display:none;}
     display:none;}
-
/* Redesigning the topmenu */
+
 
 +
html {
 +
 
 +
background-color: white;
 +
background-image:(Title_Plate.gif);
 +
background-position: 50% 50%;
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;
 +
}
 +
 
 +
 
 +
 
 +
p {
 +
    line-height: 21px;
 +
font-size: 100%;
 +
}
 +
 
 +
p#TitlePlate { border: none;
 +
text-align: center;
 +
margin-right:auto;
 +
margin-left:auto;
 +
}
 +
 
 +
td.profile{color:white;
 +
text-align: left;
 +
text-indent: 2.0em;
 +
font-family: 'Marmelad', sans-serif;
 +
background-color:rgba(0, 0, 0, .3);
 +
padding: 0;
 +
height:200;
 +
}
 +
 
 +
 
 +
img {
 +
    border-style: none;
 +
}
 +
 
 +
a {
 +
    text-decoration: none;
 +
}
 +
 
 +
strong {
 +
    font-style: bold;
 +
    text-transform: uppercase;
 +
font-size:125%;
 +
}
 +
 
 +
 
 +
table {
 +
    background-color: transparent;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
padding: 0px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*Dropdown Menu*/
 +
 
 +
 
 +
ul.dropdown,
 +
ul.dropdown li,
 +
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
float: left;
 +
}
 +
 
 +
ul.dropdown li {
 +
float: left;
 +
min-height: 1px;
 +
line-height: 1.3em;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: default;
 +
}
 +
 
 +
ul.dropdown ul {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
float: none;
 +
}
 +
 
 +
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
 +
 
 +
ul.dropdown li:hover > ul {
 +
visibility: visible;
 +
}
 +
 
 +
 
 +
/* -- Base style extension -- */
 +
 
 +
ul.dropdown li a {
 +
display: block;
 +
padding: 5px 10px;
 +
color: white;
 +
}
 +
 
 +
 
 +
/* -- Base style override -- */
 +
 
 +
ul.dropdown li, ul.dropdown ul li {
 +
padding: 0;
 +
}
 +
 
 +
 
 +
/* -- Base style reinitiate: post-override activities -- */
 +
 
 +
ul.dropdown li.dir {
 +
padding: 5px 20px 5px 10px;
 +
color: #fff;
 +
}
 +
ul.dropdown ul li.dir {
 +
padding: 5px 15px;
 +
color: #fff;
 +
}
 +
 
 +
 
 +
/* -- Custom -- */
 +
 
 +
ul.dropdown ul a {
 +
padding-left: 15px;
 +
}
 +
 
 +
 
 +
/* -- Drop-down open -- */
 +
 
 +
ul.dropdown li:hover > *.dir {
 +
color: #99ff66;
 +
}
 +
 
 +
 
 +
 
 +
html { *overflow-x: hidden; }
 +
body { padding: 0; }
 +
body, html { height: 100%; padding: 0; margin: 0; }
 +
.wrapper { min-height: 100%; min-width: 950px;overflow: hidden; }
 +
.container { padding: 50px; }
 +
 
 +
.horizontal-centering { position: relative; }
 +
.horizontal-centering > * > * { float: left; width: auto; position: relative; left: 50%; margin: 0; padding: 0; }
 +
.horizontal-centering > * > * > * { float: left; position: relative; right: 50%; }
 +
 
 +
 
 +
 
 +
 
 +
/* -- Base drop-down styling -- */
 +
 
 +
ul.dropdown {
 +
background: transparent ;
 +
font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
 
 +
ul.dropdown li {
 +
padding: 5px 10px;
 +
background-color: #000000;
 +
color: #fff;
 +
line-height: 22px;
 +
white-space: nowrap;
 +
}
 +
 
 +
ul.dropdown li.first {
 +
padding-left: 15px;
 +
background: transparent;
 +
}
 +
 
 +
ul.dropdown li.last {
 +
padding-right: 15px;
 +
background: transparent;
 +
}
 +
 
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
color: #99ff66;
 +
}
 +
ul.dropdown a:link {color: #fff}
 +
ul.dropdown a:hover { color: #99ff66; }
 +
ul.dropdown a:active { color: #0395cc; }
 +
 
 +
/* -- level mark -- */
 +
 
 +
ul.dropdown ul {
 +
left: -21px;
 +
width: 150px;
 +
padding: 0 16px;
 +
}
 +
 
 +
ul.dropdown li.last ul {
 +
left: auto;
 +
right: 16px;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
height: auto;
 +
padding: 5px 15px;
 +
line-height: 1.3em;
 +
white-space: normal;
 +
}
 +
 
 +
ul.dropdown ul li.first {
 +
padding-left: 0;
 +
background: #000000;
 +
}
 +
 
 +
ul.dropdown ul li.last {
 +
padding-bottom: 10px;
 +
}
 +
 
 +
ul.dropdown ul li.first ul {
 +
top: 0;
 +
padding: 0 16px 0 0;
 +
}
 +
 
 +
ul.dropdown ul li.first li.first {
 +
background-image: none;
 +
}
 +
 
 +
ul.dropdown ul li.last {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.dropdown ul li.last ul {
 +
left: auto;
 +
right: auto;
 +
top: -16px;
 +
}
 +
 
 +
/* -- level mark -- */
 +
 
 +
ul.dropdown ul ul {
 +
top: -12px;
 +
left: 100%;
 +
padding: 16px 0 0;
 +
background: transparent ;
 +
}
 +
 
 +
ul.dropdown ul ul li.first {
 +
padding-top: 10px;
 +
background: #000000;
 +
}
 +
 
 +
 
 +
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>

Revision as of 16:59, 31 July 2013

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

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}


html {

background-color: white; background-image:(Title_Plate.gif); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; 

}


p { 

   line-height: 21px;

font-size: 100%; }

p#TitlePlate { border: none; text-align: center; margin-right:auto; margin-left:auto; }

td.profile{color:white; text-align: left; text-indent: 2.0em; font-family: 'Marmelad', sans-serif; background-color:rgba(0, 0, 0, .3); padding: 0; height:200; }


img { 

   border-style: none;

}

a { 

   text-decoration: none;

}

strong { 

   font-style: bold;
   text-transform: uppercase;

font-size:125%; }


table { 

   background-color: transparent;

margin-left: auto; margin-right: auto; text-align: center; padding: 0px; }



/*Dropdown Menu*/


ul.dropdown, ul.dropdown li, ul.dropdown ul { 

list-style: none;
margin: 0;
padding: 0;

}

ul.dropdown { 

position: relative;
z-index: 597;
float: left;

}

ul.dropdown li { 

float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;

}

ul.dropdown li.hover, ul.dropdown li:hover { 

position: relative;
z-index: 599;
cursor: default;

}

ul.dropdown ul { 

visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;

}

ul.dropdown ul li { 

float: none;

}

ul.dropdown ul ul { 

top: 1px;
left: 99%;

}

ul.dropdown li:hover > ul { 

visibility: visible;

}


/* -- Base style extension -- */

ul.dropdown li a { 

display: block;
padding: 5px 10px;
color: white;

}


/* -- Base style override -- */

ul.dropdown li, ul.dropdown ul li { 

padding: 0;

}


/* -- Base style reinitiate: post-override activities -- */

ul.dropdown li.dir { 

padding: 5px 20px 5px 10px;

color: #fff; } ul.dropdown ul li.dir { 

padding: 5px 15px;

color: #fff; }


/* -- Custom -- */

ul.dropdown ul a { 

padding-left: 15px;

}


/* -- Drop-down open -- */

ul.dropdown li:hover > *.dir { 

color: #99ff66;

}


html { *overflow-x: hidden; } body { padding: 0; } body, html { height: 100%; padding: 0; margin: 0; } .wrapper { min-height: 100%; min-width: 950px;overflow: hidden; } .container { padding: 50px; }

.horizontal-centering { position: relative; } .horizontal-centering > * > * { float: left; width: auto; position: relative; left: 50%; margin: 0; padding: 0; } .horizontal-centering > * > * > * { float: left; position: relative; right: 50%; }



/* -- Base drop-down styling -- */

ul.dropdown { 

background: transparent ;
font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

ul.dropdown li { padding: 5px 10px; background-color: #000000; color: #fff; line-height: 22px; white-space: nowrap; }

ul.dropdown li.first { padding-left: 15px; background: transparent; }

ul.dropdown li.last { padding-right: 15px; background: transparent; }

ul.dropdown li.hover, ul.dropdown li:hover { color: #99ff66; } ul.dropdown a:link {color: #fff} ul.dropdown a:hover { color: #99ff66; } ul.dropdown a:active { color: #0395cc; }

/* -- level mark -- */

ul.dropdown ul { left: -21px; width: 150px; padding: 0 16px; }

ul.dropdown li.last ul { left: auto; right: 16px; }

ul.dropdown ul li { height: auto; padding: 5px 15px; line-height: 1.3em; white-space: normal; }

ul.dropdown ul li.first { padding-left: 0; background: #000000; }

ul.dropdown ul li.last { padding-bottom: 10px; }

ul.dropdown ul li.first ul { top: 0; padding: 0 16px 0 0; }

ul.dropdown ul li.first li.first { background-image: none; }

ul.dropdown ul li.last { padding-right: 0; }

ul.dropdown ul li.last ul { left: auto; right: auto; top: -16px; }

/* -- level mark -- */

ul.dropdown ul ul { top: -12px; left: 100%; padding: 16px 0 0; background: transparent ; }

ul.dropdown ul ul li.first { padding-top: 10px; background: #000000; }


<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>

Retrieved from "http://2013.igem.org/Team:Carnegie_Mellon/stylesheet"