EduroamHowTo/css/style.css

348 lines
5.0 KiB
CSS
Raw Normal View History

2019-09-03 15:46:17 +02:00
#container {
width: 960px;
margin: 0 auto;
position: relative;
border-top: 3px solid #79BA5C;
}
#main {
padding: 15px;
background: #FFFFFF;
}
#main-fullwidth {
padding: 15px;
background: #FFFFFF;
}
#content {
overflow: hidden;
float: left;
width: 615px;
}
#sidebar-primary {
overflow: hidden;
float: left;
width: 300px;
margin-left: 15px;
}
#sidebar-primary ul li {
margin-bottom: 0.5em;
}
/* Some General Formattings ----------- */
h4 {
border-bottom: 1px solid #bbb;
padding-bottom: 0.2em;
}
h4.more+div
{
display: none;
}
h4.more {
border-bottom: 1px solid #555;
padding-bottom: 0.5em;
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
h4.more.opened
{
background-image: url(../img/iconminus.png);
}
h4.more.closed
{
background-image: url(../img/iconplus.png);
}
img.wp-image{
height:400px;
width:400px;
}
2019-09-03 15:46:17 +02:00
@media only screen and (max-width: 800px) {
#logocnr,
a#arearis,
#search,
#lang_sel_list,
#fontsize,
.videohp,
.widget-container #widget-easy-twitter-feed-widget-kamn-2,
.widget-container #text-2,
#sidebar-primary
/* #tabs */
{
display: none;
}
.home #sidebar-primary {
display: block;
}
div#hpzone div, div#hpcol1, div#hpcol2, div#hpcol3 {
width: 100%;
}
div#menu-primary-mobile {
display: block;
}
div#menu-primary-mobile #click-menu {
}
div.menu-secondary-container {
display: none;
}
#container, #footer-container {
width: 100%;
}
#main,
#main-fullwidth,
#header,
#footer-widgets,
#footer {
padding-left: 10px;
padding-right: 10px;
}
#main, #main-fullwidth {
background-image: none;
}
#header {
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.logo, .header-right {
float: none;
text-align: center;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.header-right {
padding-top: 10px;
}
#search {
float: none;
width: 90%;
margin: 20px auto;
clear: both;
}
#search input {
margin-top: 20px;
margin-bottom: 20px;
}
#header #topsearch {
margin-left: 0;
margin-right: 0;
width: 100%;
}
#top-social-profiles {
float: none;
width: 100%;
display: block;
text-align: center;
}
#content, #sidebar-secondary {
width: 100%;
float: none;
padding: 0;
margin: 0;
display: block;
}
#sidebar-primary {
width: 100%;
float: none;
padding: 0;
margin: 0;
}
.menu-primary-container, .menu-secondary-container {
float: none;
margin-left: 0;
margin-right: 0;
display: block;
}
.fp-slider, #fb-root {
display: none;
}
.post-box {
width: 100%;
height: 100%;
float: none;
overflow: hidden;
margin: 0;
padding: 0;
}
#footer-widgets-container #footer-widgets {
width: inherit;
}
.footer-widget-box {
width: 100%;
float: none;
margin: 0;
padding: 0;
}
#copyrights, #credits {
display: block;
float: none;
text-align: center;
}
#footer-container #copyrights, #footer-container #credits {
padding: 5px 0;
}
#footer-container #footer {
width: auto;
padding-left: 10px;
padding-right: 10px;
}
div.videohp:nth-child(odd) {
clear: left;
}
div.videohp h2 {
min-height: 3em;
}
div#homepagevideo h2.title,
div#hpzonelicenza {
clear: left;
}
div#hpzone div:last-child {
float: left;
margin-left: 5px;
}
#personaletable div.personalecell {
width: 96%;
}
img.wp-image-297 {
display: none;
}
div#grafico-tipoprogetto {
display: none;
}
.single-project #sidebar-primary,
.single-focus #sidebar-primary,
.single-product #sidebar-primary,
.single-outreach #sidebar-primary
{
display: block;
}
div.col-md-3 {
width: 100%;
line-height: normal !important;
padding: 5px;
}
#logodesktop,
#logocnr {
display: none;
}
.logo img {
margin-left: 0px;
}
#logomobile {
display: block;
}
}
@media only screen and (max-width: 480px) {
.menu-secondary-responsive-container {
display: none;
margin: 20px auto;
}
.menu-primary-container, .menu-secondary-container {
display: none;
}
#header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
margin-left: 0;
margin-right: 0;
width: 100%;
}
div.videohp {
max-width: 90%;
}
div#hpcol1,
div#hpcol2,
div#hpcol3 {
width: 90%;
float: left;
}
}
@media only screen and (max-width: 800px) {
#p_tipo {
max-width: 40%;
}
}
@media only screen and (max-width: 600px) {
#p_tipo {
max-width: 30%;
}
#p_submit {
float: none;
}
}