Difference between revisions of "Template:Technion HS Israel4/Technion HS Israel menu style.css"

Revision as of 08:03, 26 August 2015

table {

  background:none;

}

1. top_menu_inside

{ border-left:none; border-right:none; top:-2px; }

1. content

{ width:100%; } ul.sdt_menu{

margin: 0 auto; padding:0; list-style: none; font-family:”Myriad Pro”, “Trebuchet MS”, sans-serif; font-size:14px; width:1020px; } ul.sdt_menu a{ text-decoration:none; outline:none; } ul.sdt_menu li{ float:left; width:170px; height:85px; position:relative; cursor:pointer; } ul.sdt_menu li > a{ position:absolute; top:0px; 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{ border:none; position:absolute; 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; 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{ 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;; } #top { left:0; margin:0; padding:0; position:absolute; width:100%;top:0; height:250px; background-color:#383838; }

1. whiteBox{

} p{ color: black; line-height:30px; } a{ color: green; text-decoration: none; /*font-weight: ;*/ } h1,h2,h3,h4,h5,h6 { font-weight: bold; text-align: center; padding-bottom: 1.15em; }

h1{ font-size: 2.65em; }

/* Button 7 */ .btn-7 { background: hsla(265,100%,14%,0.9); color: #fff; border-radius: 7px; box-shadow: 0 5px hsla(267,100%,36%,1); padding: 10px 10px 10px 10px; }

/* Button 7a */ .btn-7a { overflow: hidden; }

.btn-7a:before { position: absolute; left: 0; width: 40%; font-size: 160%; line-height: 0.8; color: #0a833d; }

.btn-7a.btn-activated { -webkit-animation: fadeOutText 0.5s; -moz-animation: fadeOutText 0.5s; animation: fadeOutText 0.5s; }

.btn-7a.btn-activated:before { -webkit-animation: moveToRight 0.5s; -moz-animation: moveToRight 0.5s; animation: moveToRight 0.5s; }

@-webkit-keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; } }

@-moz-keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; } }

@keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; }