Difference between revisions of "Template:HebrewU/CSS"
| Line 1: | Line 1: | ||
| − | / | + | {{HebrewU/CSS}} |
| + | |||
/* I-GEM original picture and page frame disabling */ | /* I-GEM original picture and page frame disabling */ | ||
Revision as of 18:31, 7 September 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;
}
}
/* I-GEM original picture and page frame disabling */
#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:-7px; margin-left:0px;}
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) {
.columnhuji.side, .columnhuji.middle {
width: 100%;
}
}
- ddmenu_hebrewu {
background:#262d2e;
margin: 0;
padding: 0;
height:35px;
font: 15px Calibri, Calibri;}
- ddmenu_hebrewu li {
float: left; list-style: none; font: 20px Calibri, Calibri;}
- ddmenu_hebrewu li a {
background:#262d2e; display: block; padding: 5px 20px; text-decoration: none; color: white;
}
- ddmenu_hebrewu li a:hover {
background: #2c3635;
}
- ddmenu_hebrewu li ul {
margin: 3px 0 0 10px; padding: 0; position: absolute; visibility: hidden;
}
- ddmenu_hebrewu li ul li {
display:inline;
}
- ddmenu_hebrewu li ul li a {
width: auto; background: none; display: inline; color: black; font: 20px Calibri, Calibri; padding: 2px 10px;
}
- ddmenu_hebrewu li ul li a:hover {
background: none; color: #106375; padding: 2px 10px;
}
/* Homebutton 10% space */ .huji_homebutton {
float: left; width: 13%;
}
.columnhuji {
float: left; padding: 10px;
}
.columnhuji.side {
width: 12%;
}
/* Middle column */ .columnhuji.middle {
width: 70%;
background-color:#edeadc;
padding: 10px;
}
/* Clear floats after the columns */ .rowhuji:after {
content: ""; display: table; clear: both;
}
/* content style */
h2.ahuji {
font: 30px Calibri, Calibri; text-align: center;
}
h2.chuji {
font: 20px Calibri, Calibri; text-align: center;
}
p.ahuji {
font: 18px Calibri, Calibri;
margin-left:5%; margin-right:5%; text-align:justify; }
p.bhuji {
font: 18px Calibri, Calibri;
text-align:center; }
/* button1 style */
.buttonhuji { font: 18px Calibri, Calibri;
border: none; color: white; padding: 10px 32px; text-align: center; display: inline-block; font-size: 15px; margin: 2px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;
}
.buttonhuji1 {
background-color: #fdfaf2; color: black; border: 2px solid #829c8c;
}
.buttonhuji1:hover {
background-color: #829c8c; color: white;
}
/* Group image style style */
.centerhujiimg {
margin: auto; width: 60%;
text-align: center; }