/* * ------------------------------------------------------------------------ * LeoBeauty template for joomla 1.7 * ------------------------------------------------------------------------ * Copyright leotheme.com. All Rights Reserved. * @license GNU / GPL2 http://www.gnu.org/licenses/gpl-2.0.html * Author: leotheme.com * Websites: http://www.leotheme.com * ------------------------------------------------------------------------ */ /* COMMON STYLE --------------------------------------------------------- */ body { color: #333; font-family: Arial, Helvetica, sans-serif; } body#bd { background: url(../images/default/body.jpg) repeat left top scroll; color: #333; font-size:12px; } #ja-wrapper { background: url(../images/default/bg-header.png) repeat-x scroll left top ; } #ja-wrapper-inner { background: url(../images/default/light-png.png) no-repeat left top scroll; margin: 0 auto; } /* Normal links ---*/ a { color: #DE035A; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: none; color: #333; } /* Readon links ---*/ p.readmore a { float: right; color:#de035a; } .contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; } h1.componentheading, .componentheading { border-bottom: 1px solid #ccc; font-weight: normal; } h2.contentheading, .contentheading { font-weight: normal; } .contentheading { font-size: 200%; } .blog-featured .contentheading { font-size: 150%; } .jitem-title { font-size: 110%; font-weight: bold; } /* Others ---*/ hr { border-top: 1px solid #ccc; } /* FORM --------------------------------------------------------- */ input, select, textarea, .inputbox { padding: 5px; font-family: Arial, Helvetica, sans-serif; } .inputbox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 3px #CCCCCC inset; } .inputbox:hover, .inputbox:focus { background: #fff; } #form-login-username .inputbox, #form-login-password .inputbox { width: 80%; } /* Search ---*/ form#searchForm { border-top: none; } .searchintro { border-bottom: 1px solid #ccc; } .results h4 { text-transform: none; font-size: 110%; } .search fieldset { border: 1px solid #ccc; margin: 15px 0; padding: 10px; } .search legend { font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; } /* Contact ---*/ #component-contact #emailForm { border-top: 1px solid #ccc; } #contact-slider { float: none; border-bottom: 1px solid #e2e2b5; } #contact-slider .title { padding: 8px 10px; border-top: 1px solid #e2e2b5; border-left: 1px solid #e2e2b5; border-right: 1px solid #e2e2b5; margin: 0; } #contact-slider .jpane-toggler-down { background: #333333; } #contact-slider .jpane-toggler-down a { color: #fff; } #contact-slider dt.closed { background: #ffffcc; } #contact-slider .content { border: 1px solid #e2e2b5; padding: 8px 10px; } #contact-slider .contact-image { margin: 15px 0; float: right; } input[type="password"], input[type="text"], input[type="email"], input[type="www"], input[type="tel"], input[type="url"], input[type="search"], select, .inputbox, textarea { border: 1px solid #AAAAAA; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset; padding: 5px; } .login_form label, .login label { display: block; float: left; font-weight: bold; text-align: left; width: 130px; } button { background: #DE035A; color:#fff; border: none; padding: 5px 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset; border-radius: 4px; } .form-validate .componentheading { color: #DE035A; font-size: 18px;} /* -- EDITOR STYLES ----------------------------- */ #adminForm fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } #adminForm fieldset legend { padding: 0 5px; } /* JOOMLA STYLE --------------------------------------------------------- */ /* Layout Deco ---*/ .items-leading{ display: inline-block; } .items-row { padding: 5px 0; display: inline-block; } /* Meta ---*/ dl.article-info { color: #999; text-transform: none; width: auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; float: none; } .contentdescription { border-bottom: 1px solid #ccc; } ul.actions li { display: inline; background: none; padding: 0; margin: 0; line-height: 1; } /*Inline images ---*/ p.img_caption { color: #999; text-transform: uppercase; } /* Tables ---*/ thead tr th { background: #DE035A; color: #fff; padding: 5px; } thead tr th a, thead tr th a:hover, thead tr th a:focus, thead tr th a:active { color: #fff; } .cat-list-row1, .cat-list-row12, tr.cat-list-row1 td, tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; } .cat-list-row1:hover, .cat-list-row2:hover { background: #ffffcc; } .cat-list-row2, tr.cat-list-row2 td { background-color: #f6f6f6; } /* Content Toc */ table.contenttoc { border: 1px solid #ccc; } table.contenttoc td { border-bottom: 1px dotted #ccc; } table.contenttoc th { background: #f6f6f6; border-bottom: 1px solid #ccc; text-transform: uppercase; } /* Poll */ form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; } dl.poll { border-bottom: 1px dotted #ccc; } table.pollstableborder td { background: #f6f6f6; border-bottom: 1px solid #ccc; font-weight: bold; padding: 5px !important; } table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; } /* Pagination ---*/ .pagination li span, .pagination li strong { line-height: 20px; } .items-more { display: inline-block; clear: both; } .items-more h3 { font-size: 125%; } /* MODULE STYLES --------------------------------------------------------- */ div.ja-moduletable h3, div.moduletable h3 { } /* Login Module ---*/ #login-form ul li { background: url(../images/bullet.gif) no-repeat 2px 8px; line-height: 160%; margin-bottom: 5px; overflow: hidden; padding-left: 12px; } #login-form label { display: block; } #login-form #form-login-remember label { display: inline; } /* Advertisement ---*/ div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding:5px 0; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ja-container .main, #ja-mainnav .main, #ja-topsl1 .main, #ja-breadcrumbs .main , #ja-slideshow .main { background: #fff; } /* HEADER --------------------------------------------------------- */ #ja-header { } #ja-header .main { padding: 0; } h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin: 25px 0 20px; } /* Logo Image ---*/ h1.logo { width: 350px; height: 90px; } h1.logo a { background: url(../images/default/logo.png) no-repeat left; display: block; width: 350px; height: 90px; } /* Logo Text ---*/ div.logo-text h1 { font-size: 200%; font-family: Arial, sans-serif; font-weight: bold; } div.logo-text h1 a { text-decoration: none; } p.site-slogan { color: #ccc; display: block; font-size: 85%; margin: 3px 0 0; padding: 0 10px; text-transform: uppercase; } /* NAVIGATION --------------------------------------------------------- */ /* Main Nav ---*/ #ja-mainnav { position: static; } #ja-mainnav .main { border-radius: 10px 10px 0 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } #ja-mainnav .main-inner1 { padding: 20px 0 10px; width: 97%; } #ja-mainnav .menu-main { background: url(../images/default/bg-menu.png) repeat-x left top scroll #ee0987; border-radius: 6px 6px 6px 6px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); height: 39px; line-height: 39px; padding: 0 10px; } .menu-main .menu-mask { background: url(../images/default/menu-png.png) repeat-x left bottom scroll; border-radius: 0 0 5px 5px; height: 5px; margin-left: -10px; margin-top: -5px; position: absolute; width: 930px; z-index: 1; } #ja-mainnav ul li a { font-size: 12px; } /* Breadcrumbs ---*/ #ja-breadcrumbs .main { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.25); } .breadcrumbs { color: #ef0587; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px; float: left; width: 100%; margin-bottom: 20px; } .breadcrumbs a{ color: #666; font-weight: normal; } /* Extras ---*/ .ja-links { padding-right: 10px; } .ja-links li { padding: 0 10px; } /* Default Joomla! Menu ---*/ #ja-container ul.menu li { border-bottom: 1px dotted #ccc; } #ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; } /* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl .ja-box, #ja-botsl1 .ja-box { } #ja-topsl .ja-box-right, #ja-botsl1 .ja-box-right { background: 0; } #ja-topsl .ja-moduletable { margin-bottom: 30px; } #ja-topsl div.ja-moduletable h3, #ja-botsl1 div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 5px; padding-top:8px; } #ja-topsl ul.menu li, #ja-botsl1 ul.menu li, #ja-topsl ul.latestnews li, #ja-botsl1 ul.latestnews li, #ja-topsl ul.weblinks li, #ja-botsl1 ul.weblinks li { background: url(../images/bullet.gif) no-repeat 1px 6px; line-height: 160%; margin-bottom: 5px; overflow: hidden; padding-left: 10px; } /* Top spotlight ---*/ #ja-topsl .main { padding: 20px 0 0; color:#999; } #ja-topsl .main-inner1 { padding: 10px 0; } /* Bot spotlight ---*/ #ja-botsl1 .main { color:#999; } #ja-botsl1 .main-inner1 { padding: 10px 0 0; width: 100%; display: block; } #ja-topsl ul, #ja-topsl p, #ja-topsl ol, #ja-botsl1 ul, #ja-botsl p, #ja-botsl1 ol { margin: 10px 0; } #ja-topsl a, #ja-botsl1 a { color: #DE035A; } #ja-botsl1 li { border-bottom: 1px dotted #999; margin-bottom: 0; padding: 10px 0; background: none !important; } /* MISCELLANOUS ----------------------------------------------------------- */ /* Others ---*/ #ja-top-panel .main-inner1 { border: 2px dotted #e2e2b5; padding: 5px 10px; text-align: center; margin-top: 15px; background: #ffffcc; position: relative; } #ja-banner { border-top: 1px solid #ccc; } div.ja-innerdiv { border-bottom: 1px dotted #ccc; } div.ja-innerdiv h4 { font-family: Arial, Helvetica, sans-serif; font-size: 92%; font-weight: normal; text-transform: uppercase; } a.ja-icon-video { background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff; border: 1px solid #ccc; color: #666; display: block; font-weight: bold; position: absolute; padding: 5px 5px 5px 43px; right: 10px; top: 8px; text-decoration: none; width: 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } a.ja-icon-video span { color: #666; } a.ja-icon-video:hover, a.ja-icon-video:focus, a.ja-icon-video:active { border-color: #ddd; text-decoration: none; } a.ja-icon-video:hover span { color: #0F85D8; } #ja-absolute .main { position: fixed; width: auto; height: auto; z-index: 99999; top: 1px; left: 1px; } #ja-absolute .main a { width: 91px; height: 99px; overflow: hidden; display: block; background: url(../images/joomla15.png) no-repeat left top #fff; text-indent: -9999px; } #ja-absolute .main a:hover, #ja-absolute .main a:focus { background-position: left bottom; text-decoration: none; } /*-------------------------- JA SLIDESHOW ----------------------------*/ #ja-slideshow .main { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.25); } #ja-topsl1 .ja-moduletable, #ja-slideshow .ja-moduletable { margin: 0; } .moduletable_slider { padding-top:10px!important; } /*--------------mod_lofslideshows-------------*/ .descslide .lof-main-wapper { border: none; padding: 0; } .descslide .lof-main-wapper .lof-main-item .lof-description { background: none; border-bottom: none; color: #666; display: block; height: auto; max-width: 430px; min-width: 300px; padding: 0; top: 0; } .descslide .lof-navigator-wrapper { background: url(../images/default/bg-thumbs.png) repeat-x left top scroll; bottom: 20px; position: absolute; right: 0; margin-top: 0; line-height: 97px; height: 97px; z-index: 12; padding-left: 10px; } .descslide .lof-thumbnails li img { background: none; border: none; padding: 0px; } .descslide a { color: #333 !important; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; text-shadow: none; text-transform: none; } .descslide .lof-main-wapper .lof-main-item .lof-description .lof-desc { line-height: 2; } .descslide .lof-main-wapper .lof-main-item .lof-description .readmore { background: none; border: medium none; border-radius: 0; clear: both; color: #de035a!important; cursor: pointer; display: block; font-size: 12px; font-weight: normal; height: 24px !important; line-height: 24px; margin: 0; padding:0; text-decoration: none; text-transform: none; width: 75px; } .lof-main-item .mask { background: url(../images/default/mask-img.png) no-repeat left top scroll; width:480px; height:300px; position: absolute; top: 0; left: 0; } .descslide ul.lof-navigator li.active .mask-thumbnails { background: url(../images/default/mask-img-thumbnails.png) no-repeat left top scroll; height: 65px; left: 10px; position: absolute; top: 16px; padding: 0; width: 100px; } /*---------------------------- JA TOPSL! -----------------------------*/ #it-lp{ position: absolute; top: 0px; left: -5500px; } #ja-topsl1 .main { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.25); } /*------------lofk2scroller---------*/ #ja-topsl1 .ja-moduletable .ja-box-ct { background: url(../images/default/bg-slider.png) repeat left top scroll; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset; } .lof-sliding .lof-main-wapper { margin: 0 20px; } .lof-sliding .lof-row { background: url(../images/default/border-showcase.png) no-repeat -1px center scroll; padding-bottom: 20px; padding-top: 20px; } .lof-sliding .lof-row:first-child { background: none; } .lof-sliding .lof-inner { background: none; border-radius: 0; padding: 11px ; margin:0 0px; } .lof-sliding .lof-inner:hover { background:none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .lof-sliding .lof-inner img.lof-image { background:none; } .lof-sliding .lof-next, .lof-sliding .lof-previous { height:27px; width:13px; } .lof-sliding .lof-next:hover, .lof-sliding .lof-next { background: url(../images/default/next-prev.png) no-repeat left bottom scroll; right: 7px; } .lof-sliding .lof-previous:hover, .lof-sliding .lof-previous { background: url(../images/default/next-prev.png) no-repeat left top scroll; left:7px; } .lof-sliding .lof-inner .lof-readmore { background: none; padding: 5px 0 0 0; text-transform: none; color:#DE035A; } .lof-sliding .lof-image { margin-bottom:10px; } .lof-categorybox ul li.lof-item .lof-extrainfo, .lof-sliding .lof-inner .lof-date { position: relative; right:0; clear: both; text-shadow: none; color:#999; font-size:11px; font-style:italic; font-weight:normal; } .lof-sliding .lof-inner .lof-title { color: #333333; font-size: 12px; font-weight: normal; text-transform: none; } .lof-sliding .mask { background: url(../images/default/mask.png) no-repeat left top scroll; width:84px; height:84px; position:absolute; left: -9px; top: -9px; z-index: 3; } /*------------------------- JA CONTENT MASS TOP --------------------------*/ /*lofcontentnews*/ .lof-categorybox a, .lof-categorybox h4 { color: #333; line-height: 160%; } .lof-categorybox a:hover, .lof-categorybox h4:hover { color: #de035a; } .lof-categorybox .lof-headermodule { background: url(../images/default/title-png.png) repeat left top scroll; padding: 0 0 0 15px; height: 10px; line-height: 10px; } .lof-categorybox .lof-headermodule a { text-transform: uppercase; background: #fff; padding: 0 5px; font-weight: normal; font-size:12px; } .lof-categorybox .lof-header { background: none; height: auto; } .lof-categorybox .lof-box-left:hover, .lof-categorybox { background: none; } .lof-categorybox ul, .lof-categorybox li { padding: 3px 0!important; } .yt_holder ul li, .lof-categorybox li { border-bottom: 1px dashed #dbdbdb; } .article-introtext img, .lof-sliding .lof-image, .lof-categorybox .lof-item img { background: #FFFFFF; border: 1px solid #bdbdbd; padding: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width:96%; } .lof-categorybox .lof-item img { margin: 5px; } .lof-categorybox .lof-box-left .lof-leading h4 { font-size: 12px; margin: 5px 0; color: #333; } .lof-categorybox .lof-box-left .lof-leading .lof-description { color: #666; } .lof-categorybox .lof-box-left .lof-leading a.lof-readmore { background:none; color: #DE035A; float: left; font-size: 12px; font-weight: normal; } /*lof-primary*/ .lof-primary h4 { font-size: 12px; margin: 5px 0; color: #333; font-weight: normal; } .yt_holder ul li, .lof-primary ul li { background: url(../images/default/icon.png) no-repeat left 50% scroll!important; padding-left: 15px!important; } /*--------------------------- JA RIGHT ---------------------------*/ .jform_contact_first h2,.jform_contact_secend h3,.login h2,.registration h2, #ja-botsl1 div.ja-moduletable h3, #ja-botsl1 div.moduletable h3, div.ja-moduletable h3, div.moduletable h3 { background: url(../images/default/title-png.png) repeat scroll left top ; height: 10px; line-height: 10px; padding: 0 0 0 15px; color: #DE035A; font-size:12px; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; } div.ja-moduletable h3 span, div.moduletable h3 span { background: none repeat scroll 0 0 #FFFFFF; padding: 0 5px; } /*-------- video youtube-------*/ .yt_holder ul { margin-top: 10px !important; } .yt_holder ul li { padding-top: 5px; padding-bottom:5px; margin: 0; } .yt_holder ul li a { color: #333; } .yt_holder ul li a:hover { color: #DE035A; } .yt_holder ul li.currentvideo { font-weight: bold; } .yt_holder { padding-top: 15px; } /*----------GK TABS---------*/ .gkTab { background: #f2f2f2; border-radius: 5px; padding: 5px; } .gkTabContainer0 { background: #fff; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-radius: 0 0 5px 5px; } ul.gkTabs { background: url(../images/default/bg-tab.png) repeat left top scroll !important; height: 39px; border:1px solid #d4d4d4!important; } ul.gkTabs li { line-height: 39px !important; } ul.gkTabs li span { color: #333; text-shadow:0 1px 0 #fff; } .gkTabItem { padding: 0; } /*------------- module most read -----------*/ .gkTabItem ul { margin: 0; } .gkTabItem ul li:first-child { border-top:none; } .gkTabItem ul li { padding: 10px !important; background: none !important; margin-bottom: 0; border-top: 1px solid #e2e2e2; } .mostread .mostread-image { float: left; height: 45px; margin-right: 10px; width: 45px; margin-top:5px; } .mostread .mostread-image img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BDBDBD; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding:1px; } .mostread .mostread-created { color: #999999; font-size: 11px; font-style: italic; } .mostread-title a { color: #333; } .mostread-title a:hover, .mostread-title a:active, .mostread-title a:focus { color: #DE035A; } .gkTabItem .latestnews li { background: url("../images/default/icon.png") no-repeat scroll 7px 50% transparent !important; padding: 6px 10px 7px 20px!important; } /*---------ja-search---------*/ #ja-search { bottom: 20px; } #ja-search .search { background: url(../images/default/bg-search.png) repeat-x left top scroll; border-radius: 4px; border: 1px solid #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); height:31px; } #ja-search .inputbox { border: #fafafa; background: url(../images/default/icon-search.png) no-repeat 90% 5px scroll; border-radius: 3px; padding: 0 35px 0 10px; font-size:12px; color: #a9a9a9; height:32px; line-height:32px; } /*------------------------- JA TOPSL ----------------------------*/ /*------------------------- JA BOTSL ----------------------------*/ #ja-botsl1 .main { background: url(../images/default/bg-botsl.png) repeat left top scroll; border-radius: 0 0 10px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } #ja-botsl1 div.ja-moduletable h3 { } #ja-botsl1 div.ja-moduletable h3 span, #ja-botsl1 div.moduletable h3 span { background: url(../images/default/bg-botsl.png) repeat left top scroll; color: #fff; } #ja-topsl .main-inner1 { padding-bottom: 25px; } /*--------------------------------------------- JA FOOTER ---------------------------------------------*/ #ja-footer { background: url(../images/default/bg-footer.png) repeat-x left top scroll; color: #999; } #ja-footer .main { text-align: left; } .ja-copyright { overflow: hidden; display: inline-block; } #ja-footer .ja-footnav { float:right; margin: 0; } .ja-footnav ul li:first-child { border-left: none; } .ja-footnav li { border-left: 1px solid #999; line-height: 11px; padding: 0 15px; } .ja-footnav ul li a { color: #999; } .ja-footnav ul li.active a { color: #ccc; font-weight: bold; } #ja-footer small { font-size: 11px; } #ja-footer small a { color: #ccc; font-weight: bold; } /*-------------Twitter-----------*/ .tweet_time { font-size: 11px; font-style: italic; } .moduletable_contact-us .custom_contact-us, .moduletable_about-us .custom_about-us { padding-top: 5px; } #ja-botsl1 .moduletable_contact-us .custom_contact-us ul li { border-bottom: none; padding: 3px 0; } .moduletable_contact-us .custom_contact-us ul li span { color:#666; } /*-------------module ADS-----------*/ .moduletable_ads p{ background: #f2f2f2; padding: 5px; } .moduletable_ads img { padding: 2px; background: #fff; border: 1px solid #d4d4d4; } /* Contact */ .column dd { margin-left: 0; } fieldset dt { float: none; } legend { font-size: 14px; font-weight: normal; line-height: 1.2; } .form-validate label { font-weight: bold; font-size: 12px; } select { padding: 2px 2px 2px 0!important; text-indent: 0!important; margin: 3px 5px 3px 0!important; text-transform:none!important; font-size: 12px!important; text-align: left!important; vertical-align: middle!important; } p.contact-position { margin: -14px 0 32px; font-size: 10px; text-transform: uppercase; color: #333 } .contact { padding:0; } .contact h3 { font-size: 120%; margin-top:12px; } .contact-category { padding:0; } .contact-category #adminForm fieldset.filters { border:0; padding:0 } .contact-image { margin:10px 0; overflow:hidden; } .contact-image img { } .contact-contactinfo span { display: block; } address { border-left: 1px solid #e5e5e5; padding-left: 20px; margin:0; } span.contact-image { margin-bottom: 10px; overflow:hidden; display:block } .contact-address { clear: both; background: url(../images/default/icon-contact.png) no-repeat 0 0 scroll; padding-left: 35px; line-height: 35px; } div.contact-contactinfo p { padding-left: 35px; } div.contact-contactinfo p span { padding: 10px 0 10px 20px; border-left: 1px solid #e5e5e5 } .contact-emailto { background: url(../images/default/icon-contact.png) no-repeat 0 -61px scroll; } .contact-telephone { background: url(../images/default/icon-contact.png) no-repeat 0 -120px scroll; } .contact-fax { background: url(../images/default/icon-contact.png) no-repeat 0 -61px scroll; } .contact-mobile { background: url(../images/default/icon-contact.png) no-repeat 0 -120px scroll; } .contact-webpage { background: url(../images/default/icon-contact.png) no-repeat 0 0 scroll; } .contact-contactinfo { font-style: italic } span.contact-street { margin-bottom: 0px } .contact-email div { padding:2px 0; margin:0 0 10px 0; } .contact-email label { width:17em; float:left; } #contact_textmsg { padding: 2px 0 10px 0 } #contact-email-copy { float:left; margin-right:10px; } #contact-form dt { margin: 6px 0 0 3px; } .contact .button { float:none !important; clear:left; display:block; margin:20px 0 0 0 } .jicons-icons { display: none; } .contact-email input, .contact-email textarea { clear: both; display:block; } .contact label#jform_contact_email_copy-lbl { font-size: 11px; line-height: 2.4; margin-left: 25px; position: absolute; } .contact #jform_contact_message { width: 95%; } .contact #jform_contact_emailmsg, #jform_contact_email, #jform_contact_name { width: 300px; } input#jform_contact_email_copy { border: none; padding: 0; } #ja-content-main .contact h3 { border-bottom: none; padding-bottom: 0; } /*------------------- JA CONTAINER --------------------*/ #ja-container .main { padding: 0 0 20px; border-bottom: 10px solid #dedede; box-shadow: 0 6px 4px rgba(0, 0, 0, 0.25); } #ja-container .main-inner1{ margin: 0 ; background: url(../images/default/bg-boder.png) repeat-y 72.3% top scroll #fff; } .ja-content-main div.heading h2 { background: url(../images/default/title-png.png) repeat scroll left top ; font-size: 16px; height: 15px; line-height: 15px; padding: 0 0 0 15px; margin: 9px 0; color:#DE035A; } .ja-content-main h3 span, .ja-content-main h2 span { background: #fff; padding: 0 5px; } #ja-container ul.menu li a { color: #DE035A; font-weight: bold;} /*------------- blog-blogs------------*/ .blog_blogs .article-content { padding-left: 80px; } .item-page_blogs .itemDate, .blog-featured_blogs .itemDate, .article-content_blogs .itemDate, .item-page .itemDate, .blog-featured .itemDate, .article-content .itemDate { margin: 5px 28px 16px 0; } .blog_blogs .itemDate, .item-page_blogs .itemDate, .item-page .itemDate { background:#333; float: left; height: 51px; line-height: 18px; padding: 8px 0 0; text-align: center; border-radius: 4px; width: 67px; position:absolute; left:0; top:5px; /*--border-radius: 2em 1em 4em / 0.5em 3em; box-shadow: 0 0 8px #fefefe inset;--*/ margin-bottom: 24px; } .blog_blogs .item:nth-child(2n) .itemDate { background: #de035a; } .blog_blogs .itemDate span, .item-page_blogs .itemDate span, .item-page .itemDate span { color: #FFFFFF; display: block; font-style: italic; padding: 3px 0; } .blog_blogs .itemDate span.itemDateDay, .item-page_blogs .itemDate span.itemDateDay, .item-page .itemDate span.itemDateDay { font-size:30px;} .blog_blogs .itemDate span.itemDateMonth, .item-page_blogs .itemDate span.itemDateMonth, .item-page .itemDate span.itemDateMonth { font-size:16px;} .blog_blogs .item-title h2, .item-page_blogs h2, .blog .item-title h2, .item-page h2 { font-size: 18px; line-height: 140%; padding: 6px 0 0; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } .article-introtext p.img-intro { text-align: center; } ul.actions { float: right } dl.article-info { color: #999999; font-size: 11px; font-style: italic; overflow: hidden; padding: 0; } .blog_blogs .item { border-top: 1px dotted #ccc; padding: 10px 0; } .blog_blogs .item:first-child { border-top: none; padding-top: 0; } /*-------------- blog-------------*/ .blog .item-title h2 { font-size: 14px; margin: 10px 0; } .blog .img-intro { margin: 0 10px 0 0; float:left; } .blog .img-intro img { width:187px; } .blog .item .article { border-bottom: 1px dotted #CCCCCC; margin: 0 ; padding: 0 5px 10px; } .pagination { clear: both; } .pagination ul li, ul.pagenav li { margin: 0 3px; } .pagination ul li a.pagenav:hover, .pagination ul li span.pagenav { background: #fa74b7; color: #fff; } .pagination ul li a.pagenav { background: #fb017e; color: #fff; } .pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a { padding: 0 8px; line-height: 23px; display: inline-block; border-radius: 3px; } .ja-content-main .counter { color:#aaa; } .item-page_blogs p img, .item-page p img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BDBDBD; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 2px; width: 96%; } p { margin-top: 1em; /* ?????? ?????? */ margin-bottom: 2em; /* ?????? ????? */ } div.stat { font-family: Arial; font-size: 14px; color: #151515; text-align: justify; margin: 10px; padding: 5px; border: 4px double #e3e0ff; } img.indexpage { float: left; border: 0px; padding: 0px 9px 0px 2px; } table tr td { border: 1px solid #000000; } .itemNavigationList { display: flex; flex-direction: row-reverse; justify-content: space-between; } .itemNavigationList.resent { display: flex; flex-direction: row; justify-content: space-between; } .itemNavigationList > a { width: 50%; } @media (max-width: 600px) { #ja-botsl1 .main-inner1 { width: 95%; } #ja-mainnav .main-inner1 { width: 90%; } .itemNavigationList { display: flex; flex-direction: column-reverse; } .itemNavigationList.resent { display: flex; flex-direction: column; } .itemNavigationList > a { width: 100%; } } /* boxes ad*/ .attention { transition: transform .3s ease,opacity 0s ease; transition-delay: 0s,.3s; position: fixed; z-index: 9999; opacity: 0; -webkit-backface-visibility: hidden; } .attention img {display: block;} .attention.bottom {bottom: 0; left: 50%; transform: translateY(100%) translateX(-50%);} .attention.left, .attention.right {bottom: 0;transform: translateX(0);} .attention.left {right: 100%;} .attention.right {left: 100%;} .attention.show { transition-delay: 0s,0s; opacity: 1; } .attention.show.bottom {width:320px; max-height:320px; transform: translateY(0) translateX(-50%);} .attention.show.left {max-height:600px; max-width:320px; transform: translateX(100%);} .attention.show.right {max-height:600px; max-width:320px; transform: translateX(-100%);} /* close btn */ .aclose{position:absolute;top:0;right:0;width:34px;height:34px;background:#000;display:block;cursor:pointer;z-index:99999;border:none;padding:0;} .right .aclose {right: auto; right:0;} .aclose:hover{background:#777} .aclose:after,.aclose:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:16px;height:4px;background:#fff;transform-origin:center;transform:rotate(45deg);margin:auto} .aclose:before{transform:rotate(-45deg)} /* boxes ad*/ .itemFullText ul { overflow: hidden; width: 100%; clear: both; } div#k2Container p {font-size: 18px;} div#k2Container li {font-size: 18px;} .next-prev-posts > p { width: 48%; } @media screen and (max-width: 767px) { .next-prev-posts > p { width: 100%; } } .the_author .author_icon { background: url(../images/author_icon.png); display: inline-block; width: 15px; height: 15px; background-size: 15px; margin-right: 7px; } .otw-sidebar { box-shadow: 0px 0px 5px #d6d6d6;; padding: 5px 10px 15px 10px; margin:5px; border-radius:10PX; background: #F9FAFF; } .otw-sidebar ul.menu li a { font-size: 14px; padding: 0; margin: 0; line-height: 100%; } .otw-sidebar h2 { color: #090200; font-size: 20px; } .nextup { text-align: right; } .nextup a{ font-weight: bold; color: white; } .nextup .button { text-align: right; background-color: #19354f; border: none; color: white; padding: 8px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 2px; cursor: pointer; } .nextup .button a:hover { text-align: right; color: #e10462; }