Difference between revisions of "Template:HebrewU/CSS"

(Replaced content with "Template:HebrewU/CSS")
Line 1: Line 1:
−
Template:HebrewU/CSS
+
{{HebrewU/CSS}}
 +
 
 +
/* 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_social, #ddmenu_hebrewu_social a, #ddmenu_hebrewu_social {   
 +
    float: right;
 +
    font: 20px Calibri, Calibri;
 +
    margin-top: 4px;
 +
margin-bottom: 2px;
 +
margin-right: 5%;
 +
    max-width: 180px;
 +
    color: white;
 +
    padding: 0px 0px 6px 8px;
 +
 
 +
}
 +
 
 +
.huji_homebutton {
 +
    max-size: 100px;
 +
 
 +
}
 +
 
 +
 
 +
/* Add a hover effect if you want */
 +
.fa:hover {
 +
    opacity: 0.7;
 +
}
 +
 
 +
#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;
 +
}

Revision as of 20:01, 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;

}


  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; 

	}

}

/* 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%;
   }

}


  1. ddmenu_hebrewu_social, #ddmenu_hebrewu_social a, #ddmenu_hebrewu_social { 
   float: right;
   font: 20px Calibri, Calibri;
   margin-top: 4px;

margin-bottom: 2px; margin-right: 5%; 

   max-width: 180px;
   color: white;
   padding: 0px 0px 6px 8px;

}

.huji_homebutton { 

   max-size: 100px;

}


/* Add a hover effect if you want */ .fa:hover { 

   opacity: 0.7;

}

  1. ddmenu_hebrewu {
   background:#262d2e;
   margin: 0;
   padding: 0;
   height:35px;
   font: 15px Calibri, Calibri;}
  1. ddmenu_hebrewu li { 
   float: left;
   list-style: none;
   font: 20px Calibri, Calibri;}
  1. ddmenu_hebrewu li a { 
   background:#262d2e;
   display: block;
   padding: 5px 20px;
   text-decoration: none;
   color: white;

}


  1. ddmenu_hebrewu li a:hover { 
   background: #2c3635;

}

  1. ddmenu_hebrewu li ul { 
   margin: 3px 0 0 10px;
   padding: 0;
   position: absolute;
   visibility: hidden;

}

  1. ddmenu_hebrewu li ul li { 
   display:inline;

}

  1. ddmenu_hebrewu li ul li a {
   width: auto;    
   background: none;
   display: inline;
   color: black; 
   font: 20px Calibri, Calibri;
   padding: 2px 10px;

}

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