Difference between revisions of "Template:HebrewU/CSS"

 
(10 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
/* I-GEM pages disabling */
 
/* 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;
 +
}
  
  
Line 20: Line 40:
 
     h2 {
 
     h2 {
 
color: black;
 
color: black;
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 
padding: 7px;
 
padding: 7px;
 
 
Line 32: Line 53:
  
 
     #HQ_page p {
 
     #HQ_page p {
    font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 
     font-size: 20px;
 
     font-size: 20px;
 
     text-align: center;
 
     text-align: center;
Line 99: Line 121:
 
Padding-top: 4px;  
 
Padding-top: 4px;  
 
                 text-decoration: none;  
 
                 text-decoration: none;  
                font-family:Tahoma, Geneva, sans-serif;
+
            font-family: Tahoma, Geneva, sans-serif
 +
;
 
        font-size:20px;
 
        font-size:20px;
 
                 width: 5%;
 
                 width: 5%;
Line 109: Line 132:
 
                 background: #262d2e47;
 
                 background: #262d2e47;
 
margin: 0;
 
margin: 0;
padding: 0;
+
padding-top: 16px;
height:35px;
+
height:40px;
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif ;
 
        font-size:20px;
 
        font-size:20px;
 
display:absolute;
 
display:absolute;
Line 120: Line 143:
 
float: left;
 
float: left;
 
list-style: none;
 
list-style: none;
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
        font-size:20px;
+
;
 +
    font-size:20px;
 
 
 
 
 +
}
 
#ddmenu_hebrewu li a {   
 
#ddmenu_hebrewu li a {   
 
background:none;
 
background:none;
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 +
 
 
        font-size:20px;
 
        font-size:20px;
 
display: block;
 
display: block;
Line 151: Line 178:
 
background: none;
 
background: none;
 
display: inline;
 
display: inline;
color: black;  
+
color: #1e1f1f;  
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 +
 
 
      font-size:20px;
 
      font-size:20px;
 
padding: 2px 10px;
 
padding: 2px 10px;
Line 179: Line 208:
 
 
 
h2.ahuji {
 
h2.ahuji {
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 +
 
 
        font-size:30px;
 
        font-size:30px;
 
text-align: center;
 
text-align: center;
Line 185: Line 216:
 
 
 
h2.chuji {
 
h2.chuji {
font: 20px Calibri, Calibri;
+
font: 20px Tahoma, Geneva, sans-serif
 +
, Tahoma, Geneva, sans-serif
 +
;
 
text-align: center;
 
text-align: center;
 
}
 
}
 
 
 
p.ahuji {
 
p.ahuji {
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 +
 
 
        font-size:18px;
 
        font-size:18px;
 
margin-left:5%;
 
margin-left:5%;
Line 198: Line 233:
 
 
 
p.bhuji {
 
p.bhuji {
font-family:Tahoma, Geneva, sans-serif;
+
font-family: Tahoma, Geneva, sans-serif
 +
;
 +
 
 
        font-size:18px;
 
        font-size:18px;
 
text-align:center;
 
text-align:center;
Line 214: Line 251:
 
  display: none;
 
  display: none;
 
  color:white;
 
  color:white;
          Padding-top: 4px;
+
      Padding-top: 4px;  
  font-family:Tahoma, Geneva, sans-serif;
+
 
  font-size:20px;
 
  font-size:20px;
  
Line 225: Line 261:
 
background:#edeadc;
 
background:#edeadc;
 
height:35px;
 
height:35px;
font-family:Tahoma, Geneva, sans-serif;
+
    font-size:15px;
        font-size:15px;
+
 
color: black;  
 
color: black;  
 
border:none;
 
border:none;
Line 236: Line 271:
 
background:#262d2e;
 
background:#262d2e;
 
height:35px;
 
height:35px;
font-family:Tahoma, Geneva, sans-serif;
+
    font-size:15px;
        font-size:15px;
+
 
color:white;  
 
color:white;  
 
border:none;
 
border:none;
Line 246: Line 280:
 
background:#262d2e;
 
background:#262d2e;
 
height:35px;
 
height:35px;
font-family:Tahoma, Geneva, sans-serif;
+
    font-size:15px;
        font-size:15px;
+
 
color: white;  
 
color: white;  
 
border:none;
 
border:none;
Line 278: Line 311:
 
background:#262d2e;
 
background:#262d2e;
 
height:35px;
 
height:35px;
font-family:Tahoma, Geneva, sans-serif;
 
        font-size:15px;
 
 
color: white;  
 
color: white;  
 
border:none;
 
border:none;
display:none;   
+
display:none;   
  
 
  }
 
  }
Line 297: Line 328:
 
background:#edeadc;
 
background:#edeadc;
 
height:35px;
 
height:35px;
font-family:Tahoma, Geneva, sans-serif;
+
    font-size:15px;
        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;

}


  1. myBtn_up {
 display: none;
 position: fixed;
 bottom: 20px;
 right: 30px;
 z-index: 99;

}

  1. 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;

	}

}