(29 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
.mw-content-ltr {background-color:#EDEADC;} | .mw-content-ltr {background-color:#EDEADC;} | ||
.body {background-color:#EDEADC; } | .body {background-color:#EDEADC; } | ||
+ | |||
+ | /* I-GEM pages disabling */ | ||
+ | |||
+ | body { | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #333; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | #myBtn_up { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | bottom: 20px; | ||
+ | right: 30px; | ||
+ | z-index: 99; | ||
+ | } | ||
+ | |||
+ | #myBtn_up:hover { | ||
+ | opacity:0.7; | ||
+ | } | ||
+ | |||
+ | |||
+ | .w3-container { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | h2 { | ||
+ | color: black; | ||
+ | font-family: Tahoma, Geneva, sans-serif | ||
+ | ; | ||
+ | padding: 7px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .ahuji { | ||
+ | color:black | ||
+ | } | ||
+ | |||
+ | |||
+ | #HQ_page p { | ||
+ | font-family: Tahoma, Geneva, sans-serif | ||
+ | ; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | color: black; | ||
+ | |||
+ | } | ||
+ | |||
+ | * { | ||
+ | -webkit-box-sizing:content-box ; | ||
+ | -moz-box-sizing:content-box ; | ||
+ | box-sizing:content-box ; | ||
+ | } | ||
+ | |||
+ | .tab-content>.active { | ||
+ | background-color: #edeadc; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div.fixed { | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | right: 1%; | ||
+ | text-align:right; | ||
+ | max-width:150px; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (max-width: 1000px) { | ||
+ | .ulogo { | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background-color:#EDEADC; | ||
+ | |||
+ | } | ||
/* HebrewU Logo change for animation */ | /* HebrewU Logo change for animation */ | ||
Line 20: | Line 106: | ||
.social_huji a{ | .social_huji a{ | ||
color:white; | color:white; | ||
− | |||
float:right; | float:right; | ||
− | + | display:inline-block; | |
− | display:inline-block; | + | padding-left:1px; |
+ | padding-bottom:3px; | ||
} | } | ||
− | . | + | .social_huji a:hover{ |
opacity: 0.7; | opacity: 0.7; | ||
} | } | ||
Line 35: | Line 121: | ||
Padding-top: 4px; | Padding-top: 4px; | ||
text-decoration: none; | text-decoration: none; | ||
− | + | font-family: Tahoma, Geneva, sans-serif | |
− | + | ; | |
− | + | font-size:20px; | |
− | + | width: 5%; | |
− | + | ||
Line 45: | Line 130: | ||
#ddmenu_hebrewu { | #ddmenu_hebrewu { | ||
− | + | background: #262d2e47; | |
margin: 0; | margin: 0; | ||
− | padding: | + | padding-top: 16px; |
− | height: | + | height:40px; |
− | font: | + | font-family: Tahoma, Geneva, sans-serif ; |
+ | font-size:20px; | ||
display:absolute; | display:absolute; | ||
Line 57: | Line 143: | ||
float: left; | float: left; | ||
list-style: none; | list-style: none; | ||
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | font-size:20px; | ||
+ | } | ||
#ddmenu_hebrewu li a { | #ddmenu_hebrewu li a { | ||
− | background: | + | background:none; |
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | |||
+ | font-size:20px; | ||
display: block; | display: block; | ||
padding: 5px 15px; | padding: 5px 15px; | ||
color: white; | color: white; | ||
− | + | text-decoration: none; | |
} | } | ||
Line 75: | Line 167: | ||
position: absolute; | position: absolute; | ||
visibility: hidden; | visibility: hidden; | ||
− | + | text-decoration: none; | |
} | } | ||
Line 86: | Line 178: | ||
background: none; | background: none; | ||
display: inline; | display: inline; | ||
− | color: | + | color: #1e1f1f; |
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | |||
+ | font-size:20px; | ||
padding: 2px 10px; | padding: 2px 10px; | ||
} | } | ||
Line 95: | Line 190: | ||
color: #106375; | color: #106375; | ||
padding: 2px 10px; | padding: 2px 10px; | ||
− | + | text-decoration: none; | |
} | } | ||
Line 103: | Line 198: | ||
.columnhuji.middle { | .columnhuji.middle { | ||
width: 80%; | width: 80%; | ||
− | |||
background-color:#edeadc; | background-color:#edeadc; | ||
color:black; | color:black; | ||
Line 109: | Line 203: | ||
Padding-right:10%; | Padding-right:10%; | ||
Padding-top:3%; | Padding-top:3%; | ||
− | |||
Line 115: | Line 208: | ||
h2.ahuji { | h2.ahuji { | ||
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | |||
+ | font-size:30px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
h2.chuji { | h2.chuji { | ||
− | font: 20px | + | font: 20px Tahoma, Geneva, sans-serif |
+ | , Tahoma, Geneva, sans-serif | ||
+ | ; | ||
text-align: center; | text-align: center; | ||
} | } | ||
p.ahuji { | p.ahuji { | ||
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | |||
+ | font-size:18px; | ||
margin-left:5%; | margin-left:5%; | ||
margin-right:5%; | margin-right:5%; | ||
Line 132: | Line 233: | ||
p.bhuji { | p.bhuji { | ||
− | font: | + | font-family: Tahoma, Geneva, sans-serif |
+ | ; | ||
+ | |||
+ | font-size:18px; | ||
text-align:center; | text-align:center; | ||
} | } | ||
Line 147: | Line 251: | ||
display: none; | display: none; | ||
color:white; | color:white; | ||
− | + | Padding-top: 4px; | |
− | font: 20px | + | font-size:20px; |
} | } | ||
Line 157: | Line 261: | ||
background:#edeadc; | background:#edeadc; | ||
height:35px; | height:35px; | ||
− | + | font-size:15px; | |
color: black; | color: black; | ||
border:none; | border:none; | ||
Line 167: | Line 271: | ||
background:#262d2e; | background:#262d2e; | ||
height:35px; | height:35px; | ||
− | + | font-size:15px; | |
color:white; | color:white; | ||
border:none; | border:none; | ||
Line 176: | Line 280: | ||
background:#262d2e; | background:#262d2e; | ||
height:35px; | height:35px; | ||
− | + | font-size:15px; | |
color: white; | color: white; | ||
border:none; | border:none; | ||
Line 207: | Line 311: | ||
background:#262d2e; | background:#262d2e; | ||
height:35px; | height:35px; | ||
− | |||
color: white; | color: white; | ||
border:none; | border:none; | ||
− | + | display:none; | |
} | } | ||
Line 225: | Line 328: | ||
background:#edeadc; | background:#edeadc; | ||
height:35px; | height:35px; | ||
− | + | font-size:15px; | |
color: black; | color: black; | ||
border:none; | border:none; |
Latest revision as of 20:48, 15 October 2018
Template:HebrewU/CSS
/* Disable I-GEM defult properties for blank page */
#sideMenu, #top_title {display:none;} #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;} #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;} #body {background-color:#EDEADC; } #mybody {background-color:#EDEADC; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } .mw-content-ltr {background-color:#EDEADC;} .body {background-color:#EDEADC; }
/* I-GEM pages disabling */
body { font-family:Tahoma, Geneva, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff;
}
- myBtn_up {
display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99;
}
- myBtn_up:hover {
opacity:0.7; }
.w3-container {
overflow: auto;
} h2 {
color: black; font-family: Tahoma, Geneva, sans-serif
padding: 7px;
}
.ahuji { color:black }
#HQ_page p {
font-family: Tahoma, Geneva, sans-serif
font-size: 20px; text-align: center;
color: black;
}
* { -webkit-box-sizing:content-box ; -moz-box-sizing:content-box ; box-sizing:content-box ; }
.tab-content>.active { background-color: #edeadc; }
div.fixed {
position: fixed; bottom: 0; right: 1%;
text-align:right; max-width:150px; }
@media (max-width: 1000px) {
.ulogo {
display:none;
}
}
body {
background-color:#EDEADC;
}
/* HebrewU Logo change for animation */ #huji_logo:hover { content: url('https://static.igem.org/mediawiki/2018/7/76/T--HebrewU--logo_animation.png');
}
/* Social media Icon design */ .social_huji a{ color:white; float:right; display:inline-block; padding-left:1px;
padding-bottom:3px;
} .social_huji a:hover{ opacity: 0.7; }
/* Big screen Navbar properties */ .huji_homebutton { float: left; Padding-left: 20px; Padding-top: 4px;
text-decoration: none; font-family: Tahoma, Geneva, sans-serif
font-size:20px;
width: 5%;
}
#ddmenu_hebrewu {
background: #262d2e47;
margin: 0; padding-top: 16px; height:40px; font-family: Tahoma, Geneva, sans-serif ; font-size:20px; display:absolute;
}
#ddmenu_hebrewu li { float: left; list-style: none; font-family: Tahoma, Geneva, sans-serif
font-size:20px;
} #ddmenu_hebrewu li a { background:none; font-family: Tahoma, Geneva, sans-serif
font-size:20px; display: block; padding: 5px 15px; color: white;
text-decoration: none;
}
#ddmenu_hebrewu li a:hover {background: #2c3635;} #ddmenu_hebrewu li ul { margin: 3px 0 0 10px; padding: 0; position: absolute; visibility: hidden;
text-decoration: none;
}
#ddmenu_hebrewu li ul li { display:inline; }
#ddmenu_hebrewu li ul li a { width: auto; background: none; display: inline; color: #1e1f1f; font-family: Tahoma, Geneva, sans-serif
font-size:20px; padding: 2px 10px; }
#ddmenu_hebrewu li ul li a:hover { background: none; color: #106375; padding: 2px 10px;
text-decoration: none;
}
/* Content position and style */
.columnhuji.middle {
width: 80%;
background-color:#edeadc;
color:black;
Padding-left:10%;
Padding-right:10%;
Padding-top:3%;
}
h2.ahuji { font-family: Tahoma, Geneva, sans-serif
font-size:30px; text-align: center; }
h2.chuji { font: 20px Tahoma, Geneva, sans-serif , Tahoma, Geneva, sans-serif
text-align: center; }
p.ahuji { font-family: Tahoma, Geneva, sans-serif
font-size:18px; margin-left:5%; margin-right:5%; text-align:justify; }
p.bhuji { font-family: Tahoma, Geneva, sans-serif
font-size:18px; text-align:center; }
/* Group image style */ .centerhujiimg { margin: auto; width: 60%; text-align: center; }
/* Responsive navbar for small screens */ #ddmenu_hebrewu .icon { display: none; color:white;
Padding-top: 4px;
font-size:20px;
}
.b_huji_small_subnav {
width: 100%; background:#edeadc; height:35px; font-size:15px; color: black; border:none;
} .b_huji_small_subnav:hover {
width: 100%; background:#262d2e; height:35px; font-size:15px; color:white; border:none;
} .huji_small_navbar {
width: 100%; background:#262d2e; height:35px; font-size:15px; color: white; border:none; }
.active, .huji_small_navbar:hover { background-color:#131717; }
.huji_small_navbar_panel { display: none; background-color: white; overflow: hidden; }
@media screen and (max-width: 1000px) { #ddmenu_hebrewu li {display: none;} #ddmenu_hebrewu a.icon { float: left; display: block; } }
.huji_smallnav {
display:none;
} .b_huji_small_nav {
width: 100%; background:#262d2e; height:35px; color: white; border:none; display:none;
}
@media screen and (min-width: 1000px) {
.huji_small_navbar { display:none;
}
.b_huji_small_subnav { width: 100%; background:#edeadc; height:35px; font-size:15px; color: black; border:none;
}
}