Difference between revisions of "Team:Technion HS Israel/css/Homepage"
(3 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
background:none; | 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; | ||
+ | } | ||
+ | #top | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
#content | #content | ||
{ | { |
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; }
- top
{ display:none; }
- 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; }
- whiteBox{
}
- gR1
{
}
- 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; }
- gR2
{ z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91); }
- gR2 h1
{ font-family: 'Varela Round', sans-serif;padding-top:20px; }
- 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; }
- gR4
{ z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1); }
- gR5
{ z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white; }
- gR6
{ width: 30%; height: 200px; z-index:3; margin-left:36%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white; }
- 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; }
- scroll_for_more
{ position:fixed; left:10px; bottom:4px; color:#a2a2a2; font-size:1.5em; text-align:center; line-height:180%; } h1 { margin:0; }
- scroll_to_questions
{ width:100%; position:absolute; float:center; top:77vh; color:black; font-size:3vw; text-align:center; line-height:180%; }
- 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; }
- content
{ padding:0; }
- bodyContent > p:nth-child(1)
{ display:none; } .emptySpace{ position:absolute; width:100%; top:0vh; background: transparent; height: 85px;
}