Team:TU-Eindhoven/Style

From 2014.igem.org

(Difference between revisions)

Revision as of 15:06, 18 May 2014

/* Removing iGEM Style */

searchInput {

  display: none;

}

contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

  display: none;

}

top-section {

  border: none;
  height: 0px;

}

content {

  border: none;

}

top-section{

  height: 20px;
  border: none;
  border-top: none;

}

menubar {

  display: table-cell;
  background: transparent;

}

menubar.left-menu {

  width: 100%;

}

menubar.right-menu {

  text-align: right;

}

menubar * {

  color: transparent;
  background: transparent;

}

top-section:hover #menubar * {

  color: grey;

}

top-section:hover #menubar.left-menu {

  background: rgba(255, 255, 255, 0.75);

}

html {

     width:100%;

height:100%; background:transparent; border:none;

	margin:0;

}

/* Removes "teams" from the menubar */

menubar > ul > li:last-child{

       display: none;

}

/* TU-Eindhoven Style */

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

header {

height:100px; width:965px; margin-left:auto; margin-right:auto;

                       margin-top:5px;
                       margin-bottom:-20px;

}

navpanel {

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

tekstcontent {

height:500px; width:965px; 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); }

tekst {

height:100%; width:865px; 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: 7px; }

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

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

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

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

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

                       top:10px;

}

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

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

.menu:hover { width:300px; }

.menu1:hover { width:300px; }

.menu2:hover { width:300px; }

.menu3:hover { width:300px; 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:25px; }

.menu3:hover ul { visibility:visible; }

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

@@ Line 2: / Line 2: @@
 #searchInput {
-    display:none;
+    display: none;
 }
 #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-    display:none;
+    display: none;
 }
@@ Line 25: / Line 25: @@
 #menubar {
-	display: table-cell;
+   display: table-cell;
-	background: transparent;
+   background: transparent;
 }
 #menubar.left-menu {
-	width: 100%;
+   width: 100%;
 }
 #menubar.right-menu {
-	text-align: right;
+   text-align: right;
 }
 #menubar * {
-	color: transparent !important;
+   color: transparent;
-	background: transparent !important;
+   background: transparent;
 }
 #top-section:hover #menubar * {
-	color: grey !important;
+   color: grey;
 }
 #top-section:hover #menubar.left-menu {
-	background: rgba(255, 255, 255, 0.75) !important;
+   background: rgba(255, 255, 255, 0.75);
 }
 html {
+       width:100%;
-	width:100%;
 	height:100%;
 	background:transparent;
@@ Line 60: / Line 58: @@
   	margin:0;
-}
-#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {
-        display: none;
 }
@@ Line 71: / Line 65: @@
          display: none;
 }
-#top-section{
-        width: 965px;
-        height: 0;
-        margin: 0 auto;
-        padding: 0;
-        border: none;
-}
-#menubar{
-        font-size: 90%;
-        top: 5px;
-        margin-bottom:10px;
-}
-.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;
-}
-#globalWrapper, #content { /*-- changes default wiki settings --*/
-	width: 100%;
-	height: 100%;
-	border: 0px;
-	margin-top: -40px;
-	padding: 0px;
-}
-html, body, .wrapper { /*-- changes default wiki settings --*/
-	width: 100%;
-	height: 100%;
-}
-#globalWrapper{
-       background-image:url("https://2014.igem.org/File:TUEindhoven_2014_Background.jpg");
-	width: 100%;
-	height: 100%;
-}
-</style>
-<!--  here ends the section that changes the default wiki template to a white full width background -->