Difference between revisions of "Template:HebrewU/CSS"

Revision as of 23:52, 5 October 2018 (view source) Alon (Talk | contribs) ← Older edit		Revision as of 23:52, 5 October 2018 (view source) Alon (Talk | contribs) Newer edit →
Line 57:		Line 57:
	display:inline-block;		display:inline-block;
	}		}
−	.social_huji a{	+	.social_huji a:hover{
	opacity: 0.7;		opacity: 0.7;
	}		}

---

Revision as of 23:52, 5 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 */

   .w3-container {

overflow: auto;

   }
   h2 {

color: white; font: Calibri; padding: 7px;

   }

   #HQ_page p {
   font-family: Calibri;
   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;
   }
   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; font-size:15px; float:right; display:inline-block; } .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: 20px Calibri, Calibri; width: 13%;

}

#ddmenu_hebrewu { background:#262d2e; margin: 0; padding: 0; height:35px; font: 15px Calibri, Calibri; display:absolute;

}

#ddmenu_hebrewu li { float: left; list-style: none; font: 20px Calibri, Calibri;}

#ddmenu_hebrewu li a { background:#262d2e; font: 20px Calibri, Calibri; 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: black; font: 20px Calibri, Calibri; 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%; height: 100%; background-color:#edeadc; color:black; Padding-left:10%; Padding-right:10%; Padding-top:3%;

}

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; }

/* 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: 20px Calibri, Calibri;

}

   .b_huji_small_subnav {

width: 100%; background:#edeadc; height:35px; font: 15px Calibri, Calibri; color: black; border:none;

	}

   .b_huji_small_subnav:hover {

width: 100%; background:#262d2e; height:35px; font: 15px Calibri, Calibri; color:white; border:none;

	}

	.huji_small_navbar {

width: 100%; background:#262d2e; height:35px; font: 15px Calibri, Calibri; 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; font: 15px Calibri, Calibri; 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: 15px Calibri, Calibri; color: black; border:none;

	}

}