Template:HebrewU/CSS

Template:HebrewU/CSS

/* I-GEM original picture and page frame disabling */

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

}

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

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;

}

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