1345 lines
32 KiB
CSS
1345 lines
32 KiB
CSS
/*
|
|
Theme Name: Hangar, basat en Ari
|
|
Theme URI: http://wordpress.org/
|
|
Description: Tema a dues/tres columnes. El logo i el men es troben a l'esquerra. El contingut al mig. A la dreta en les pgines individuals hi ha una barra lateral amb els articles o pgines relacionades.
|
|
Author: Enfusion team & vitrubio.net
|
|
Version: 3.5
|
|
License: GNU General Public License
|
|
License URI: license.txt
|
|
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
|
|
*/
|
|
/* Google Fonts Import
|
|
---------------------------------------------
|
|
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin); */
|
|
|
|
|
|
|
|
/* variables
|
|
--------------------------------------------- */
|
|
|
|
html {
|
|
--hangar-body-font-size: 12px;
|
|
--hangar-body-font-size-small: 10px;
|
|
--hangar-body-font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
|
|
--sherif-font-family: 'Droid Serif', Times, serif;
|
|
--sans-sherif-font-family:'Droid Sans',arial,sans-serif;
|
|
}
|
|
|
|
/* Reset
|
|
--------------------------------------------- */
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 100%;
|
|
vertical-align: baseline;
|
|
border: 0;
|
|
outline: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
html {margin-top: 0!important;}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
img {
|
|
border: 0;
|
|
position: relative;
|
|
}
|
|
img:before {
|
|
/* credits to https://bitsofco.de/styling-broken-images/ */
|
|
content:"no image:" attr(alt);
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url('https://grafica.hangar.org/assets/img/hangar-logo-favico.png');
|
|
background-size: auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-blend-mode: darken;
|
|
background-color: #fafafa;
|
|
padding: 1rem;
|
|
text-align: left;
|
|
font-size: 0.6rem;
|
|
color: #999;
|
|
}
|
|
/* General Structure and Styles
|
|
--------------------------------------------- */
|
|
body {
|
|
color: #333333;
|
|
background-color:#fff;
|
|
margin: 0;
|
|
background-image: url('images/motiufons.gif');
|
|
background-repeat:repeat-x repeat-y;
|
|
background-color: transparent;
|
|
font-size: var(--hangar-body-font-size);
|
|
font-family:'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
#top-head {
|
|
height: 30px;
|
|
border-bottom: 1px solid #666666;
|
|
border-top: 2px solid #0000fa;
|
|
background-color: #fff;
|
|
margin-bottom:30px;
|
|
min-width: 600px;
|
|
}
|
|
|
|
#wrap_topheader {
|
|
max-width: 1267px;
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
#wrap {
|
|
max-width: 1267px;
|
|
margin: 0 0 1rem 1rem;
|
|
}
|
|
|
|
|
|
.shadow {
|
|
-moz-box-shadow: 3px 3px 4px #91939a;
|
|
-webkit-box-shadow: 3px 3px 4px #91939a;
|
|
box-shadow: 3px 3px 4px #91939a;
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');
|
|
}
|
|
|
|
#sidebar-primary {
|
|
width:235px;
|
|
float:left;
|
|
margin-right:16px;
|
|
/*position: fixed;*/
|
|
}
|
|
@media screen and (max-width:768px) {
|
|
#main {
|
|
margin-left: unset;
|
|
}
|
|
}
|
|
@media screen and (min-width:768px) {
|
|
#main {
|
|
margin-left: 250px;
|
|
}
|
|
}
|
|
|
|
#wrap.amplegrann, #wrap_topheader.amplegrann {max-width:1257px}
|
|
/*#wrap.amplemigg, #wrap_topheader.amplemigg {max-width:990px}*/
|
|
#wrap.ampleunicc, #wrap_topheader.ampleunicc {max-width:750px, margin-left:16px}
|
|
|
|
|
|
|
|
.page-template-seccions-php #main, .category #main {
|
|
width:auto;
|
|
margin-left:245px;
|
|
}
|
|
|
|
|
|
#wrap_topheader .unic { width:990px;}
|
|
|
|
|
|
|
|
#sidebar-secondary {
|
|
width:24.8%;
|
|
margin:0px 0px 60px 16px;
|
|
float:left;
|
|
}
|
|
|
|
.single #sidebar-secondary { width:232px; margin-right:0;}
|
|
|
|
|
|
#footer {
|
|
padding: 0;
|
|
clear: both;
|
|
background-color: #f1f1f1;
|
|
bottom: 0;
|
|
position: relative;
|
|
min-height:50px;
|
|
letter-spacing:0.5px;
|
|
color:#888888;
|
|
}
|
|
|
|
|
|
.aligncenter {
|
|
margin:0 auto;
|
|
display:block;
|
|
}
|
|
.alignleft {
|
|
float:left;
|
|
}
|
|
.alignright {
|
|
float:right;
|
|
}
|
|
.center {
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
/* mens cap de dalt de tot */
|
|
|
|
|
|
.languages ul, ul.diversos {
|
|
list-style-type: none;
|
|
display:block;
|
|
margin:0;
|
|
padding: 8px 8px 10px 0;
|
|
font-size: 0.8rem;
|
|
margin-right: 30px;
|
|
}
|
|
.languages ul li, ul.diversos li{display:inline;}
|
|
|
|
.languages ul li a {text-transform:uppercase; color: #999999;}
|
|
.languages ul li.active a{text-decoration:underline; color:#0000FF ;}
|
|
|
|
.languages ul li {margin-right:15px;}
|
|
|
|
ul.diversos li{margin-right:30px;}
|
|
|
|
ul.diversos li a{color: #666666; text-decoration:none;}
|
|
ul.diversos li a:hover{color: #0000ff;}
|
|
|
|
li.faqs a{background: transparent url('images/faqs.png') no-repeat; padding-left: 22px;}
|
|
li.contact a{background: transparent url('images/info.png') no-repeat; padding-left: 22px;}
|
|
li.news a{background: transparent url('images/news.png') no-repeat 0 2px; padding-left: 22px;}
|
|
li.faqs a:hover{background: transparent url('images/faqshover.png') no-repeat; padding-left: 22px;}
|
|
li.contact a:hover{background: transparent url('images/infohover.png') no-repeat; padding-left: 22px;}
|
|
li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0 2PX; padding-left: 22px;}
|
|
|
|
#cercar {float:right;width: 225px;height: 20px; margin-right:3.4%}
|
|
.cse form.gsc-search-box, form.gsc-search-box {
|
|
margin-bottom: 0px!important;
|
|
padding: 1px 4px 1px 4px!important;}
|
|
|
|
|
|
|
|
|
|
/* contingut */
|
|
|
|
#content.unic, #content.mix, #content.resultats {
|
|
width:30rem;
|
|
/* z-index:4; */
|
|
/* float:left; */
|
|
float: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
|
|
.single #sidebar-primary {width: 235px; margin-right:13px;}
|
|
|
|
.page #sidebar-primary: {width: 235px; margin-right:13px;}
|
|
|
|
|
|
|
|
/* home */
|
|
|
|
|
|
|
|
.pag a {/*color: #28b5d8;*/}
|
|
|
|
/* Headings
|
|
--------------------------------------------- */
|
|
/*#content .post h1 {*/
|
|
#content h1 {
|
|
padding:0px 0px 20px 0px;
|
|
font-size: 22px;
|
|
line-height:28px;
|
|
}
|
|
/*el fem servir*/
|
|
#content.unic h2, #content.resultats h2 {
|
|
/*#content h2 {*/
|
|
padding: 0;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
line-height:20px;
|
|
margin-bottom:20px;
|
|
color: #0043f6;
|
|
letter-spacing:normal;
|
|
z-index: 999;
|
|
}
|
|
/*.home #content h2 {
|
|
font-size: 0.8rem;
|
|
}*/
|
|
|
|
#content h3 {
|
|
padding:20px 0px 12px 0px;
|
|
font-size: 16px;
|
|
line-height:24px;
|
|
}
|
|
#content h4 {
|
|
padding:20px 0px 10px 0px;
|
|
font-size: 15px;
|
|
line-height:21px;
|
|
}
|
|
#content h5 {
|
|
padding:16px 0px 8px 0px;
|
|
font-size: 14px;
|
|
line-height:20px;
|
|
}
|
|
#content h6 {
|
|
padding:10px 0px 5px 0px;
|
|
font-size: 13px;
|
|
line-height:19px;
|
|
}
|
|
|
|
/* Links
|
|
--------------------------------------------- */
|
|
#content h2 a {
|
|
color:#333333;
|
|
}
|
|
a{
|
|
text-decoration:none;
|
|
}
|
|
a:hover, #content h2 a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
/* --- Link Colors --- */
|
|
a, ul.sidebar li.widget_text a {
|
|
color:#0000FF ;
|
|
font-weight:normal;
|
|
}
|
|
ul.sidebar a, p.meta a, p.logged-in-as a, a.post-edit-link, #footer a {
|
|
color:#999;
|
|
}
|
|
#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {
|
|
color:#333333;
|
|
}
|
|
#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, input.wpcf7-submit:hover {
|
|
background:#0000FF;
|
|
}
|
|
.comment-meta a {color:#333333;}
|
|
|
|
|
|
a[href$=".PDF"]::before,
|
|
a[href$=".pdf"]::before {
|
|
display: inline;
|
|
overflow:hidden;
|
|
content:'';
|
|
/* float:left; */
|
|
height:17px;
|
|
padding:0 0 0 25px;
|
|
background: url("images/pdficon2.png") left top no-repeat;
|
|
text-align:center;
|
|
margin-left:0;
|
|
}
|
|
|
|
/* Lists
|
|
--------------------------------------------- */
|
|
#content ul li {font-size:var(--hangar-body-font-size);}
|
|
|
|
#content #page ul, #content .post ul {
|
|
padding:20px 0px 10px 25px;
|
|
}
|
|
#content #page ul li, #content .post ul li {
|
|
padding:0px 0px 5px 0px;
|
|
line-height:16px;
|
|
list-style: disc;
|
|
}
|
|
#content #page ol, #content .post ol {
|
|
padding:20px 0px 0px 30px;
|
|
}
|
|
#content #page ol li, #content .post ol li {
|
|
padding:0px 0px 5px 0px;
|
|
line-height:16px;
|
|
list-style: decimal;
|
|
}
|
|
|
|
/* Sidebars
|
|
--------------------------------------------- */
|
|
ul.sidebar {
|
|
font-size: 0.8rem;
|
|
line-height:0.8rem;
|
|
margin-top:2rem;
|
|
padding:0;
|
|
}
|
|
|
|
ul.segona {margin-top:15x;}
|
|
|
|
ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
|
|
margin:0px 0px 1px 0px;
|
|
padding:0px 0px 1px 0px;
|
|
overflow:hidden;
|
|
line-height:18px;
|
|
}
|
|
ul.sidebar h3.widget-title {
|
|
padding:0px 0px 5px 0px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.sidebar ul {padding:0;}
|
|
|
|
.sidebar ul li {display:inline;}
|
|
|
|
ul.sidebar li.widget_text, ul.sidebar li.shailan_banner_widget {color: #646464; font-size:11px; line-height:11px; margin:0; padding: 0 0 5px 0;}
|
|
|
|
ul.sidebar li.pagenav ul li.page_item a ul{color:red;}
|
|
|
|
ul.menu {padding-bottom:1px;}
|
|
|
|
ul.menu li {display:inline; line-height:18px;letter-spacing: 0.3px}
|
|
|
|
|
|
ul.menu a {color:#4344ff; }
|
|
|
|
ul.menu li a {color:#333333!important;}
|
|
|
|
ul.menu li#menu-item-274{margin-bottom:20px}
|
|
|
|
ul.menu li.unica, ul.menu li.especial{display: block; margin-bottom:10px;}
|
|
li.especial, li.unica {text-transform:uppercase;}
|
|
ul.sub-menu li {text-transform: none!important;}
|
|
ul.menu li.sola{display: block; margin-bottom:3px; text-transform: uppercase;}
|
|
ul.menu li.especial a{color:#0000FF!important; font-weight:bold;}
|
|
ul.menu li.unica a, ul.menu li.sola a{color:#4344ff!important; }
|
|
ul.menu li.negre a{
|
|
color: #000000!important;
|
|
/* cursor: text; */
|
|
text-decoration: none;
|
|
}
|
|
ul.menu li.negre a:hover,ul.menu li.negre a[href^="http://"]:hover,ul.menu li.negre a[href^="https://"]:hover,{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
|
|
ul.sub-menu {display:inline;}
|
|
ul.menu li.unica li {display:inline;}
|
|
|
|
ul.menu li li {display:inline;}
|
|
|
|
ul.sidebar li:first-child.widget_text {color: #F63!important;}
|
|
ul.menu li:first-child:before {content: "";}
|
|
|
|
ul.menu li ul li:before {content: " ─ ";color: #0000ff}
|
|
|
|
ul.menu ul.sub-menu li a {color: #0000ff!important;
|
|
cursor: pointer;}
|
|
|
|
ul.menu ul.sub-menu li a:hover {text-decoration: underline;}
|
|
|
|
|
|
|
|
|
|
|
|
/* sidebar */
|
|
|
|
#sidebar { float: right;
|
|
margin: 0 0 60px;
|
|
width: 20.8%;}
|
|
|
|
|
|
|
|
/* Sidebar Primary
|
|
--------------------------------------------- */
|
|
/* --- Theme Logo --- */
|
|
#sidebar-primary .logo {
|
|
height:96px;
|
|
margin:0px 0px 10px 0px;
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
#sidebar-primary .logo h1 {
|
|
padding:5px 0px 0px 0px;
|
|
font-size:30px;
|
|
line-height:35px;
|
|
}
|
|
#sidebar-primary .logo h1 a:hover {
|
|
text-decoration:none;
|
|
}
|
|
#sidebar-primary .logo p {
|
|
font-family: var(--hangar-body-font-family);
|
|
font-style:italic;
|
|
font-size:13px;
|
|
}
|
|
#sidebar-primary .logo img {
|
|
margin:0px;
|
|
padding:0px;
|
|
max-width: 100%;
|
|
}
|
|
/* --- About Text Widget --- */
|
|
#sidebar-primary ul.sidebar li.widget_text img {
|
|
margin:3px 10px 0px 0px;
|
|
float:left;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sidebar Secondary
|
|
--------------------------------------------- */
|
|
|
|
/* Sidebar Widgets (can be used for both Sidebars)
|
|
--------------------------------------------- */
|
|
ul.sidebar li.widget_archive ul li, ul.sidebar li.widget_pages ul li.page_item, ul.sidebar li.widget_categories ul li.cat-item, ul.sidebar li.widget_links ul.blogroll li, ul.sidebar li.widget_nav_menu ul#menu-navigation li.menu-item, ul.sidebar li.widget_meta ul li {
|
|
line-height:23px;
|
|
}
|
|
/* --- Text Widget --- */
|
|
ul.sidebar li.widget_text img {
|
|
margin:3px 10px 0px -7px;
|
|
float:left;
|
|
}
|
|
/* --- Custom Menu Widget --- */
|
|
ul.sub-menu {
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
ul.sidebar li.widget_categories ul li.cat-item ul.children {
|
|
margin:0px 0px 0px 15px;
|
|
}
|
|
/* --- Pages Widget --- */
|
|
ul.sidebar li.widget_pages ul li.page_item ul.children {
|
|
margin:0px 0px 0px 15px;
|
|
}
|
|
/* --- Search Widget --- */
|
|
.search-input {
|
|
max-width: 100%;
|
|
width: 130px;
|
|
margin:4px;
|
|
font-size:var(--hangar-body-font-size);
|
|
float:right;
|
|
border: 1px solid #ababab;
|
|
background-color:#e5e5e5;
|
|
height: 16px;
|
|
}
|
|
#searchsubmit {
|
|
margin:4px;
|
|
padding:2px;
|
|
float:right;
|
|
background:#666666;
|
|
border:none;
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
color:#fff;
|
|
cursor:pointer;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
width:55px;
|
|
|
|
}
|
|
#cercar img {
|
|
margin:4px;border:none;float:left; margin-top:8px;
|
|
}
|
|
|
|
/* --- Recent Post Widget --- */
|
|
ul.sidebar li.widget_recent_entries ul li {
|
|
padding: 0px 0px 12px 0px;
|
|
line-height:16px;
|
|
}
|
|
ul.sidebar li.widget_recent_entries ul li a {
|
|
line-height:16px;
|
|
}
|
|
/* --- Recent Comments --- */
|
|
ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments {
|
|
padding: 0px 0px 12px 0px;
|
|
line-height:16px;
|
|
}
|
|
ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments a {
|
|
padding: 0px 0px 12px 0px;
|
|
}
|
|
/* --- Calendar Widget --- */
|
|
table#wp-calendar caption {
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
line-height:18px;
|
|
font-style:italic;
|
|
text-align:left;
|
|
padding:0px 0px 3px 0px;
|
|
}
|
|
table#wp-calendar td {
|
|
padding:3px;
|
|
}
|
|
/* --- Social Links Custom Widget --- */
|
|
ul.sidebar li.widget_sociallinks a {
|
|
padding:0px 20px 0px 20px;
|
|
line-height:23px;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.rss {
|
|
background:url(images/rss-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.twitter {
|
|
background:url(images/twitter-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.facebook {
|
|
background:url(images/fb-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.flickr {
|
|
background:url(images/flickr-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.xing {
|
|
background:url(images/xing-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.linkedin {
|
|
background:url(images/linkedin-icon.png) 0 0 no-repeat;
|
|
}
|
|
ul.sidebar li.widget_sociallinks a.delicious {
|
|
background:url(images/delicious-icon.png) 0 0 no-repeat;
|
|
}
|
|
|
|
|
|
|
|
#navegacio {margin-left: 10px;
|
|
padding: 23px 16px 10px;
|
|
width: 438px;}
|
|
#navegacio.dins { display: inline-block;
|
|
font-size: 10px;
|
|
margin: 20px 2px 10px;
|
|
width: 448px;
|
|
padding:0;
|
|
}
|
|
|
|
/* Posts i pages
|
|
--------------------------------------------- */
|
|
|
|
#content.unic #pagina, #content.unic .post, #content.resultats #pagina {
|
|
background-color: #FFFFFF;
|
|
padding: 23px 16px 10px;
|
|
/*width: 448px;*/
|
|
width: auto;
|
|
min-height: 350px; /* sense sponsors 600px*/
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
/* aumentar anchura calendari i canal hangar */
|
|
.page-id-15261 #content.unic #pagina, .page-id-15192 #content.unic #pagina {
|
|
width: 800px;
|
|
}
|
|
|
|
#content.mix #lateca {display:inline-block; height:58px;margin-bottom:10px; width:200px;overflow:hidden;}
|
|
|
|
#content.unic p{ padding:0px 0px 15px 0px;
|
|
font-size: var(--hangar-body-font-size);
|
|
line-height:17px;}
|
|
|
|
#content .post p {
|
|
padding:0px 0px 15px 0px;
|
|
font-size: var(--hangar-body-font-size);
|
|
line-height:17px;
|
|
}
|
|
#content .post p small {
|
|
font-size:11px;
|
|
}
|
|
|
|
|
|
|
|
|
|
#content blockquote {
|
|
margin:10px 0px 20px 0px;
|
|
padding:0px 0px 0px 16px;
|
|
background:url(images/blockquote-border.jpg) 0 0 repeat-y;
|
|
font-family: var(--hangar-body-font-family);
|
|
line-height:21px;
|
|
font-style:italic;
|
|
}
|
|
#content .post blockquote p, #content .page blockquote p {
|
|
padding:0px;
|
|
}
|
|
#content blockquote p cite {
|
|
padding:5px 0px 0px 0px;
|
|
font-size:var(--hangar-body-font-size);
|
|
font-weight:bold;
|
|
}
|
|
#content address {
|
|
padding:0px 0px 20px 0px;
|
|
line-height:20px;
|
|
}
|
|
#content pre {
|
|
padding:0px 0px 20px 0px;
|
|
}
|
|
#content table {
|
|
margin:10px 0px 30px 0px;
|
|
}
|
|
#content table tr {
|
|
border-bottom:1px solid #333333;
|
|
}
|
|
#content table tr th {
|
|
padding: 10px 20px 10px 20px;
|
|
border-top:1px solid #333333;
|
|
border-left:1px solid #333333;
|
|
border-right:1px solid #333333;
|
|
}
|
|
#content table tr td {
|
|
padding: 10px 20px 10px 20px;
|
|
border-left:1px solid #333333;
|
|
border-right:1px solid #333333;
|
|
}
|
|
#content [not:.read-more] img {
|
|
background-color: #efefef; /*remove*/
|
|
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
#content img.alignleft {
|
|
margin: 5px 10px 10px 0px;
|
|
}
|
|
#content img.alignright {
|
|
margin: 5px 0px 5px 10px;
|
|
}
|
|
#content img.alignnone {
|
|
margin: 10px 0px 10px 0px;
|
|
}
|
|
#content .wp-caption {
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
#content p.wp-caption-text {
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-style:italic;
|
|
line-height:18px;
|
|
padding:7px 0px 10px 0px;
|
|
}
|
|
#content object,
|
|
#content embed,
|
|
#content iframe {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
#content .post p.meta, #content .page p.meta, #content p.meta {
|
|
display: flex;
|
|
align-items: end;
|
|
min-height: 2rem;
|
|
padding-bottom:0.3rem;
|
|
font-size:0.7rem;
|
|
line-height:0.8rem;
|
|
}
|
|
#content .post p.meta span, #content .page p.meta span, #content p.meta span {
|
|
padding:0px 0px 0px 0px;
|
|
font-size:var(--hangar-body-font-size);
|
|
line-height:14px;
|
|
}
|
|
|
|
.novista {display:block; height:28px;}
|
|
|
|
.art .novista {height:39px;}
|
|
|
|
#content.resultats #pagina h3{
|
|
padding: 20px 0 20px 0;
|
|
font-size: 14px;
|
|
line-height:16px;
|
|
color: #0043f6;
|
|
z-index: 999;
|
|
}
|
|
|
|
#content.resultats p{
|
|
font-size:var(--hangar-body-font-size);
|
|
line-height:17px;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
#content.resultats p.meta, #content.resultats p.meta span{
|
|
font-size:11px;
|
|
line-height:13px;
|
|
padding-bottom:8px;
|
|
padding-top: 10px;
|
|
|
|
}
|
|
#content.resultats div.hentry { border-bottom: 1px dotted grey; }
|
|
.cleared {clear:both;}
|
|
|
|
#content.resultats div#navi {display:block; height:30px;}
|
|
|
|
a.post-edit-link {
|
|
font-size:var(--hangar-body-font-size);
|
|
}
|
|
#content p.previous {
|
|
float:left;
|
|
font-size:11px;
|
|
}
|
|
#content p.next {
|
|
float:right;
|
|
font-size:11px;
|
|
}
|
|
|
|
#content.resultats p.previous {
|
|
padding: 10px 0;
|
|
}
|
|
#content.resultats p.next {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
|
|
|
|
p.blue {color: #0043F6;}
|
|
p.curt {
|
|
padding-bottom:1px!important;
|
|
line-height:var(--hangar-body-font-size)!important;
|
|
font-size:var(--hangar-body-font-size)!important;
|
|
}
|
|
p.peullarg {padding-bottom:20px;}
|
|
|
|
|
|
|
|
/* home index */
|
|
.head-entry {height:4rem; font-size:0.8rem;line-height:0.8rem; margin-bottom:0.5rem/*0.7rem*/; padding: 0; color: #0000FF; display: block; }
|
|
|
|
.art .head-entry {height:45px; }
|
|
|
|
.home #content.indexall p.box, {clear:both; overflow:hidden;}
|
|
|
|
img.topspimg {margin-top: 28px!important;}
|
|
|
|
.topstext {margin-bottom:41px!important; margin-top:25px!important;}
|
|
|
|
|
|
|
|
|
|
/*estils capses home i index categories, blocs i artistes */
|
|
|
|
.boxentry {line-height:15px;
|
|
height:360px;
|
|
min-width: 200px;
|
|
width: 200px;
|
|
margin-bottom:16px;
|
|
padding: 15px;
|
|
float:left;
|
|
background-color: #FFF;
|
|
position:relative;
|
|
margin-right: 15px;
|
|
-moz-box-shadow: 3px 3px 4px #91939a;
|
|
-webkit-box-shadow: 3px 3px 4px #91939a;
|
|
box-shadow: 3px 3px 4px #91939a;
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}
|
|
|
|
|
|
|
|
.hentry
|
|
.head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }
|
|
|
|
.desc .head-entry {height:95px;}
|
|
span.cat a{text-transform: uppercase; letter-spacing:normal}
|
|
.boxentry h2, #sidebar-secondary .boxentry h2{ display: inline; font-size: 0.8rem; line-height: 0.9rem; padding-top:0; color: #333333; font-weight:normal; letter-spacing:normal;}
|
|
.boxentry h2.blau a{color: #0000ff!important;}
|
|
|
|
.boxentry img.wp-post-image, .boxentry img.noimatge {margin-bottom: 0.5rem;}
|
|
|
|
.boxentry img.attachment-artists-thumb, .boxentry img.gran {margin-bottom:11.5px!important;}
|
|
|
|
.boxentry .contingut, .boxentry p.excerptbox { display:block; overflow:hidden;/*margin-bottom: 15px;*/ padding: 0;}
|
|
.boxentry .curt, .boxentry p.excerptbox {max-height: 4.9rem; height: auto/*60px*/; font-size:11.5px;}
|
|
.boxentry .mig {height: 195px;}
|
|
.boxentry .llarg {height: 225px;}
|
|
.boxentry .plus {height:327px;/*height: 331px;*/}
|
|
.boxentry .plus p{display:inline;}
|
|
|
|
/* special setting for showing excerpt image */
|
|
#post-4051 p.excerptbox { height: 250px; }
|
|
#post-4051 .novista { height: 0; }
|
|
|
|
.boxentry h2.index {font-size:23px;display:block; line-height:30px; text-transform:uppercase; font-weight: bold; margin-bottom:20px; letter-spacing:normal}
|
|
#content .boxentry .descseccio p {font-size: 13px; line-height:15px; }
|
|
#content .boxentry .descseccio p:first-child:before {content: " ─ ";}
|
|
#content .boxentry .contentcurt p:first-child:before {content: " ─ ";}
|
|
|
|
#content .boxentry h3 {letter-spacing:normal;}
|
|
#content .boxentry h3.box, #content h3.equip, #content h2.pag a {font-size:13px;line-height: 15px; padding: 0; color: #0000FF; display:inline-block; font-weight: normal;}
|
|
|
|
#content .boxentry h3.art {text-transform: uppercase;}
|
|
#content .boxentry h3.catt a {color: #333333; }
|
|
#content .boxentry h3.nosubcatt a {color: #0000ff; font-size:14px; line-height:1rem;}
|
|
#content .boxentry p.catt {color: #333333;}
|
|
#content li.linkcat h3 {font-size:14px; line-height: 16px; font-weight:normal; padding: 10px 0 5px; color: #0000ff;}
|
|
|
|
|
|
.boxpeu {clear: both; display:block; position:absolute; bottom:10px; width:200px;height: 16px;}
|
|
.peubox {float: left; margin-top:5px; }
|
|
.peudret{float: right;}
|
|
|
|
.wp-pagenavi {position:static!important; margin: 20px auto; top:auto!important; text-align:center;display:inline-table;}
|
|
|
|
#content ul#artistes li, #content ul#llista li li {font-size: 13px; line-height: 22px;}
|
|
#content ul#artistes li a, #content ul#llista li li a {color: #333333; }
|
|
#content ul#artistes li a:hover, #content ul#llista li li a:hover {color: #0000ff; }
|
|
#content ul#artistes li a span:before {content: " ─ ";}
|
|
.alfa {line-height:19px!important;}
|
|
|
|
|
|
|
|
.boxentry span.cat a:after {content: " ─ ";}
|
|
|
|
.contentbox {display:block; height:331px; margin-bottom:15px:}
|
|
|
|
#content h3.equip {height:16px!important;}
|
|
|
|
#content .boxentry:last-child {margin-left: 0px;}
|
|
|
|
#sidebar-secondary .boxentry {margin-right: 0px; margin-left:0px;}
|
|
|
|
#sidebar-secondary .boxentry p.meta{
|
|
clear:both;
|
|
overflow:hidden;
|
|
font-size:var(--hangar-body-font-size);
|
|
line-height:14px;
|
|
padding-bottom:14px;
|
|
}
|
|
|
|
#content.mix .boxentry {margin-right:4px; margin-left:4px;}
|
|
|
|
#content.unic .boxentry {margin-bottom:15px;}
|
|
|
|
/*paginacio kriesi */
|
|
|
|
.pagination {
|
|
clear:both;
|
|
padding:20px 0;
|
|
position:relative;
|
|
font-size:11px;
|
|
line-height:13px;
|
|
}
|
|
|
|
.pagination span, .pagination a {
|
|
display:block;
|
|
float:left;
|
|
margin: 2px 2px 2px 0;
|
|
padding:6px 9px 5px 9px;
|
|
text-decoration:none;
|
|
width:auto;
|
|
color:#fff;
|
|
background: #555;
|
|
}
|
|
|
|
.pagination a:hover{
|
|
color:#fff;
|
|
background: #3279BB;
|
|
}
|
|
|
|
.pagination .current{
|
|
padding:6px 9px 5px 9px;
|
|
background: #3279BB;
|
|
color:#fff;
|
|
}
|
|
/* centrar el plugin de compartir al final dels posts */
|
|
div.really_simple_share {width:220px; margin: 20px auto 5px auto; height:22px!important;}
|
|
|
|
div.really_simple_share iframe {height:22px!important;}
|
|
|
|
|
|
|
|
a.peutots {margin-bottom:15px;}
|
|
.nofons {background-color:transparent!important;}
|
|
.nopadding {padding-bottom:0px!important;}
|
|
|
|
p.carrec{ font-size: var(--hangar-body-font-size); line-height:14px; padding-bottom:20px;}
|
|
p.carrec:before {content: " - ";}
|
|
p.boxcurta{font-size:var(--hangar-body-font-size); line-height:var(--hangar-body-font-size); padding-bottom:2px;}
|
|
span.categ a{text-transform:uppercase; color: #666666;}
|
|
span.categ a:after {content: " ─ ";}
|
|
/* breadcrum */
|
|
|
|
#breadcrumb {width:100%; min-height:19px; overflow:hidden; margin: 2px 0 6px 0; }
|
|
#breadcrumb ul {list-style-type: none; }
|
|
#breadcrumb ul li {display: inline; font-size:14px; letter-spacing:normal; }
|
|
#breadcrumb ul li:after{content:" > "; color: #0000ff;}
|
|
#breadcrumb ul li:last-child:after{content:" "; }
|
|
|
|
|
|
p#sidebarr {display: inline-block; height:16px; overflow:hidden; margin: 2px 0 8px 0px; font-size:14px; letter-spacing:normal; font-weight:normal; color: #0000FF;}
|
|
|
|
|
|
/* Single Post
|
|
--------------------------------------------- */
|
|
#content .post #author-info {
|
|
margin:20px 0px 30px 0px;
|
|
padding:10px 0px 0px 0px;
|
|
border-top:1px dotted #333333;
|
|
border-bottom:1px dotted #333333;
|
|
overflow:hidden;
|
|
}
|
|
#content .post #author-avatar {
|
|
margin:5px 15px 0px 0px;
|
|
float:left;
|
|
}
|
|
#content .post #author-description {
|
|
overflow:hidden;
|
|
}
|
|
#content .post #author-description h2 {
|
|
padding:0px;
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-weight:normal;
|
|
}
|
|
#content .post #author-description h2 span {
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.1em;
|
|
}
|
|
#content .post #author-description p, .page-link {
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size:13px;
|
|
line-height:18px;
|
|
font-style:italic;
|
|
}
|
|
|
|
/* formularis inscripció */
|
|
|
|
#cformsform {width:448px; margin:0;}
|
|
|
|
#cformsform.cform label {display:block; margin-bottom:10px; width:216px; text-align:left}
|
|
#cformsform.cform label span{display:block;width:216px;}
|
|
#cformsform.cform input { display:block; margin-bottom:10px; width:216px;}
|
|
#cformsform.cform textarea { display:block; margin-bottom:10px; width:440px;}
|
|
|
|
#cformsform.cform li#li--1 {float: left; width:216px; margin-right:16px;}
|
|
#cformsform.cform li#li--2 {float: right; width:216px; margin-right:0;}
|
|
#cformsform.cform li#li--3 {float: left; width:216px; margin-right:16px;}
|
|
#cformsform.cform li#li--4 {float: right; width:216px; margin-right:0;}
|
|
#cformsform.cform li.cf-box-title {font-weight: normal; clear: both;}
|
|
#cformsform.cform li.cf-box-group {float:none; display:block; width:80px; margin-left: 20px;}
|
|
|
|
#cformsform.cform label#label--51 {float:left;height:30px; margin: 0; width: 30px;}
|
|
#cformsform.cform label.cf-after span {width:30px;}
|
|
#cformsform.cform label#label--52 {float:left;height:10px; margin: 10px 0 10px 0; width: 30px;}
|
|
#cformsform.cform input#cf_field_5-1
|
|
{float:right; width: 20px; height:0; margin: 0;}
|
|
#cformsform.cform input#cf_field_5-2
|
|
{clear:both; float:right; width: 20px; height:10px; margin: 10px 0;}
|
|
|
|
|
|
|
|
#cformsform.cform li#li--6 {clear:both;}
|
|
p.cf-sb {clear:both; }
|
|
#cformsform.cform p.cf-sb input {
|
|
-moz-border-radius: 15px 15px 15px 15px;
|
|
background: none repeat scroll 0 0 #666666;
|
|
border: medium none;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
float: right;
|
|
font-family: var(--hangar-body-font-family);
|
|
font-size: var(--hangar-body-font-size);
|
|
margin: 4px;
|
|
padding: 2px;
|
|
width: 55px; }
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
|
|
ul.catlist {list-style-type:none;}
|
|
ul.catlist li {display:inline}
|
|
|
|
.peupost {border-top: 1px solid #4e4e4e; margin-top:15px; }
|
|
#content .post p.peupostp {padding-top:6px; }
|
|
|
|
|
|
/* --- Comments --- */
|
|
|
|
#respond {clear:both;}
|
|
|
|
.post .comments-content {
|
|
margin:6px 0px 0px 0px;
|
|
border-top:1px dotted #333333;
|
|
}
|
|
#content .post #comments-content h3#comments {
|
|
padding:80px 0px 8px 0px;
|
|
border-bottom:1px dotted #333333;
|
|
font-size:16px;
|
|
}
|
|
#comments-content .comment-body p {
|
|
padding:0px 0px 10px 0px;
|
|
font-size:13px;
|
|
line-height:19px;
|
|
}
|
|
#comments-content p.moderation {
|
|
font-family:var(--sherif-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-style:italic;
|
|
color:#999;
|
|
}
|
|
#content .post #comments-content ol {
|
|
padding:0px;
|
|
}
|
|
#content .post #comments-content ol li ul.children {
|
|
padding:0px;
|
|
}
|
|
#content .post #comments-content ol li.depth-1 {
|
|
padding:25px 0px 10px 0px;
|
|
border-bottom:1px dotted #333333;
|
|
overflow:hidden;
|
|
}
|
|
#comments-content ol li.depth-2, #comments-content ol li.depth-3, #comments-content ol li.depth-4, #comments-content ol li.depth-5 {
|
|
margin:10px 0px 0px 30px;
|
|
padding:25px 0px 0px 0px;
|
|
border-top:1px dotted #333333;
|
|
border-bottom:none;
|
|
overflow:hidden;
|
|
}
|
|
.comment-meta {
|
|
padding:0px 0px 10px 0px;
|
|
font-size:var(--hangar-body-font-size);
|
|
}
|
|
.comment-gravatar {
|
|
margin:1px 15px 0px 0px;
|
|
float:left;
|
|
}
|
|
#comments-content .comment-body {
|
|
padding:0px;
|
|
overflow:hidden;
|
|
}
|
|
.reply {
|
|
margin:0;
|
|
float:right;
|
|
}
|
|
a.comment-reply-link {
|
|
font-size:var(--hangar-body-font-size);
|
|
font-weight:bold;
|
|
}
|
|
p.logged-in-as {
|
|
font-family:var(--sherif-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-style:italic;
|
|
}
|
|
#comments-content ol li.post.pingback {
|
|
margin:0px;
|
|
padding: 20px 0px 10px 20px;
|
|
list-style:none;
|
|
}
|
|
.bypostauthor {
|
|
}
|
|
|
|
span.fn {color: #0043f6;}
|
|
|
|
/* --- Comment Reply --- */
|
|
a#cancel-comment-reply-link {
|
|
padding:3px 0px 0px 0px;
|
|
float:right;
|
|
font-size:var(--hangar-body-font-size);
|
|
}
|
|
#content .post #comments-content #respond h3#reply-title {
|
|
padding:30px 0px 6px 0px;
|
|
border-bottom:1px dotted #333333;
|
|
font-size:16px;
|
|
}
|
|
#content .post form#commentform p {
|
|
font-size:13px;
|
|
}
|
|
form#commentform p.comment-notes {
|
|
padding:5px 0px 15px 0px;
|
|
font-family:var(--sherif-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-style:italic;
|
|
}
|
|
form#commentform input#author, form#commentform input#email, form#commentform input#url {
|
|
font-family:var(--sans-serif-font-family);
|
|
height:22px;
|
|
}
|
|
form#commentform textarea#comment {
|
|
width:90%;
|
|
padding:3px;
|
|
font-family:var(--sans-serif-font-family);
|
|
}
|
|
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
|
|
padding:10px 0px 0px 0px;
|
|
}
|
|
form#commentform p.form-submit input#submit {
|
|
margin:8px 0px 10px 1px;
|
|
padding:6px 8px 6px 8px;
|
|
background:#333333;
|
|
border:none;
|
|
font-family:var(--sans-serif-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
color:#fff;
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
|
|
/* WordPress Image Gallery
|
|
--------------------------------------------- */
|
|
.gallery {
|
|
margin: auto;
|
|
padding:5px 0px 5px 0px;
|
|
}
|
|
.gallery .gallery-item {
|
|
width: 100% !important;
|
|
position: relative;
|
|
}
|
|
.gallery .gallery-item:not(:first-of-type) {
|
|
display: none;
|
|
}
|
|
.gallery img {
|
|
border: none !important;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.gallery .gallery-caption {
|
|
margin-left: 0;
|
|
padding: 5px 0px 8px 0px;
|
|
font-family:var(--sherif-font-family);
|
|
font-size: var(--hangar-body-font-size);
|
|
font-style: italic;
|
|
line-height: 16px;
|
|
color: #03F;
|
|
display: inline-block /*block!important*/;
|
|
}
|
|
|
|
.gallery .gallery-icon a::after {
|
|
content: "";
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: calc(50% - 1rem);
|
|
right: 1.5rem;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="rgba(200,200,200,0.8)"/></svg>') center center no-repeat;
|
|
background-color: rgba(150,150,150,0.8);
|
|
background-size: 50%;
|
|
border-radius: 2rem;
|
|
}
|
|
|
|
/* Footer
|
|
--------------------------------------------- */
|
|
.wrapfooter {
|
|
max-width: 1237px;
|
|
/*padding: 20px 0px 20px 20px;*/
|
|
padding: 1rem 1rem 0.3rem 1rem;
|
|
z-index: 0;
|
|
font-size: var(--hangar-body-font-size);
|
|
font-family: var(--hangar-body-font-family);
|
|
display:flex;
|
|
}
|
|
|
|
.wrapfooter p {
|
|
line-height:19px;
|
|
font-size:var(--hangar-body-font-size);
|
|
color: #808080;
|
|
}
|
|
.wrapfooter .credits p {
|
|
font-size: var(--hangar-body-font-size-small);
|
|
}
|
|
.wrapfooter .col {
|
|
width: unset;
|
|
padding: 1rem 0;
|
|
}
|
|
.wrapfooter .credits a{
|
|
color: #A3A7A5!important;
|
|
}
|
|
|
|
@media screen and (max-width:768px) {
|
|
.wrapfooter{
|
|
width: 100vw;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
@media screen and (min-width:768px) {
|
|
.wrapfooter{
|
|
/*flex-direction: row;*/
|
|
}
|
|
.wrapfooter .col {
|
|
margin-right: 1rem;
|
|
width: auto;
|
|
padding:0;
|
|
margin-right: 3rem;
|
|
}
|
|
.wrapfooter .logo {
|
|
width:140px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.wrapfooter .org {
|
|
margin-right: 8rem;
|
|
}
|
|
/*
|
|
.wrapfooter .tels {
|
|
}
|
|
*/
|
|
/*
|
|
.wrapfooter .inf {
|
|
}
|
|
*/
|
|
/*
|
|
.wrapfooter .legal {
|
|
}
|
|
*/
|
|
|
|
.wrapfooter .credits {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
|
|
/* .center {text-align:center;}
|
|
.col {float: left; }
|
|
.logo { width:140px; margin:0;}
|
|
.org { width:278px;}
|
|
.tels { width:170px;}
|
|
.inf{width: 267px;}
|
|
.legal {width:68px;padding-top:30px;padding-left: 30px;}
|
|
.credits {width:150px; font-size:9px; color: #A3A7A5; margin-top:9px;}
|
|
.credits a{color: #A3A7A5!important;} */
|
|
|
|
|
|
/* Archives
|
|
--------------------------------------------- */
|
|
h1.archive {
|
|
margin:0px 0px 25px 0px;
|
|
padding: 0px 0px 10px 0px;
|
|
border-bottom:1px dotted #333333;
|
|
font-family:var(--sherif-font-family);
|
|
font-size:var(--hangar-body-font-size);
|
|
font-weight:normal;
|
|
font-style:italic;
|
|
letter-spacing:0.1em;
|
|
}
|
|
h1.archive strong {
|
|
font-style:normal;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
/* Pages
|
|
--------------------------------------------- */
|
|
#page {
|
|
margin-bottom:50px;
|
|
padding:0px 0px 6px 0px;
|
|
border-bottom:1px dotted #333333;
|
|
}
|
|
#page h1 {
|
|
padding:0px 0px 20px 0px;
|
|
font-size: 20px;
|
|
line-height:26px;
|
|
}
|
|
#page h2 {
|
|
font-size: 16px;
|
|
line-height:23px;
|
|
}
|
|
#page p {
|
|
padding:0px 0px 15px 0px;
|
|
font-size: 14px;
|
|
line-height:23px;
|
|
}
|
|
#page p small {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* FLOATS CLEARING
|
|
--------------------------------------------- */
|
|
.clear {
|
|
clear:both;
|
|
display:block;
|
|
overflow:hidden;
|
|
visibility:hidden;
|
|
width:0;
|
|
height:0;
|
|
}
|
|
.clearfix:after {
|
|
clear:both;
|
|
content:' ';
|
|
display:block;
|
|
font-size:0;
|
|
line-height:0;
|
|
visibility:hidden;
|
|
width:0;
|
|
height:0
|
|
}
|