Difference between revisions of "Template:HebrewU/CSS"
| Line 3: | Line 3: | ||
/* I-GEM original picture and page frame disabling */ | /* 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 */ | /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ | ||
| Line 16: | Line 12: | ||
} | } | ||
| + | #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; } | ||
#ddmenu_hebrewu_social, #ddmenu_hebrewu_social a, #ddmenu_hebrewu_social { | #ddmenu_hebrewu_social, #ddmenu_hebrewu_social a, #ddmenu_hebrewu_social { | ||
Revision as of 20:03, 7 September 2018
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; }
- 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; }