Template:Lyon-INSA/headerhack

From 2012.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 4: Line 4:
/* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */
/* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */
-
 
-
 
-
/* BEGIN CSS RESET v1.0 | 20080212 */
 
-
html, body, div, span, applet, object, iframe,
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-
a, abbr, acronym, address, big, cite, code,
 
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
 
-
small, strike, strong, sub, sup, tt, var,
 
-
b, u, i, center,
 
-
dl, dt, dd, ol, ul, li,
 
-
fieldset, form, label, legend,
 
-
table, caption, tbody, tfoot, thead, tr, th, td {
 
-
margin: 0;
 
-
padding: 0;
 
-
border: 0;
 
-
outline: 0;
 
-
vertical-align: baseline;
 
-
background: transparent;
 
-
line-height: 1;
 
-
}
 
-
body {
 
-
margin: auto;
 
-
width: 900px center;
 
-
line-height: 1px;
 
-
background: white; /*#c6e2ec rgb(206,224,200) http://www.graffitiwallpaper.com/pics/listings/217-1920.jpg */
 
-
}
 
-
ol, ul {
 
-
list-style: none;
 
-
}
 
-
blockquote, q {
 
-
quotes: none;
 
-
}
 
-
blockquote:before, blockquote:after,
 
-
q:before, q:after {
 
-
content: '';
 
-
content: none;
 
-
}
 
-
 
-
/* remember to define focus styles! */
 
-
:focus {
 
-
outline: 0;
 
-
}
 
-
 
-
/* remember to highlight inserts somehow! */
 
-
ins {
 
-
text-decoration: none;
 
-
}
 
-
del {
 
-
text-decoration: line-through;
 
-
}
 
-
/* tables still need 'cellspacing="0"' in the markup */
 
-
table {
 
-
border-collapse: collapse;
 
-
border-spacing: 0;
 
-
}
 
-
 
-
/* END CSS RESET */
 
-
 
-
 
-
.tabbed_content .slide_content {
 
-
overflow: hidden;
 
-
width: 460px;
 
-
}
 
-
.slide_content {
 
-
margin-top: -2em!important;
 
-
}
 
-
.tabslider {
 
-
width: 10000px;
 
-
overflow: auto;
 
-
}
 
-
 
-
.tabslider ul {
 
-
float: left;
 
-
width: 460px;
 
-
}
 
-
 
-
.lavaLampBottomStyle {
 
-
position: relative;
 
-
height: 29px;
 
-
width: 640px;
 
-
padding: 15px;
 
-
margin: 0 5px 0 0;
 
-
overflow: hidden;
 
-
}
 
-
.lavaLampBottomStyle li {
 
-
float: left;
 
-
list-style: none;
 
-
}
 
-
.lavaLampBottomStyle li.back {
 
-
border-bottom: 5px solid #bab599;
 
-
width: 9px;
 
-
height: 30px;
 
-
z-index: 8;
 
-
position: absolute;
 
-
}
 
-
.lavaLampBottomStyle li a {
 
-
font: bold 10pt verdana ;
 
-
text-decoration: none;
 
-
color: #000;
 
-
outline: none;
 
-
text-align: center;
 
-
top: 7px;
 
-
letter-spacing: 0;
 
-
z-index: 10;
 
-
display: block;
 
-
float: left;
 
-
height: 30px;
 
-
position: relative;
 
-
overflow: hidden;
 
-
margin: auto 10px;
 
-
 
-
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
 
-
border: none;
 
-
}
 
-
 
-
 
Line 126: Line 10:
#globalWrapper {
#globalWrapper {
-
background-color: transparent;
+
background-color: #CCCCFF;
 +
background-position: -10px;
 +
/*background-image: url('http://www.dimensionsguide.com/wp-content/uploads/2009/12/MIT.jpg');*/
border: 0px;
border: 0px;
}
}
 +
#content {
#content {
Line 135: Line 22:
border: 0px;
border: 0px;
}
}
 +
 +
 +
#bodyContent {
#bodyContent {
position : relative;
position : relative;
-
margin-top : -58px;
+
margin-top : -110px; /* -58 et 0*/
background-color: white;
background-color: white;
padding:0;
padding:0;
Line 144: Line 34:
margin-bottom: 30px;
margin-bottom: 30px;
border: 0px;
border: 0px;
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-moz-box-shadow: rgba(255, 165, 0, 0.3) 0px 0px 12px 7px; /*rgba(0, 0, 0, 0.3)*/
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-webkit-box-shadow: rgba(255, 165, 0, 0.3) 0px 0px 12px 7px;
-
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-goog-ms-box-shadow: rgba(255, 165, 0, 0.3) 0px 0px 12px 7px;
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
box-shadow: rgba(255, 165, 0, 0.3) 0px 0px 12px 7px;
}
}
Line 184: Line 74:
#p-logo {                       
#p-logo {                       
width: 129%;
width: 129%;
-
height:100px;
+
height: 107px;
/*-moz-border-radius: 0 0 20px 20px;
/*-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
Line 190: Line 80:
border-radius: 0 0 20px 20px;*/ /* pour faire des coins arrondis*/
border-radius: 0 0 20px 20px;*/ /* pour faire des coins arrondis*/
background-color: transparent;
background-color: transparent;
-
background-image: url('https://2012.igem.org/wiki/skins/common/images/wiki.png');
+
background-image: none;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left;
background-position: left;
Line 197: Line 87:
position: top left;
position: top left;
margin-left: -14.9%;
margin-left: -14.9%;
-
float: left;
+
float: left;  
-
margin-top: 20px;
+
margin-top: -11px; /* 20 */
margin-bottom: 0px;
margin-bottom: 0px;
border: 1.5px solid white;
border: 1.5px solid white;
Line 262: Line 152:
     white-space: nowrap;
     white-space: nowrap;
     top: -6px;
     top: -6px;
-
    width: 400px;
 
     z-index: 5;
     z-index: 5;
     font-family: sans-serif;
     font-family: sans-serif;
Line 268: Line 157:
     line-height: 1em;
     line-height: 1em;
}
}
 +
 +
.left-menu, .left-menu a {
 +
    left: -105px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
.right-menu, .right-menu a {
 +
    right: -105px;
 +
    text-align: right;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
.left-menu:hover {
.left-menu:hover {
     color: white;
     color: white;
-
     background-color: white
+
     background-color: white;
}
}
-
/* - - - - - - - - - - Wiki Hacks - START - Lyon-INSA 2012 - - - - - - - - - */
+
 
 +
/* - - - - - - - - - - Wiki Hacks - END - Lyon-INSA 2012 - - - - - - - - - */
html {
html {

Latest revision as of 21:40, 5 May 2012