Difference between revisions of "Team:Technion HS Israel/css/Homepage"

 
(11 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
{
 
{
 
   background:none;
 
   background:none;
−
}
 
−
#top_menu_inside
 
−
{
 
−
border-left:none;
 
−
border-right:none;
 
−
top:-2px;
 
−
}
 
−
#content
 
−
{
 
−
width:100%;
 
 
}
 
}
 
ul.sdt_menu{
 
ul.sdt_menu{
Line 21: Line 11:
 
font-size:14px;
 
font-size:14px;
 
width:100%;
 
width:100%;
 +
background: #0C2926 none no-repeat scroll ;
 
}
 
}
 
ul.sdt_menu a{
 
ul.sdt_menu a{
Line 28: Line 19:
 
ul.sdt_menu li{
 
ul.sdt_menu li{
 
float:left;
 
float:left;
−
width:170px;
+
 
height:85px;
 
height:85px;
 
position:relative;
 
position:relative;
 
cursor:pointer;
 
cursor:pointer;
 
}
 
}
−
ul.sdt_menu li > a{
+
#top
−
position:absolute;
+
{
−
top:0px;
+
display:none;
−
left:0px;
+
−
width:170px;
+
−
height:85px;
+
−
z-index:12;/*Here comes the color of the menu*/
+
−
background:#0C2926 /*url(https://static.igem.org/mediawiki/2015/7/77/Technion_HS_Israel_overlay.png)*/ no-repeat bottom right;
+
−
/*-moz-box-shadow:0px 0px 2px #000 inset;
+
−
-webkit-box-shadow:0px 0px 2px #000 inset;
+
−
box-shadow:0px 0px 2px #000 inset;*/
+
 
}
 
}
−
ul.sdt_menu li a img{
+
#content
−
border:none;
+
{
−
position:absolute;
+
width:100%;
−
visibility: hidden;
+
background: #0C2926 none no-repeat scroll ;
−
width:0px;
+
−
height:0px;
+
−
bottom:0px;
+
−
left:85px;
+
−
z-index:100;
+
−
-moz-box-shadow:0px 0px 4px #000;
+
−
-webkit-box-shadow:0px 0px 4px #000;
+
−
box-shadow:0px 0px 4px #000;
+
 
}
 
}
−
ul.sdt_menu li span.sdt_wrap{
 
−
position:absolute;
 
−
top:25px;
 
−
left:0px;
 
−
width:170px;
 
−
height:60px;
 
−
z-index:15;
 
−
}
 
−
ul.sdt_menu li span.sdt_active{
 
−
position:absolute;
 
−
background:#111;
 
−
top:85px;
 
−
width:170px;
 
−
height:0px;
 
−
left:0px;
 
−
z-index:14;
 
−
-moz-box-shadow:0px 0px 4px #000 inset;
 
−
-webkit-box-shadow:0px 0px 4px #000 inset;
 
−
box-shadow:0px 0px 4px #000 inset;
 
−
}
 
−
ul.sdt_menu li span span.sdt_link,
 
−
ul.sdt_menu li span span.sdt_descr,
 
−
ul.sdt_menu li div.sdt_box a{
 
−
margin-left:15px;
 
−
text-transform:uppercase;
 
−
text-shadow:1px 1px 1px #000;
 
−
}
 
−
ul.sdt_menu li span span.sdt_link{
 
−
color:#fff;
 
−
font-size:24px;
 
−
float:left;
 
−
font-family: 'Varela Round', sans-serif;
 
−
clear:both;
 
−
}
 
−
ul.sdt_menu li span span.sdt_descr{
 
−
color:#7CD6CD/* 00F5DB3E948B#0B75AF*/;
 
−
float:left;
 
−
clear:both;
 
−
margin-top:5px;
 
−
width:155px; /*For dumbass IE7*/
 
−
font-family:"Comic Sans MS";
 
−
font-size:10px;
 
  
−
letter-spacing:1px;
 
−
line-height: 110%;
 
−
}
 
−
ul.sdt_menu li div.sdt_box{
 
−
display:block;
 
−
position:absolute;
 
−
width:170px;
 
−
overflow:hidden;
 
−
height:170px;
 
−
top:85px;
 
−
left:0px;
 
−
display:none;
 
−
background:#000;
 
−
}
 
−
ul.sdt_menu li div.sdt_box a{
 
−
float:left;
 
−
clear:both;
 
−
line-height:30px;
 
−
color:#0B75AF;
 
−
}
 
−
ul.sdt_menu li div.sdt_box a:first-child{
 
−
margin-top:15px;
 
−
}
 
−
ul.sdt_menu li div.sdt_box a:hover{
 
−
color:#fff;
 
−
}
 
 
body{
 
body{
 
background:#004C44;<!--#333 url(bg.jpg) repeat top left;-->
 
background:#004C44;<!--#333 url(bg.jpg) repeat top left;-->
Line 293: Line 200:
 
position:relative;
 
position:relative;
 
padding:0;
 
padding:0;
 +
z-index:-1;
 
}
 
}
 
.header_test
 
.header_test

Latest revision as of 20:40, 18 September 2015

table { 

  background:none;

} ul.sdt_menu{

margin: 0 auto; padding:0; list-style: none; font-family:”Myriad Pro”, “Trebuchet MS”, sans-serif; font-size:14px; width:100%; background: #0C2926 none no-repeat scroll ; } ul.sdt_menu a{ text-decoration:none; outline:none; } ul.sdt_menu li{ float:left;

height:85px; position:relative; cursor:pointer; }

  1. top

{ display:none; }

  1. content

{ width:100%; background: #0C2926 none no-repeat scroll ; }

body{ background:#004C44; font-family:Arial; left:0; margin:0; padding:0; } span.reference{ position:fixed; left:10px; bottom:10px; font-size:12px; } span.reference a{ color:#aaa; text-transform:uppercase; text-decoration:none; text-shadow:1px 1px 1px #000; margin-right:30px; } span.reference a:hover{ color:#ddd; } ul.sdt_menu{ margin:auto; margin-top:50px;

} h1.title{ text-indent:-9000px; background:transparent url(title.png) no-repeat top left; width:633px; height:69px; }


#header { table-layout: fixed; 

   margin-left:20px;

margin-right:auto; margin-top:30px; 

   width: 100px;
   top: 0;
   left: 20px;

position:absolute; }


#tcell { margin:0; width:00px; padding:0; position:absolute; overflow:hidden;

} #bar { left:0; margin:0; padding:0; position:absolute; width:100%;top:200px; height:85px; background-color:#0C2926;; }


p{ color: black; line-height:30px; margin-top: 1.5em; font-size: 1.4em; margin-left:0.3em; } /*p:first-letter { 

   margin-left: 1.5em;

}*/

a{ 

   color: green;
   text-decoration: none;

/*font-weight: ;*/ } h1,h2,h3,h4,h5,h6 { font-weight: bold; text-align: center; padding-bottom: 1.15em; border: none; }

h1{ font-size: 3em; border-bottom:15px; } .grayRect { left:0; margin:0; padding:0;

position:absolute; width:100%;top:0; height:100%; background-color:#383838; position:relative; }

  1. whiteBox{

}

  1. gR1

{


}

  1. gR1 h1

{ font-family: Varela Round;,sans-serif; margin-left: 5%; padding: 5% 3%; width: 70%; font-size: 650%; text-align: left; line-height: 1; }

  1. gR2

{ z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91); }

  1. gR2 h1

{ font-family: 'Varela Round', sans-serif;padding-top:20px; }

  1. gR3

{ margin:0; background-color: hsla(0,0%,85%,0.91); } .grayRect p { font-family: 'Varela Round', sans-serif; padding-top:20px; font-size:2em } .grayRect p span { font-size:4em; width:300 px; margin-right:15px; }

  1. gR4

{ z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1); }

  1. gR5

{ z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white; }

  1. gR6

{ width: 30%; height: 200px; z-index:3; margin-left:36%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white; }

  1. gR7

{ position: absolute; top: 1100px; height: 140px; z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1); } .grayRect_test { /*height:140vh;*/ height:100vh; margin:0; margin-top:-20px; position:relative; padding:0; z-index:-1; } .header_test { height:auto; line-height:100%; /*position: absolute;*/

} .header_test p { height:2em; font-family: 'Varela Round', sans-serif; padding-top:0; font-size:2em; margin-top:0; padding-top:1.5em; padding-bottom:0.3em; margin-bottom:0; } .header_test span { font-size:4em; width:auto; margin-right:15px;

} div{ font-family:'Trebuchet MS', Helvetica, sans-serif; }

  1. scroll_for_more

{ position:fixed; left:10px; bottom:4px; color:#a2a2a2; font-size:1.5em; text-align:center; line-height:180%; } h1 { margin:0; }

  1. scroll_to_questions

{ width:100%; position:absolute; float:center; top:77vh; color:black; font-size:3vw; text-align:center; line-height:180%; }

  1. scroll_to_questions span

{ font-size:2.4em; font-family: 'Varela Round', sans-serif; } .cardbox { position:absolute; width:100%; top:0vh; height:80vh;


} .cardbox div {

}

.cardbox div h2 { font-family:'Trebuchet MS', Helvetica, sans-serif; /*position:absolute;*/ left:6vw; top:1vw; font-size:4vw; text-align:left; line-height:200%; margin:0.25em; padding:0; padding-top:2vh; } .cardbox div span { font-size:11vw; font-family: 'Varela Round', sans-serif; text-align:left; letter-spacing: -0.05em; margin-top:30px;

} .firstHeading { display:none; }

  1. content

{ padding:0; }

  1. bodyContent > p:nth-child(1)

{ display:none; } .emptySpace{ position:absolute; width:100%; top:0vh; background: transparent; height: 85px;


}