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

 
(52 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
   background:none;
 
   background:none;
 
}
 
}
 +
 
#top_menu_inside
 
#top_menu_inside
 
{
 
{
Line 28: Line 29:
 
ul.sdt_menu li{
 
ul.sdt_menu li{
 
float:left;
 
float:left;
−
width:170px;
+
width:190px;
 
height:85px;
 
height:85px;
 
position:relative;
 
position:relative;
Line 37: Line 38:
 
top:0px;
 
top:0px;
 
left:0px;
 
left:0px;
−
width:170px;
+
width:190px;
 
height:85px;
 
height:85px;
 
z-index:12;/*Here comes the color of the menu*/
 
z-index:12;/*Here comes the color of the menu*/
Line 62: Line 63:
 
top:25px;
 
top:25px;
 
left:0px;
 
left:0px;
−
width:170px;
+
width:190px;
 
height:60px;
 
height:60px;
 
z-index:15;
 
z-index:15;
Line 70: Line 71:
 
background:#111;
 
background:#111;
 
top:85px;
 
top:85px;
−
width:170px;
+
width:190px;
 
height:0px;
 
height:0px;
 
left:0px;
 
left:0px;
Line 89: Line 90:
 
font-size:24px;
 
font-size:24px;
 
float:left;
 
float:left;
 +
font-family: 'Varela Round', sans-serif;
 
clear:both;
 
clear:both;
 
}
 
}
Line 106: Line 108:
 
display:block;
 
display:block;
 
position:absolute;
 
position:absolute;
−
width:170px;
+
width:190px;
 
overflow:hidden;
 
overflow:hidden;
−
height:170px;
+
height:190px;
 
top:85px;
 
top:85px;
 
left:0px;
 
left:0px;
Line 213: Line 215:
 
margin-top: 1.5em;
 
margin-top: 1.5em;
 
font-size: 1.4em;
 
font-size: 1.4em;
 +
margin-left:0.3em;
 
}
 
}
−
p:first-letter {
+
/*p:first-letter {
−
     margin-left: 3em;
+
     margin-left: 1.5em;
−
}
+
}*/
  
 
a{
 
a{
−
color: green;
+
    color: green;
−
text-decoration: none;
+
    text-decoration: none;
 
/*font-weight: ;*/
 
/*font-weight: ;*/
 
}
 
}
−
h1,h2,h3,h4,h5,h6 {
+
h1,h2,h3,h5,h6 {
 
font-weight: bold;
 
font-weight: bold;
 
text-align: center;
 
text-align: center;
 
padding-bottom: 1.15em;
 
padding-bottom: 1.15em;
 +
border: none;
 
}
 
}
  
 
h1{
 
h1{
 
font-size: 3em;
 
font-size: 3em;
 +
border-bottom:15px;
 +
}
 +
h4{
 +
font-weight: bold;
 +
font-size: 1.3em;
 +
text-align: left;
 +
text-decoration: underline;
 +
padding-bottom: 0.8em;
 +
border: none;
 +
}
 +
 +
.toc, #toc {
 +
    background-color: #F6F6F6;
 +
    border: 1px solid #CCCCCC;
 +
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
 +
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
 +
    float: right;
 +
    width: 228px;
 +
    display: block;
 +
    overflow: hidden;
 +
    padding: 7px;
 +
    position: fixed;
 +
    right: 100px;
 +
    bottom: 20px;
 +
}
 +
img.full{
 +
  height: auto;
 +
    width: 80%;
 +
}
 +
img.resize{
 +
  height: 120px;
 +
    width: auto;
 +
}
 +
table.NewTable{
 +
    cellspacing: 10px;
 +
    font-size: 1.2em;
 +
    background-color: #D6FFD6;
 +
    border: 1px solid black;
 +
    border-collapse: collapse;
 +
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
 +
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
 +
}
 +
td, th{
 +
padding:10px;
 
}
 
}

Latest revision as of 06:29, 18 September 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:100%; } ul.sdt_menu a{ text-decoration:none; outline:none; } ul.sdt_menu li{ float:left; width:190px; height:85px; position:relative; cursor:pointer; } ul.sdt_menu li > a{ position:absolute; top:0px; left:0px; width:190px; 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; visibility: hidden; 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:190px; height:60px; z-index:15; } ul.sdt_menu li span.sdt_active{ position:absolute; background:#111; top:85px; width:190px; 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:190px; overflow:hidden; height:190px; 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; 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,h5,h6 { font-weight: bold; text-align: center; padding-bottom: 1.15em; border: none; }

h1{ font-size: 3em; border-bottom:15px; } h4{ font-weight: bold; font-size: 1.3em; text-align: left; text-decoration: underline; padding-bottom: 0.8em; border: none; }

.toc, #toc { 

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   float: right;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 7px;
   position: fixed;
   right: 100px;
   bottom: 20px;

} img.full{ 

  height: auto;
   width: 80%;

} img.resize{ 

  height: 120px;
   width: auto;

} table.NewTable{ 

   cellspacing: 10px; 
   font-size: 1.2em;
   background-color: #D6FFD6;
   border: 1px solid black;
   border-collapse: collapse;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);

} td, th{ padding:10px; }