/* Theme Name: Institutjp Theme URI: Description: Version: 2.0 Author: Author URI: Tags: License: GNU General Public License v2.0 & Apache License 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0 */ /* For modern browsers */ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { zoom:1; } /* wp-specific classes */ .wp-caption{ } .wp-caption-text{ } .sticky{ } .gallery-caption{ } /* for fun */ /* To fix the slider. * { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } */ /* layout */ body { margin: 0; padding: 0; padding-top: 0; background: url(images/container_bg.gif) repeat; } .nav-container { padding-left: 0; padding-right: 0; } #inner-header { width: 100%; } input, textarea, select, .uneditable-input { margin-bottom: 0; } .navbar-form, .navbar-search { margin: 0 0 9px; } .navbar-search { padding-left: 0; } #s { width: 100px; } #content { padding: 10px 0 0; } .more-link { white-space: nowrap; } .footer-links { float: right; margin-bottom: 18px; } #menu-footer-nav { list-style-type: none; margin-left: 0; } #menu-footer-nav li { float: left; margin-left: 10px; } /* ------------------------- header ------------------------- */ /* header navigation */ #inner-header { width: 940px; margin: 0 auto; background: #FFF; } #inner-header nav { min-height: /*123px*/ 164px; padding: 5px; font-size: 0.9em; } #inner-header nav #logo { position: relative; top: 13px; left: 10px; } #inner-header nav .head-right { float: right; } #inner-header nav #logospace { float:left;} #inner-header nav #ifj { float:left; margin-left:20px; padding-top:10px;} #inner-header nav #ifj ul li { color:#cccccc; list-style:none; list-style-position:inside; font-size:16px; line-height:1.2;} #inner-header nav #ifj ul li img {vertical-align:bottom;} /* header_language_list */ #header_language_list ul { list-style: none; } #header_language_list li img { display: none; } #header_language_list li .icl_lang_sel_translated { display: none; } #header_language_list li { display: block; float: right; } #header_language_list li span.icl_lang_sel_native { display: block; margin: 0 6px 0 0; padding: 5px 20px; background: #ddd; color: #666; line-height: 18px;} #header_language_list li a { display: block; float: right; } #header_language_list li span.icl_lang_sel_current { display: block; margin: 0 6px 0 0; padding: 5px 20px; background: #008ccb; color: #FFF; line-height: 18px; } /* new language switcher */ #lang_sel_list ul {margin-top: 5px;} #lang_sel_list ul, #lang_sel_list li {list-style: none; border: none; float:left;} #lang_sel_list li a { display: block; float: right; line-height: 18px; text-decoration: none;} #lang_sel_list ul a.lang_sel_other { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #ddd !important; color: #666 !important; line-height: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif} #lang_sel_list ul a.lang_sel_sel { display: block; margin: 0 6px 0 0; padding: 5px 20px; background-color: #008ccb !important; color: #FFF !important; line-height: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif} #lang_sel_list ul a.lang_sel_sel:hover { opacity: 1; cursor: default} #inner-header nav .head-nav { margin-top:80px; clear: right; float: right; padding: /*68px*/28px 0 10px 0; top: 0px; color: #008ccb; } #inner-header nav .head-nav a { padding: 0 5px; color: #008ccb; } *+html #inner-header nav .head-right { width: 210px; float: right; } *+html #inner-header nav #logo { width: 300px; float: left; } *+html #inner-header nav .head-nav { width: 210px; left: 60px; } *+html #inner-header nav #header_language_list { /* width: 270px; */ } #inner-header nav .nav-pills { float: right; position: relative; top: 6px; left: 21px; } *+html #inner-header nav .nav-pills { float: right; width: 310px; position: relative; top: -3px; left: 61px; } /* nav-header */ #nav-header { width: 940px; margin: 10px auto 0 auto; background: #008ccb; } #nav-header nav { font-size: 1.05em; font-weight: bold; } #nav-header nav ul { margin: 0; padding: 0; } #nav-header nav li { display: block; float: left; margin: 0; padding: 0; border-left: solid 1px #FFF; line-height: 1.1em; color: #FFF; } #nav-header nav a { display: block; float: left; height: 40px; padding: 5px 6px 0; color: #FFF; } #nav-header nav .current { background: #FFF; color: #008ccb; } #nav-header nav ul .page-item-153 { display: none; } #nav-header nav a { display: block; float: left; height: 40px; padding: 5px 10px 0 10px; color: #FFF; } #nav-header nav #japon a { display: block; float: left; height: 40px; padding: 0px; color: #FFF; } #nav-header nav ul .current_page_item { background: #FFF; } #nav-header nav ul .current_page_item a { color: #008ccb; } #nav-header nav ul .current-menu-item { background: #FFF; } #nav-header nav ul .current-menu-item a { color: #008ccb; } /* Institut yokohama */ #nav-header nav .menu-item-327 { width: 80px; text-align:center; } #nav-header nav .menu-item-328 { width: 120px; text-align:center; } #nav-header nav .menu-item-334 { width: 85px; text-align:center; } #nav-header nav .menu-item-338 { width: 100px; text-align:center; } #nav-header nav .menu-item-339 { width: 100px; text-align:center; } #nav-header nav .menu-item-340 { width: 105px; text-align:center; } #nav-header nav .menu-item-341 { width: 120px; text-align:center; } #nav-header nav .menu-item-342 { width: 100px; text-align:center; } #nav-header nav .menu-item-343 { width: 100px; text-align:center; } #nav-header nav .menu-item-344 { width: 90px; text-align:center; } #nav-header nav .menu-item-366 { width: 90px; text-align:center; } /* Institut kyushu */ #nav-header nav .menu-item-395 { width: 75px; text-align:center; } #nav-header nav .menu-item-401 { width: 95px; text-align:center; } #nav-header nav .menu-item-402 { width: 90px; text-align:center; } #nav-header nav .menu-item-406 { width: 100px; text-align:center; } /* services */ #nav-header nav .menu-item-407 { width: 115px; text-align:center; } #nav-header nav .menu-item-409 { width: 115px; text-align:center; } #nav-header nav .menu-item-457 { width: 90px; text-align:center; } /* Institut kyushu fr */ #nav-header nav .menu-item-410 { width: 78px; text-align:center; } /* Accueil */ #nav-header nav .menu-item-403 { width: 146px; text-align:center; } /* Que fait l'Institut? */ #nav-header nav .menu-item-405 { width: 146px; text-align:center; } /* Cours de français */ #nav-header nav .menu-item-9263 { width: 100px; text-align:center; } /* Séminaires et ateliers */ #nav-header nav .menu-item-9267 { width: 90px; text-align:center; } /* Examens */ #nav-header nav .menu-item-458 { width: 134px; text-align:center; } /* Agenda culturel */ #nav-header nav .menu-item-9265 { width: 105px; text-align:center; } /* Médiathèque */ #nav-header nav .menu-item-408 { width: 100px; text-align:center; } /* Partenaires */ /* Institut kansai Jp */ #nav-header nav .menu-item-493 { width: 70px; text-align:center; } /* ホーム */ #nav-header nav .menu-item-500 { width: 90px; text-align:center; } /* 総合案内 */ #nav-header nav .menu-item-497 { width: 120px; text-align:center; } /* フランス語講座 */ #nav-header nav .menu-item-11910 { width: 120px; text-align:center; } /* 資格試験 */ #nav-header nav .menu-item-566 { width: 110px; text-align:center; } /* 文化イベント */ #nav-header nav .menu-item-11910 { width: 90px; text-align:center; } /* 資格試験 */ #nav-header nav .menu-item-11911 { width: 110px; text-align:center; } /* フランス留学 */ #nav-header nav .menu-item-11912 { width: 120px; text-align:center; } /* メディアテーク */ #nav-header nav .menu-item-11913 { width: 70px; text-align:center; } /* カフェ */ /* Institut kansai Fr */ #nav-header nav .menu-item-507 { width: 70px; text-align:center; } /* Accueil */ #nav-header nav .menu-item-501 { width: 145px; text-align:center; } /* Que fait l'Institut? */ #nav-header nav .menu-item-503 { width: 145px; text-align:center; } /* Cours de français */ #nav-header nav .menu-item-11914 { width: 95px; text-align:center; } /* Diplômes et tests */ #nav-header nav .menu-item-567 { width: 135px; text-align:center; } /* Agenda culturel */ #nav-header nav .menu-item-11915 { width: 95px; text-align:center; } /* Apprendre en France */ #nav-header nav .menu-item-11916 { width: 105px; text-align:center; } /* Médiathèque */ #nav-header nav .menu-item-11917 { width: 70px; text-align:center; } /* Le café */ /* Institut tokyo Jp */ #nav-header nav .menu-item-1310 { width: 70px; text-align:center; } /* ホーム */ #nav-header nav .menu-item-1312 { width: 80px; text-align:center; } /* 総合案内 */ #nav-header nav .menu-item-1633 { width: 75px; text-align:center; } /* イベント */ #nav-header nav .menu-item-1316 { width: 90px; text-align:center; } /* フランス語講座 */ #nav-header nav .menu-item-18573 { width: 90px; text-align:center; } /* 通信･オンライン講座 */ #nav-header nav .menu-item-18574 { width: 75px; text-align:center; } /* フランス留学 */ #nav-header nav .menu-item-18575 { width: 80px; text-align:center; } /* 資格試験 */ #nav-header nav .menu-item-18576 { width: 120px; text-align:center; } /* メディアテーク */ #nav-header nav .menu-item-18577 { width: 120px; text-align:center; } /* ラ・ブラスリー */ #nav-header nav .menu-item-1314 { width: 90px; text-align:center; } /* パートナーシップ */ /* Institut tokyo Fr */ #nav-header nav .menu-item-1347 { width: 80px; text-align:center; } /* Accueil */ #nav-header nav .menu-item-1339 { width: 90px; text-align:center; } /* Que fait l'Institut? */ #nav-header nav .menu-item-1632 { width: 90px; text-align:center; } /* Agenda culturel */ #nav-header nav .menu-item-11631 { width: 100px; text-align:center; } /* Cours de français */ #nav-header nav .menu-item-18582 { width: 95px; text-align:center; } /* Étudier en France */ #nav-header nav .menu-item-18583 { width: 110px; text-align:center; } /* Certifications */ #nav-header nav .menu-item-18584 { width: 105px; text-align:center; } /* Médiathèque */ #nav-header nav .menu-item-18585 { width: 110px; text-align:center; } /* La Brasserie */ #nav-header nav .menu-item-1345 { width: 95px; text-align:center; } /* Partenaire */ /* breadcrumb-header */ #breadcrumb-header { width: 940px; margin: 10px auto 0 auto; background: #FFF; } #breadcrumb-header nav { padding: 10px; color: #666; } #breadcrumb-header nav .breadcrumbs { float: left; margin: 0; padding: 0 0 10px; max-width: 660px; } #breadcrumb-header nav form { float: right; margin: 0; padding: 0; } #breadcrumb-header nav form input { margin: 0; } form.search-nav { background: url(images/search_icon.jpg) right -3px no-repeat; } form.search-nav input { background: #efefef; border: none; position: relative; top: -5px; right: 30px; color: #999; } #inner-header a:hover img { opacity: 0.5; filter: alpha(opacity=60); } #inner-header a:hover { opacity: 0.5; filter: alpha(opacity=60); } #inner-header nav #header_language_list a:hover { opacity: 0.5; filter: alpha(opacity=60); text-decoration: none; } #nav-header nav a:hover { opacity: 0.6; filter: alpha(opacity=70); text-decoration: none; } #breadcrumb-header a:hover { opacity: 0.5; filter: alpha(opacity=60); } /* ------------------------- main-banner ------------------------- */ #main-banner { height: 300px; margin: 0px auto 0px auto; padding: 0; } #main-banner-nav { margin: 0 auto; padding: 0; } #main-banner .carousel-inner { width: 700px; margin: 0 auto; padding: 0; } #main-banner-inner { width: 700px; margin: 0 auto; padding: 0; } #main-banner .main-banner-desc { width: 218px; height: 290px; overflow: hidden; float: left; margin: 0 10px 0 0; padding: 2px 0 0 0px; background: #FFF; position: relative; } #main-banner .main-banner-desc h4.banner-desc-title { margin: 5px 10px 0; font-weight: normal; color: #008ccb; line-height: 1em; } /* ------------------------- added by ch 130515 ------------------------- */ #main-banner .main-banner-desc h4.banner-desc-title .gris { color: #666666; } #main-banner .main-banner-desc p.banner-desc { margin: 0px 10px 10px; font-size: 0.9em; max-height: 200px; overflow: hidden; } #main-banner .main-banner-desc .banner-desc { margin: 7px 0px 0px; font-size: 0.9em; line-height: 1.2em; } #main-banner .main-banner-desc .banner-desc a { display: block; padding: 3px 0px 0px; text-align: right; } #main-banner .main-banner-desc .banner-desc img { margin: 0px 0px 5px; } #main-banner .main-banner-desc img { } #main-banner .main-banner-desc aside.banner-desc-footer { margin: 0px 10px 10px; font-size: 0.85em; color: #AAA; } /* carousel */ .carousel { float: left; margin: 0; padding: 0; overflow: hidden; } .carousel img { /* width: 460px; height: 290px; */ background: #333; } /* .carousel-inner { margin: 0 auto; padding: 0; } */ .carousel-caption { /* position: relative; top: -100px; */ height: 85px; overflow: hidden; } .carousel-caption h4 { margin: 0 0 4px 0; color: #FFF; } .carousel-caption h4 a { color: #FFF; } .carousel-caption p { height: 54px; overflow: hidden; color: #CCC; } .carousel-inner img { margin: 0px; padding: 0; } /* ------------------------- container ------------------------- */ .container-fluid { margin: 0 auto; padding: 0; } #inner-footer{ padding: 0; } #content { width: 940px; margin: 0 auto; padding-left: 0px; padding-right: 0px; } #main { margin: 0 auto; padding-left: 0px; padding-right: 0px; } #content .span9 { margin: 0 0 10px 20px; } /* ------------------------- contents top ------------------------- */ /* top-contents */ #top-contents header { margin: 0px 0 0px; padding: 18px 10px 13px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; font-size: 1.8em; font-weight: bold; color: #008ccb; } #top-contents { width: 700px; } #top-contents .row { margin: 0 0px 0 -20px; } #top-contents .row .span4 { width: 340px; margin: 0 0px 0 20px; background: #FFF; } #top-contents .row #recommended.span4 { position: relative\9; left: 20px\9; margin: 0 0px 0 0px\9; } #top-contents #events .post-content { margin: 10px; clear: both; max-height: 60px; overflow: hidden; } #top-contents #recommended .post-content { margin: 10px; clear: both; max-height: 60px; overflow: hidden; } #top-contents .post-meta { margin: 0px; line-height: 1.2em; font-size: 0.9em; } #top-contents .post-img { margin: 0px; float: left; line-height: 1em; } #top-contents #recommended .post-img { /* max-height: 53px; height: 53px; overflow: hidden; */ } #top-contents .post-img img { margin: 0 10px 0 0px; max-width: 53px; /* height: 53px; overflow: hidden; */ } #top-contents #events .post-img img { margin: 0 10px 0 0px; width: 91px; } #top-contents .post-title { margin: 0 0 4px 0; font-size: 0.9em; line-height: 1.2em; letter-spacing: 0; color: #008ccb; max-height: 28px; overflow: hidden; } #top-contents #recommended .post-desc { margin: 0px; font-size: 0.85em; line-height: 1.25em; max-height: 40px; overflow: hidden; } #top-contents #events .post-desc { margin: 0px; font-size: 0.85em; line-height: 1.25em; max-height: 40px; overflow: hidden; } .post-category { margin: 0 0 10px 0; color: #999; font-size: 1em; line-height: 1em; font-weight: bold; } #news-nav header { margin: 3px 0 0 0; border-bottom: solid 1px #008ccb; } #news-nav #dans-le-monde .post-content { margin: 5px 10px 8px 10px; clear: both; max-height: 50px; overflow: hidden; } #news-nav #dans-le-monde .post-meta { margin: 0px; line-height: 1.2em; } #news-nav #dans-le-monde .post-title { margin: 3px 0; font-size: 0.9em; line-height: 1.2em; letter-spacing: 0; color: #008ccb; } #news-nav #dans-le-monde .post-desc { margin: 0px; font-size: 0.85em; line-height: 1.2em; } /* ------------------------- contents page ------------------------- */ .page-template-page-left-sidebar-php #main { background: #FFF; } .page-template-page-left-sidebar-php #content.row-fluid .span9 { margin: 0 0 10px 20px; } .page #main a { text-decoration: underline; } /* post styling */ #main .page-header { margin: 0px 0 0px 0; padding: 20px 10px 15px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; color: #5a5a5a; } #main .page-header h1 { color: #5a5a5a; font-size: 2.5em; line-height: 1.4em;} #main .post_content { margin: 0px 0 10px 0; padding: 20px 10px; background: #FFF; } #main .post_content .colonnegauche {width: 320px; padding: 0px; float: left;} #main .post_content .colonnedroite {width: 320px; padding: 0px; float: right;} #main .post_content #enfrance { margin-left:-10px !important; margin-right:0 !important; padding:0 !important; width:700px; } /* ------------------------- contents page ------------------------- */ .page-template-page-left-sidebar-php #main { background: #FFF; } .page-template-page-left-sidebar-php #content.row-fluid .span9 { margin: 0 0 10px 20px; } .page #main a { text-decoration: underline; } /* post styling */ #main .page-header { margin: 0px 0 0px 0; padding: 20px 10px 15px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; color: #5a5a5a; } #main .page-header h1 { color: #5a5a5a; font-size: 2.5em; } #main p.meta { padding: 10px 10px 0 10px; color: #808080; } /* #main article { margin-bottom: 18px; border-bottom: 1px solid #eeeeee; padding: 0 0 9px; } .sidebar { margin-top: 18px !important; margin-bottom: 10px; } #main article footer { border-top: none; margin-top: 0; padding-top: 0; position: relative; min-height: 20px; } #main article footer a.edit-post { position: absolute; right: 0; top: 0; display: none; } .post:hover a.edit-post{ display: inline; } */ p.tags{ line-height: 20px; } div[id*='attachment_']{ max-width: 100%; height: 100%; } #credit320{ background: url('images/320press_mini.png') no-repeat left top transparent; padding-left: 20px; } #main article img{ max-width: 100%; } img.alignleft{ margin-right: 10px; float: left; } img.alignright{ margin-left: 10px; float: right; } img.aligncenter{ display: block; margin: 0 auto; } .post header img{ margin-bottom: 18px; } .archive #main .post h3{ line-height: 24px; margin-bottom: 10px; } video { max-width: 100%; height: auto; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper { width: 630px; max-width: 100%; margin-bottom: 18px; } /* page styling */ .page-template-page-homepage-php #main article{ border-bottom: none; } .page-template-page-homepage-php .hero-unit, .blog .hero-unit{ margin: 0 0 10px 0; padding: 1em; } .hero-unit h1 { font-size: 3em; } .page-template-page-homepage-php #main { width: 940px; margin: 0; padding: 0; } .page-template-page-homepage-php #main .row-fluid { margin: 0; padding: 0; } .page-template-page-homepage-php #main .row-fluid .span8 { margin: 0; padding: 10px; } .page-template-page-homepage-php #sidebar2 { max-width: 220px; margin: 0 0 0 20px; padding: 10px; } .page-template-default #main { background: #FFF; } .page-template-default .row-fluid .span9 { margin: 0 0 10px 0px; } .search-results #main article header { margin: 0px 0 0px 0; padding: 15px 10px 0px 30px; background: #FFF url(images/blue_arrow.jpg) 15px 23px no-repeat; color: #5a5a5a; } .search-results #main article .post_content { margin: 0; padding: 10px 10px 15px 10px; border-bottom: dotted 1px #CCC; } #post-not-found header { margin: 0px 0 0px 0; padding: 15px 10px 0px 10px; background: #FFF; color: #5a5a5a; } /* ------------------------- contents single ------------------------- */ .single #main { background: #FFF; } .single #main.span9 { margin: 0 0 10px 20px; } .single #main a { text-decoration: underline; } .error404 #main.span12 { margin: 0 0 -10px 0px; } /* contents archive */ .archive #main { background: #FFF; } .archive #main.span9 { margin: 0 0 10px 20px; } .archive #main a { text-decoration: underline; } /* comments */ #comments { line-height: 24px; margin-bottom: 18px; } ol.commentlist, ol.commentlist ul.children{ list-style-type: none; margin-left: 0; } .comment .vcard div{ margin-top: 8px; padding: 0 10px; } ol.commentlist time{ font-size: .8em; color: #eeeeee; } ol.commentlist div.comment-author{ position: relative; } ol.commentlist a.comment-edit-link{ color: #ffffff; text-decoration: none; padding-left: 5px; } ol.commentlist span.edit-comment{ position: absolute; right: 10px; top: 8px; } ol.commentlist li.bypostauthor{ background-color: #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.comment-reply-link{ position: absolute; right: 0; bottom: 0; } #cancel-comment-reply{ padding-left: 20px; } #comment-nav ul{ list-style-type: none; margin: 0; } #comment-form-elements{ list-style-type: none; margin: 0; } .comment .vcard .avatar{ padding-right: 0; } .comment .vcard .comment-text{ margin-left: 0; } img.avatar{ border-top: 1px solid #ddd; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #ddd; } ol.commentlist li{ padding-right: 10px; background-color: #F0F0F0; } #comment{ width: 270px; } #main .alert { margin: 0 10px 15px; } /* specific post-type styles */ /* pagination */ .pagination { margin: 20px 10px 10px; } /* image attachment */ .attachment #main .post_content img{ max-width: 100%; } .ie8 #main .media-grid img{ max-height: none !important; max-width: none !important; } .attachment-img{ margin-bottom: 18px; } .metadata p.alert-message{ margin-right: 0; margin-bottom: 18px; } #gallery-nav{ list-style-type: none; margin-left: 0; } li.next a, li.previous a{ position: relative; } li.next a:hover:before{ content: "\2190"; position: absolute; display: block; top: 42%; left: 0; background-color: #BFBFBF; color: #444; width: 20px; height: 20px; padding-left: 5px; text-decoration: none; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } li.previous a:hover:before{ content: "\2192"; position: absolute; display: block; top: 42%; right: 0; background-color: #BFBFBF; color: #444; width: 20px; height: 20px; padding-left: 5px; text-decoration: none; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } /* ------------------------- widget ------------------------- */ /* widget styles */ .widget { margin-bottom: 8px; background: #FFF; } .widgettitle { margin: 0px 0 0px; padding: 10px; background: #FFF url(images/line_bg.jpg) left bottom repeat-x; font-size: 1.3em; font-weight: normal; color: #008ccb; line-height: 1.3em; } .widgetbox-title { margin: 0px 0 2px; padding: 0px; font-size: 0.9em; font-weight: normal; color: #333333; } .widgetbox { margin-bottom: 8px; background: #FFF; line-height: 0; } .home .widget_pages { display: none; } .widget_search { height: 30px; padding: 10px; } .input-prepend #search { width: 45%; } .widget ul { margin: 0px 0 0px; padding: 0px 0 0 0; list-style: none; } .widget ul li { margin: 0 0 0px; background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; } .widget ul li a { display: block; padding: 10px 5px 8px 25px; font-weight: bold; color: #5a5a5a; } .widget ul li a:hover { background: #FFFFFF url(images/blue_arrow.jpg) 10px 15px no-repeat; color: #008ccb; text-decoration: none; } .widget ul li a:hover { opacity: 1.0; filter: alpha(opacity=100); } .widget_pages { } .widget_pages ul { margin: 0px 0 0px; padding: 0px 0 0 0; list-style: none; } .widget_pages ul li.page_item { margin: 0 0 0px; background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; } .widget_pages ul li.current_page_item { margin: 0 0 0px; background: url(images/blue_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; } .widget_pages ul li.page_item li { margin: 0 0 0px; padding: 0 0 0 10px; background: #eeeeee url(images/gray_arrow.jpg) 20px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; } .widget_pages ul li.page_item li { margin: 0; /*border-left: solid 10px #666; stopped 21/01/2014*/ } .widget_pages ul li.page_item a { display: block; padding: 10px 5px 8px 25px; font-weight: bold; color: #5a5a5a; } .widget_pages ul li.page_item a:hover { background: #FFFFFF url(images/blue_arrow.jpg) 10px 15px no-repeat; color: #008ccb; text-decoration: none; } .widget_pages ul li.page_item a:hover { opacity: 1.0; filter: alpha(opacity=100); } .widget ul li { margin: 0 0 0px; background: url(images/blue_arrow.jpg) 10px 15px no-repeat; border-bottom: dotted 1px #d3d0d0; } .widget ul li a { display: block; padding: 10px 5px 8px 25px; color: #008ccb; } .widget ul li a:hover { background: #eeeeee url(images/gray_arrow.jpg) 10px 15px no-repeat; color: #5a5a5a; text-decoration: none; } .widget ul li a:hover { opacity: 1.0; filter: alpha(opacity=100); } #icl_lang_sel_widget #lang_sel { height: 30px; padding: 10px; } .icl_languages_selector ul { margin: 0px 0 0px; padding: 0px 0 0 0; list-style: none; } .icl_languages_selector ul li { border: none; margin: 0 0 0px; } .icl_languages_selector ul li a { padding: 0; color: #008ccb; } #mail-magazine { margin-bottom: 8px; padding: 7px 7px 3px; background: url(images/gray_line.jpg) repeat; } #mail-magazine .widgetbox-title { background: url(images/mail.jpg) right top no-repeat; } #mail-magazine .magazine-title { margin: 0px 0 0px; font-size: 1.3em; font-weight: normal; color: #008ccb; } #mail-magazine .controls { margin: 5px 0; } #mail-magazine .controls .span2 { width: 65%; } #widget-social { margin: 0 0 10px 0; padding: 7px 10px 10px; } #widget-social .widgetbox-title { margin: 0 0 10px 0; } #widget-social ul.social { margin: 0; padding: 3px 0px; text-align: center; } #widget-social ul.social li { display: inline; margin: 0; padding: 0; } #widget-links { margin: 0 0 0px 0; padding: 5px 10px 20px 10px; text-align: center; } #widget-links a { display: block; padding: 10px 0; border-bottom: dotted 1px #ddd; } .widget a:hover { opacity: 0.5; filter: alpha(opacity=60); } .widgetbox a:hover { opacity: 0.5; filter: alpha(opacity=60); } #tag-cloud{ margin-bottom: 18px; line-height: 160%; } /* for some reason the bs version currently available for download doesn't have this style */ .label{ text-transform: uppercase; } /* override standard link hover for the tag cloud widget */ #tag-cloud a:hover, .tags a:hover{ color: #ffffff; text-decoration: none; } #tag-cloud a{ white-space: pre; text-transform: uppercase; } /* change default form padding for search */ .widget_search form{ padding-left: 0; } .widget_search input{ width: 121px; } /* calendar widget */ #calendar_wrap { border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; } #wp-calendar { width: 100%; } #wp-calendar caption{ font-weight: bold; padding: 8px; } #wp-calendar tr{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #wp-calendar tr:last-child{ border-bottom: none; } #wp-calendar td{ text-align: center; padding: 8px 0; } blockquote.pull-left{ padding-right: 15px; } /* footer-inner */ #inner-links { width: 940px; margin: 0 auto 10px auto; padding: 10px 0 5px 0; background: #FFF; } #inner-links .row { margin: 0 0px 0 0px; } #inner-links .row .span2 { padding: 0 20px 0 0px; border-right: dotted 1px #CCCCCC; } /* ------------------------- footer ------------------------- */ #inner-footer { width: 940px; min-height: 85px; margin: 0 auto 20px auto; padding: 0px 0; background: #FFF; color: #008ccb; } #inner-footer nav { float: left; } #inner-footer #mark { position: relative; top: 14px; padding: 14px; } #inner-footer span.attribution { display: block; position: relative; top: -8px; left: 150px; } #inner-footer #logo_s { position: relative; top: 14px; right: 14px; } #inner-footer a:hover { opacity: 0.5; filter: alpha(opacity=60); } @media only screen and (min-width: 940px) { body{ padding-top: 20px; } .topbar-inner{ padding: 0; } .topbar form.pull-right { float: right; } .navbar-form, .navbar-search { margin-top: 6px; margin-bottom: 0; } .navbar-search{ padding-left: 0; } .sidebar { margin-top: 0 !important; } .widget_search input{ width: 230px; } .blog .hero-unit{ margin-top: 10px; } .page-template-page-homepage-php .hero-unit, .blog .hero-unit{ padding: 60px; } .hero-unit h1 { font-size: 60px; } /* hide edit comment button and show on hover on desktop version */ .edit-comment{ display: none; } .vcard:hover .edit-comment{ display: inline-block; } #s{ width: 210px; } .widget_search input{ width: 203px; } .comment .vcard .comment-text{ padding-left: 0; padding-right: 0; } } /* float */ .floatwrapper { overflow: hidden; zoom: 1; } .floatleft { float: left;} .floatright { float: right;} .right, .left { overflow: hidden; zoom: 1; word-wrap: break-word; } .right img, .left img { max-width: 100%; height: auto; } .caption { background-color: #D9EDF7; padding: 4px; margin-bottom: 10px; } table.infotable th { text-align: left; } table.infotable td { text-align: right; } .myCarousel img { max-height: 100%; max-width: 100%; } /* events */ .event-details { background-color: #D9EDF7; padding: 10px; margin: 20px; } .event-details ul { margin: 0; padding: 10px 10px 10px 20px; } .event-details img { margin-top: 10px; } li.display- { display: none; } .single-event-details { background-color: #D9EDF7; padding: 20px; margin-bottom: 20px; } /* MyThumbnail */ .myPic { margin-right: 10px; } /* ------------------------- event-content-archive ------------------------- */ #main .event section.event-content-archive { margin: 0; padding: 0; } #main .event section.event-content-archive a { padding: 10px 10px; display: block; min-height: 145px; text-decoration: none; } #main .event section.event-content-archive a:hover { background: #FFF; } .event-excerpt a:hover, .workshop-excerpt a:hover, #past-events .event-excerpt a:hover{ background: #eee; border-color: #666; } .event-excerpt h2, .partner h2 { color: #000; } .event-img { float: left; margin: 0 20px 10px 0px; padding: 0; height: 100px; width: 100px; background: #EEE; } .event-img img { margin: 0; padding: 0; } .event-info { margin: 0 65px 0 120px; color: #333; font-size: 0.9em; } .event-info header { display: block; margin: 0px 0 10px 0; } .event-info small { display: block; margin: 5px 0 0 0; color: #008ACB; } .event-info small strong { color: #333; } .event-calendar { display: block; float: right; width: 55px; margin: 0px; text-align: right; } .fromto { display: block; background: url(images/arrow_down_s.gif) 2px center no-repeat; width: 20px; height: 20px; text-align: center; margin: 0px auto; color: #bbb; } .mini-cal { background: url(images/cal_bg.gif) no-repeat top left; width: 50px; height: 63px; overflow: hidden; text-align: center; } .one-day .end-date{ display: none; } .today .mini-cal { background: url(/css/images/cal-bg-today.png) no-repeat top left; } #past-events .mini-cal { background: url(/css/images/cal-bg-past.png) no-repeat top left; } #past-events .mini-cal .month { color: #eee; } .mini-cal .month { border: 0; margin: 0; color: #FFF; padding: 0; margin: 10px 0 9px 0; font-weight: bold; } .mini-cal .day { border: 0; background: none; margin: 0; padding: 0; line-height: 14px; color: #666; font-weight: bold; font-size: 2em; } #event-cats, #parameters, #classifieds-cats { display: block; padding: 1px; float: left; width: 100%; margin-bottom: 25px; } /* em-calendar */ .em-calendar-wrapper { padding: 15px 0; } .em-calendar { text-align: center; margin: 0 auto 10px auto; } table.fullcalendar thead td { text-align: center; vertical-align: middle; width: 100px; height: 50px; } table.fullcalendar thead td.monthname { font-size: 2em; } table.fullcalendar tbody td { text-align: left; vertical-align: top; width: 100px; height: 100px; } table.fullcalendar tbody tr.days-names td { height: 50px; text-align: center; vertical-align: middle; } /* content bg */ html,body,div#content { height: 100%; } #content { min-height: 100%; margin: 10px auto; padding: 0; background: url(images/content_bg_700.gif) right repeat-y; } body > div#content { height: auto; } .home #content { background: none; } .link_banners { padding: 0 20px; } .btn-fr { font-size: 9px; } .event-dates{ float: right; } .event-dates .end-date{ margin-top: 30px; float: none; } .archive .event-dates .separator { float: none; margin: 60px 5px 10px 15px; } .post_content .single-event-details li{ list-style:none !important; }