|
|
Line 1: |
Line 1: |
| Template:HebrewU/CSS | | Template: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 {
| |
− | 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%;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | #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;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .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;
| |
− | }
| |