"

From 2014.igem.org

Revision as of 11:27, 15 May 2014 (view source) Rafiqlubken (Talk | contribs) ← Older edit		Revision as of 11:28, 15 May 2014 (view source) Rafiqlubken (Talk | contribs) Newer edit →
Line 107:		Line 107:
	}		}
-	#content {	+	#tekstcontent {
	height:900px;		height:900px;
	width:1260px;		width:1260px;

---

Revision as of 11:28, 15 May 2014

/* Removing iGEM Style */

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

1. top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/

background-color: #383838; border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }

1. top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/

background-color: #383838; height: 14px; display: block; z-index: 10; position: fixed; width: 100%; top: 0; }

1. menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/

color: #727272; text-decoration: none; background-color: transparent; }

body { background-color: #fff; }

1. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }

/* TU-Eindhoven Style */

top-section{ width: 965px; height: 0; margin: 0 auto; padding: 0; border: none; } menubar{ font-size: 65%; top: -14px; } .left-menu:hover{ background-color: transparent; } menubar li a{ background-color: transparent; } menubar:hover{ color: white; } menubar li a{ color: transparent; } menubar:hover li a{ color: black; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1;

}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

1. header {

height:100px; width:1260px; margin-left:auto; margin-right:auto; }

1. navpanel {

height:50px; width:1260px; background:rgba(0,50,0,1); border-radius: 10px; margin-left:auto; margin-right:auto; margin-top:50px; box-shadow:10px 10px 10px #888888; }

1. tekstcontent {

height:900px; width:1260px; border-radius:10px; margin-left:auto; margin-right:auto; margin-top:100px; margin-bottom:100px; box-shadow:10px 10px 10px #888888; background:rgba(255,255,255,1); }

1. tekst {

height:700px; width:1060px; margin-left:auto; margin-right:auto; position:relative; top:75px; text-align:justify; }

.menu1 { height:50px; width:200px; background:rgba(0,200,0,1); float:left; transition:all .2s ease-in-out 0s; border-radius: 10px; }

.menu2 { height:50px; width:200px; background:rgba(0,150,0,1); float:left; position:relative; left:-15px; transition:all .2s ease-in-out 0s; border-radius: 10px; }

.menu3 { height:50px; width:200px; background:rgba(0,100,0,1); float:left; position:relative; left:-30px; transition:all .2s ease-in-out 0s; border-radius: 10px; }

.menu4 { height:50px; width:200px; background:rgba(0,50,0,1); float:left; position:relative; left:-45px; transition:all .2s ease-in-out 0s; border-radius: 10px; }

h1 { font-family:Calibri; font-size:50px; }

.phead { font-family:"Cooper Black"; font-size:100px; color:rgba(0,0,0,1); position:relative; width:auto; }

.p1 { font-family:"Cooper Black"; font-size:25px; color:rgba(255,255,255,.75); position:relative; margin-left:25px; margin-top:10px; width:100px; }

p { font-family:Calibri; font-size:20px; }

.menu:hover { width:460px; }

.menu1:hover { width:460px; }

.menu2:hover { width:460px; }

.menu3:hover { width:460px; height:auto; border-bottom-right-radius: 10px; box-shadow:10px 10px 10px #888888; }

.menu1:hover .p1 { color:rgba(255,255,255,1); }

.menu2:hover .p1 { color:rgba(255,255,255,1); }

.menu3:hover .p1 { color:rgba(255,255,255,1); }

.menu4:hover .p1 { color:rgba(255,255,255,1); }

.menu3 ul { visibility:hidden; list-style:none; font-family:"Cooper Black"; font-size:16px; color:rgba(255,255,255,.75); position:relative; margin-left:-5px; }

.menu3:hover ul { visibility:visible; }

.menu3 ul li:hover { color:rgba(255,255,255,1); }