EduroamHowTo/css/style.css

453 lines
6.9 KiB
CSS

#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);
}
@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;
}
}
/* Convegni */
.single-conference #content {
}
div#proceedings {
border: 2px solid #79BA5C;
padding: 10px;
}
.conference {
line-height: 1.5em;
}
.conference #descrizione table td {
vertical-align: middle;
}
.single-conference #sidebar-primary h4 {
font-weight: bold;
padding-bottom: 0.5em;
border-bottom: 1px solid #555;
}
#publicationfilter {
margin-bottom: 1em;
}
#p_tipo {
max-width: 50%;
}
#p_sede {
max-width: 20%;
margin-right: 0;
}
#p_anno {
max-width: 15%;
}
#p_anno, #p_tipo, #p_sede {
border: 1px solid #d8d8d8;
border-radius: 0;
padding: 4px 10px;
margin-right: 6px;
}
#p_submit {
color: #79ba5c;
background: #E4E4E4 url(images/readmore-bg.png) left top repeat-x;
padding: 8px 14px;
font-size: 12px;
font-size: 1.2rem;
line-height: 12px;
line-height: 1.2rem;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #E5E1E1;
float: right;
}
#p_submit:hover {
color: #fff;
background: #88d167 url(images/readmore-bg.png) left -126px repeat-x;
text-decoration: none;
border: 1px solid #79ba5c;
}
form#form_convegni fieldset {
margin-bottom: 1em;
}
form#form_convegni input[type="text"] {
padding: 6px;
width: 60%;
margin-bottom: 20px;
border: 1px solid #ccc;
}
form#form_convegni input[type=submit] {
padding: 5px 50px;
border: 1px solid #ccc;
background: #eee;
color: #79ba5c;
background: #E4E4E4 url(images/readmore-bg.png) left top repeat-x;
padding: 8px 14px;
font-size: 12px;
font-size: 1.2rem;
line-height: 12px;
line-height: 1.2rem;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #E5E1E1;
}
form#form_convegni input[type=submit]:hover {
color: #fff;
background: #88d167 url(images/readmore-bg.png) left -126px repeat-x;
text-decoration: none;
border: 1px solid #79ba5c;
}
@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;
}
}