Database (apt_template_stylesheet)
stylesheet_id template_id name type value sort_order
1 2 public.css public html{ overflow-y: scroll; margin: 0; padding: 0; } body{ font-family: {{ config_general_body_character['font'] ? config_general_body_character['font'] : '"Open Sans",sans-serif' }}; font-size: {{ config_general_body_character['size'] ? config_general_body_character['size'] : '12px' }}; color: {{ config_general_body_character['color'] ? config_general_body_character['color'] : '#333333' }}; text-decoration: {{ config_general_body_character['text_decoration'] }}; {% if config_general_body_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_body_character['italic'] %} font-style: italic; {% endif %} {% if config_general_body_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_body_background['color'] %} background-color: {{ config_general_body_background['color'] }}; {% endif %} {% if config_general_body_background['image'] %} background-image: url("{{ imageTemplate ~ config_general_body_background['image'] }}"); {% endif %} {% if config_general_body_background['repeat'] %} background-repeat: {{ config_general_body_background['repeat'] }}; {% endif %} {% if config_general_body_background['position'] %} background-position: {{ config_general_body_background['position'] }}; {% endif %} {% if config_general_body_custom['width'] is not empty %} width: {{ config_general_body_background['width'] }}; {% endif %} {% if config_general_body_custom['height'] is not empty %} height: {{ config_general_body_background['height'] }}; {% endif %} {{ config_general_body_custom['css'] ? config_general_body_custom['css'] : '' }} } body, td, th, input, textarea, select, a{ font-size: {{ config_general_body_character['size'] ? config_general_body_character['size'] : '12px' }}; } .loader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; {% if config_general_html['loader'] %} background: url('{{ imageTemplate ~ config_general_html['loader'] }}') 50% 50% no-repeat rgb(249, 249, 249); {% endif %} } a, a:visited, a b{ font-family: {{ config_general_link_character['font'] ? config_general_link_character['font'] : '"Open Sans",sans-serif' }}; font-size: {{ config_general_link_character['size'] ? config_general_link_character['size'] : '12px' }}; color: {{ config_general_link_character['color'] ? config_general_link_character['color'] : '#0074a2' }}; text-decoration: {{ config_general_link_character['text_decoration'] }}; {% if config_general_link_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_link_character['italic'] %} font-style: italic; {% endif %} {% if config_general_link_character['uppercase'] %} text-transform: uppercase; {% endif %} {{ config_general_link_custom['css'] ?: config_general_link_custom['css'] }} } a:hover{ } a img{ border:none; } h1, .welcome{ color:#636E75; font-family:"Open Sans", sans-serif; margin-top:0px; margin-bottom:20px; font-size:32px; font-weight:normal; text-shadow:0 0 1px rgba(0, 0, 0, .01); } h2{ color:#000000; font-size:16px; margin-top:0px; margin-bottom:5px; } p{ margin-top:0px; } form{ padding:0; margin:0; display:inline; } input[type='text'], input[type='password'], textarea{ padding:3px; margin-left:0; margin-right:0; box-shadow:0 2px 5px rgba(204, 204, 204, 0.4) inset; border-radius:3px; background:none repeat scroll 0 0 #fff; border:1px solid #d4d4d4; color:#333; font-size:12px; outline:medium none; } input[type='radio']{ margin-right:4px; } select{ background:#F8F8F8; border:1px solid #CCCCCC; padding:2px; } label{ cursor:pointer; } .clear{clear:both;} .clearfix:after, .clearfix:before{ clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden; } .clearfix{display:block;} .clearfix{display:block;} .clearfix{display:inline-block;} .mar-top1{ margin-top:10px; width:100%; } .mar-top2{ margin-top:20px; width:100%; } .mar-top3{ margin-top:30px; width:100%; } .mar-top4{ margin-top:40px; width:100%; } .pad-center1{padding:0 10px;} .pad-center2{padding:0 20px;} .pad-center3{padding:0 30px;} .pad-full5{padding:5px;} .divider-line7{ border-bottom:1px solid #F0F0F0; float:left; height:8px; margin:10px 0 40px; padding:0; width:100%; } .divider-line3{ border-bottom:1px solid #F0F0F0; float:left; height:18px; margin:32px 0 50px; padding:0; width:100%; } /* menu */ #menu{ background-color:#222222; border-top:5px solid #0074A2; clear:both; height:38px; margin-bottom:15px; padding:0 15px; } #menu ul{ position:relative; margin:0; padding:0; } #menu > ul ul{ list-style:none; margin:0; padding:0; background:#333333; z-index:5; } #menu > ul li{ position:relative; list-style:none; float:left; z-index:20; } #menu > ul > li:hover{ } #menu > ul .top{ font-size:13px; color:#FFF; line-height:14px; text-decoration:none; display:block; padding:10px 15px 9px 17px; z-index:6; position:relative; } #menu > ul .top:hover, #menu > ul .top:active{ background-color:#0074A2; } #menu > ul ul{ list-style:none; margin:0; padding:0; background:#333333; z-index:5; } #menu > ul a{ display:block; text-decoration:none; z-index:6; } #menu > ul li{ float:left; list-style:none; z-index:20; } #menu > ul .top{ padding:10px 15px 9px 17px; font-size:13px; line-height:14px; text-decoration:none; color:#eee; position:relative; z-index:6; } #menu > ul .top:hover, #menu > ul .top:active{ background-color:#0074A2; } #menu > ul .top b{ margin-left:5px; } #menu > ul li ul{ position:absolute; } #menu > ul ul li{ padding:2px; clear:both; } #menu > ul .top.active{ background:#0074A2; color:#fff; } #menu > ul .parent{ background-image:url('{{ imageTemplatePath }}icon/arrow-right.png'); background-position:95% center; background-repeat:no-repeat; } #menu > ul li ul ul{ margin:-29px 0 0 174px; } #menu > ul li li a{ padding:5px; margin:1px; color:#eee; width:170px; } #menu > ul li li a span{ margin-right:10px; } #menu > ul li li > a:hover{ background-color:#0074A2; } .breadcrumb{ background:rgb(255, 255, 255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-8 */ border:1px solid #ddd; padding:5px 15px; } .breadcrumb:before{ content:"\f015"; font-family:FontAwesome; margin-right:5px; font-size:15px; float:left; line-height:18px; } .breadcrumb, .breadcrumb a{ font-size:12px; color:#666; margin-bottom:10px; } .breadcrumb, .breadcrumb a:first-child i{ margin-right:3px; } .success, .warning, .attention, .information{ padding:10px 10px 10px 33px; margin-bottom:15px; color:#555555; } .success i.fa, .warning i.fa, .attention i.fa, .information i.fa{ margin-right:10px; } .success{ background:#EAF7D9 url('{{ imageTemplatePath }}icon/success.png') 10px center no-repeat; border:1px solid #BBDF8D; } .warning{ background:#FFD1D1 url('{{ imageTemplatePath }}icon/warning.png') 10px center no-repeat; border:1px solid #F8ACAC; } .attention{ background:#FFF5CC url('{{ imageTemplatePath }}icon/attention.png') 10px center no-repeat; border:1px solid #F2DD8C; } .success .close, .warning .close, .attention .close, .information .close{ float:right; padding-top:4px; padding-right:4px; cursor:pointer; } .alert{ padding:4px; margin-bottom:15px; color:#555555; background:#FFF5CC; border:1px solid #F2DD8C; text-align:center; } .required{ color:#FF0000; font-weight:bold; } .error{ display:block; color:#FF0000; line-height: 20px; font-size: 14px; } .help{ color:#999; font-size:10px; font-weight:normal; font-family:"Open Sans", sans-serif; display:block; } table.form{ width:100%; border-collapse:collapse; margin-bottom:20px; } table.form tr td:first-child{ width:150px; } table.form > * > * > td{ color:#000000; } table.form td{ padding:4px; } input.large-field, select.large-field{ width:300px; } table.list{ border-collapse:collapse; width:100%; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; margin-bottom:20px; } table.list td{ border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } table.list thead td{ background-color:#EFEFEF; padding:0px 5px; } table.list thead td a, .list thead td{ text-decoration:none; color:#222222; font-weight:bold; } table.list tbody td{ padding:0px 5px; } table.list .left{ text-align:left; padding:7px; } table.list .right{ text-align:right; padding:7px; } table.list .center{ text-align:center; padding:7px; } table.radio{ width:100%; border-collapse:collapse; } table.radio td{ padding:5px; } table.radio td label{ display:block; } table.radio tr td:first-child{ width:1px; } table.radio tr td:first-child input{ margin-top:1px; margin-left:0; position:static; } table.radio tr.highlight:hover td{ background:#F1FFDD; cursor:pointer; } .pagenumber{ border-top:1px solid #DDDDDD; display:inline-block; width:100%; padding-top:6px; } .pagenumber .links{ float:left; padding-top:6px; } .pagenumber .links .pagination{ display:inline-block; margin:0; padding-left:0; } .pagenumber .links .pagination > li{ display:inline; } .pagenumber .links .pagination > li > a, .pagenumber .links .pagination > li > span{ background-color:#ffffff; border:1px solid #dddddd; color:#1e91cf; float:left; line-height:1.42857; margin-left:-1px; padding:4px 10px; position:relative; text-decoration:none; } .pagenumber .links .pagination > li:first-child > a, .pagenumber .links .pagination > li:first-child > span{ border-bottom-left-radius:3px; border-top-left-radius:3px; margin-left:0; } .pagenumber .links .pagination > li:last-child > a, .pagenumber .links .pagination > li:last-child > span{ border-bottom-right-radius:3px; border-top-right-radius:3px; } .pagenumber .links .pagination > li > a:hover, .pagenumber .links .pagination > li > span:hover, .pagenumber .links .pagination > li > a:focus, .pagenumber .links .pagination > li > span:focus{ background-color:#eeeeee; border-color:#dddddd; color:#14628c; } .pagenumber .links .pagination > .active > a, .pagenumber .links .pagination > .active > span, .pagenumber .links .pagination > .active > a:hover, .pagenumber .links .pagination > .active > span:hover, .pagenumber .links .pagination > .active > a:focus, .pagenumber .links .pagination > .active > span:focus{ background:none repeat scroll 0 0 #2ea2cc; border-color:#0074a2; border-style:solid; border-width:1px; box-shadow:0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15); color:#ffffff; cursor:default; z-index:2; } .pagenumber .links .pagination > .disabled > span, .pagenumber .links .pagination > .disabled > span:hover, .pagenumber .links .pagination > .disabled > span:focus, .pagenumber .links .pagination > .disabled > a, .pagenumber .links .pagination > .disabled > a:hover, .pagenumber .links .pagination > .disabled > a:focus{ background-color:#ffffff; border-color:#dddddd; color:#777777; cursor:not-allowed; } .pagenumber .results{ float:right; padding-top:6px; font-size:12px; } /* button */ a.button, input.button{ background:#499bea; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:-moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #499bea 0%, #207ce5 100%); /* IE10+ */ background:linear-gradient(to bottom, #499bea 0%, #207ce5 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); /* IE6-9 */ border:1px solid #0074a2; color:#fff; border-radius:3px; box-shadow:0 1px 4px 0 rgb(200, 200, 210); text-decoration:none; display:inline-block; padding:4px 10px; cursor:pointer; font-size:11px; } input.button{ text-decoration:none; } a.button:hover, a.button:focus, a.button:active, input.button:hover, input.button:focus, input.button:active{ background:rgb(255, 175, 75); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:-moz-linear-gradient(top, rgba(255, 175, 75, 1) 0%, rgba(255, 146, 10, 1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 175, 75, 1)), color-stop(100%, rgba(255, 146, 10, 1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(255, 175, 75, 1) 0%, rgba(255, 146, 10, 1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(255, 175, 75, 1) 0%, rgba(255, 146, 10, 1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(255, 175, 75, 1) 0%, rgba(255, 146, 10, 1) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(255, 175, 75, 1) 0%, rgba(255, 146, 10, 1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0); /* IE6-8 */ border:1px solid rgb(255, 103, 15);; color:#fff; } .buttons{ background:#FFFFFF; border:1px solid #EEEEEE; overflow:auto; padding:6px; margin-bottom:20px; } .buttons .left{ float:left; text-align:left; } .buttons .right{ float:right; text-align:right; } .buttons .center{ text-align:center; margin-left:auto; margin-right:auto; } .htabs{ padding:0px 0px 0px 10px; height:26px; line-height:16px; border-bottom:1px solid #DDDDDD; } .htabs a{ background:#ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:-moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background:-webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background:-o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Opera 12+ */ background:-ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background:radial-gradient(ellipse at center, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1); /* IE6-8 fallback on horizontal gradient */ border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding:4px 12px; float:left; font-family:"Open Sans", sans-serif; font-size:12px; text-align:center; text-decoration:none; color:#000000; margin-right:2px; display:none; } .htabs a.selected{ padding-bottom:5px; background:#FFFFFF; font-weight:bold; } .tab-content{ border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:10px; margin-bottom:20px; z-index:2; } /* box */ .box{ background:#fff; border:4px solid #fff; border-radius:4px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); margin-bottom:20px; } .box .box-heading{ border-bottom:2px solid #303030; padding:8px 10px 5px 0; font-size:13px; font-weight:bold; line-height:14px; color:#303030; } .box-heading i, .box-heading span{ margin-right:5px; } .box .box-content{ background:#FFFFFF; -webkit-border-radius:0px 0px 7px 7px; -moz-border-radius:0px 0px 7px 7px; -khtml-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; } .box .box-content .carousel{ padding:0; } .box .box-content .carousel .owl-carousel{ box-shadow:none; } /* box category */ ul.box-category, ul.box-category ul{ list-style:none; margin:0; padding:0; } ul.box-category > li:first-child{ padding:0px; } ul.box-category > li{ padding:0px; } ul.box-category > li + li{ border-top:1px solid #ddd; } ul.box-category > li > a{ text-decoration:none; color:#444444; line-height:14px; padding:8px 5px 7px; display:block; } ul.box-category a i.fa, ul.box-category a span.fa{ font-size:9px; margin-right:5px; } ul.box-category > li > a:hover{ background-color:#eee; } ul.box-category > li ul{ /*display: none;*/ } ul.box-category > li a.active{ font-weight:bold; } ul.box-category > li ul.active, ul.box-category > li a.active + ul.no-active{ display:block; } ul.box-category > li ul.no-active{ display:none; } ul.box-category > li ul > li{ padding:0; } ul.box-category > li ul > li > a{ text-decoration:none; color:#444; line-height:14px; padding:8px 25px 7px; display:block; } ul.box-category > li ul > li > a:hover{ background-color:#eee; } ul.box-category > li ul > li > a.active{ font-weight:bold; } /* content */ #content .content{ padding:10px; overflow:auto; margin-bottom:20px; border:1px solid #EEEEEE; } #content .content .left{ float:left; width:49%; } #content .content .right{ float:right; width:49%; } /* category */ .category-info{ overflow:auto; margin-bottom:20px; } .category-info .image{ float:left; padding:5px; margin-right:15px; border:1px solid #E7E7E7; } .category-list{ overflow:auto; margin-bottom:20px; } .category-list > div{ border:1px solid #ccc; display:inline-block; margin:10px 6px; padding:8px; text-align:center; vertical-align:top; width:160px; } .category-list > div:hover{ box-shadow:0 0 15px #0074A2; border:1px solid #2c9ca2; } .category-list > div .image{ display:block; margin:0 auto; width:150px; } .category-list > div .name{ height:30px; } .category-list > div .name a{ color:#13294a; display:block; font-weight:bold; margin-bottom:4px; text-decoration:none; } .comment-list > div{ padding:10px 2px; overflow:auto; margin-bottom:2px; } .comment-list > div + div{ border-top:1px solid #EEEEEE; } .comment-list > div .left{ float:left; width:15%; } .comment-list > div .left .avata{ text-align:center; position:relative; top:20%; left:10%; color:#C2C2C2; width:50px; height:50px; border:2px solid #C2C2C2; border-radius:50%; font-size:30px; } .comment-list > div .left .avata:after, .comment-list > div .left .avata:before{ left:92%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .comment-list > div .left .avata:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:13px; margin-top:-13px; } .comment-list > div .left .avata:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#C2C2C2; border-width:16px; margin-top:-16px; } .comment-list > div .right{ float:right; width:85%; } .comment-list > div .info{ width:99%; background:none repeat scroll 0 0 #eee; box-shadow:0 0 10px #ccc inset; padding:9px; } .comment-list > div .info .author, .comment-list > div .info .date{ color:#333; } .comment-list > div .info .author i.fa, .comment-list > div .info .date i.fa{ width:15px; margin-right:5px; } span.on i.fa, span.on span.fa{ color:#F0A600; font-size:12px; } span.off i.fa, span.off span.fa{ font-size:12px; } .login-content{ margin-bottom:20px; overflow:auto; } .login-content .left{ float:left; width:48%; } .login-content .right{ float:right; width:48% } .login-content .left .content, .login-content .right .content{ min-height:190px; } /* comment */ h2#comment-title{ background:none repeat scroll 0 0 #fff; border-top:1px solid #ddd; color:#333; padding:8px; margin:0 -10px; } .write-comment{ background:none repeat scroll 0 0 #eee; box-shadow:0 0 10px #ccc inset; padding:10px; margin:0 -10px -10px -10px; } .write-comment p{ margin-bottom:0; font-weight:bold; } .write-comment > div{ margin-bottom:10px; } .write-comment div.buttons{ border:none; background:none } .write-comment input[type="text"], .write-comment textarea{ border:2px solid #d7dce9; border-radius:5px; background:none repeat scroll 0 0 #fff; padding:5px; } .captcha{ background:#a90329; /* Old browsers */ background:-moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* IE10+ */ background:linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0); /* IE6-9 */ border-radius:3px; box-shadow:0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-sizing:border-box; width:225px; padding:5px; } .captcha .c_image{ margin-bottom:5px; } .captcha .c_image img{ border:3px; } .captcha .c_input{ background:#f1e767; /* Old browsers */ background:-moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #feb645)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f1e767 0%, #feb645 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f1e767 0%, #feb645 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f1e767 0%, #feb645 100%); /* IE10+ */ background:linear-gradient(to bottom, #f1e767 0%, #feb645 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0); /* IE6-9 */ border-radius:3px; padding:5px; width:150px; display:inline-block; } .captcha .c_input input{ width:100px; padding:3px; border:1px solid #ccc; border-radius:0; } .captcha .c_input p{ font-weight:normal; font-size:11px; color:#333333; } .captcha .c_input a{ background:#ff3019; /* Old browsers */ background:-moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */ background:linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ border:1px solid #8B0221; color:#fff; padding:1px 10px; } .captcha .c_input a:hover, .captcha .c_input a:focus, .captcha .c_input a.active{ background:#8B0221; } .captcha .c_logo{ display:inline-block; vertical-align:top; margin-top:10px; } .write-comment .rating span{ cursor:pointer; } /* search */ .box-search{ border:1px solid #eeeeee; margin-bottom:20px; overflow:auto; padding:10px; } .box-search div{ margin-bottom:10px; } .box-search .search input{ color:#999; padding:5px 10px; } .box-search .category select{ display:block; } /* download */ .download-list{ margin-bottom:10px; } .download-list .download-id{ width:49%; float:left; margin-bottom:2px; } .download-list .download-status{ width:49%; float:right; text-align:right; margin-bottom:2px; } .download-list .download-content{ padding:10px 0px; display:inline-block; width:100%; margin-bottom:20px; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; } .download-list .download-content div{ float:left; width:33.3%; } .download-list .download-info{ text-align:right; } .contact-info{ overflow:auto; } .contact-info .left{ float:left; width:48%; } .contact-info .right{ float:left; width:48%; } .location-info{ margin-bottom:20px; border:1px solid #eeeeee; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); min-height:100px; overflow:auto; } .location-info .location-heading{ background-color:#f5f5f5; border-color:#ddd; color:#333; padding:10px 15px; } .location-info span, .location-info i{ margin-right:5px; } .location-info .location-content{ background:#FFFFFF; padding:10px; } .location-info .location-content .column{ float:left; width:25%; min-height:100px; } .sitemap-info{ overflow:auto; margin-bottom:40px; } .sitemap-info .left{ float:left; width:48%; } .sitemap-info .right{ float:left; width:48%; } /* account */ .login div{ margin-bottom:10px; } .login div p{ font-weight:bold; margin-bottom:0; } /* banner */ .banner div{ text-align:center; } .banner div img{ margin-bottom:20px; } /* use module */ p.wait, p.no-data{ text-align:center; } p.wait i.fa{ text-align:center; color:#0074A2; } p.source{ text-align:right; font-style:italic; margin-right:10px; } .account{ padding:10px 10px 0 10px; } .account .info a{ display:block; text-align:center; } .account .login div{ margin-bottom:10px; } .account .login div p{ font-weight:bold; margin-bottom:0; } .account .login div input[type='text'], .account .login div input[type='password']{ width:95%; } 2
2 2 font.css public /* Font Open Sans */ @font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('{{ fontPath }}open-sans/OpenSans-Light.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('{{ fontPath }}open-sans/OpenSans.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('{{ fontPath }}open-sans/OpenSans-Semibold.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('{{ fontPath }}open-sans/OpenSans-Bold.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('{{ fontPath }}open-sans/OpenSans-Extrabold.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('{{ fontPath }}open-sans/OpenSansLight-Italic.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('{{ fontPath }}open-sans/OpenSans-Italic.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('{{ fontPath }}open-sans/OpenSans-SemiboldItalic.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('{{ fontPath }}open-sans/OpenSans-BoldItalic.woff') format('woff'); } @font-face{ font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('{{ fontPath }}open-sans/OpenSans-ExtraboldItalic.woff') format('woff'); } 1
4 2 header.css public #header{ {% if config_general_header_character['font'] %} font-family: {{ config_general_header_character['font'] }}; {% endif %} {% if config_general_header_character['size'] %} font-size: {{ config_general_header_character['size'] }}; {% endif %} {% if config_general_header_character['color'] %} color: {{ config_general_header_character['color'] }}; {% endif %} text-decoration: {{ config_general_header_character['text_decoration'] }}; {% if config_general_header_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_header_character['italic'] %} font-style: italic; {% endif %} {% if config_general_header_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_header_background['color'] %} background-color: {{ config_general_header_background['color'] }}; {% endif %} {% if config_general_header_background['image'] %} background-image: url("{{ imageUploadPath ~ config_general_header_background['image'] }}"); {% endif %} {% if config_general_header_background['repeat'] %} background-repeat: {{ config_general_header_background['repeat'] }}; {% endif %} {% if config_general_header_background['position'] %} background-position: {{ config_general_header_background['position'] }}; {% endif %} {% if config_general_header_border['all']['color'] and config_general_header_border['all']['style'] and config_general_header_border['all']['width'] %} border-color: {{ config_general_header_border['all']['color'] }}; border-style: {{ config_general_header_border['all']['style'] }}; border-width: {{ config_general_header_border['all']['width'] }}; {% if config_general_header_border['all']['radius'] is not empty %} border-radius: {{ config_general_header_border['all']['radius'] }}; {% endif %} {% else %} {% if config_general_header_border['top']['color'] and config_general_header_border['top']['style'] and config_general_header_border['top']['width'] %} border-top-color: {{ config_general_header_border['top']['color'] }}; border-top-style: {{ config_general_header_border['top']['style'] }}; border-top-width: {{ config_general_header_border['top']['width'] }}; {% if config_general_header_border['top']['radius'] is not empty %} border-top-left-radius: {{ config_general_header_border['top']['radius'] }}; {% endif %} {% endif %} {% if config_general_header_border['right']['color'] and config_general_header_border['right']['style'] and config_general_header_border['right']['width'] %} border-top-color: {{ config_general_header_border['right']['color'] }}; border-top-style: {{ config_general_header_border['right']['style'] }}; border-top-width: {{ config_general_header_border['right']['width'] }}; {% if config_general_header_border['right']['radius'] is not empty %} border-top-right-radius: {{ config_general_header_border['right']['radius'] }}; {% endif %} {% endif %} {% if config_general_header_border['bottom']['color'] and config_general_header_border['bottom']['style'] and config_general_header_border['bottom']['width'] %} border-top-color: {{ config_general_header_border['bottom']['color'] }}; border-top-style: {{ config_general_header_border['bottom']['style'] }}; border-top-width: {{ config_general_header_border['bottom']['width'] }}; {% if config_general_header_border['bottom']['radius'] is not empty %} border-bottom-right-radius: {{ config_general_header_border['bottom']['radius'] }}; {% endif %} {% endif %} {% if config_general_header_border['left']['color'] and config_general_header_border['left']['style'] and config_general_header_border['left']['width'] %} border-top-color: {{ config_general_header_border['left']['color'] }}; border-top-style: {{ config_general_header_border['left']['style'] }}; border-top-width: {{ config_general_header_border['left']['width'] }}; {% if config_general_header_border['left']['radius'] is not empty %} border-bottom-left-radius: {{ config_general_header_border['left']['radius'] }}; {% endif %} {% endif %} {% endif %} {% if config_general_header_custom['width'] is not empty %} width: {{ config_general_header_custom['width'] }}; {% endif %} {% if config_general_header_custom['height'] is not empty %} height: {{ config_general_header_custom['height'] }}; {% endif %} {{ config_general_header_custom['css'] ?: config_general_header_custom['css'] }} } #header #logo{ position: absolute; bottom: 10px; left: 15px; } #language{ position: absolute; right: 10px; right: 0px; top: 25px; color: #999; line-height: 17px } #language > img{ cursor: pointer; margin-right: 5px; float: right; } #language .drop-button { background: none repeat scroll 0 0 #fff; border: 1px solid #fff; padding: 3px 5px; border-radius: 2px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } #language .drop-button span { margin: 0 4px; } #language ul li img{ margin-right: 5px; } #header #search{ position: absolute; bottom: 40px; left: 242px; z-index: 15; } #header #select-search{ border: 2px solid #656565; border-right: 0; width: 100px; height: 35px; cursor: pointer; padding: 5px; } #header #select-search option{ padding: 8px 5px; border: 1px #656565; } #header #_button-search{ position: absolute; right: 0; bottom: 0; background: #656565; width: 35px; height: 35px; border-left: 2px solid #656565; cursor: pointer; padding: 5px; } #header #_button-search i{ font-size: 20px; color: #fff; } #header #search > input{ background: #FFF; padding: 1px 45px 1px 10px; width: 300px; height: 35px; border: 2px solid #656565; border-radius: 0; font-size: 14px; float: right; } #header #search .keyword { position: absolute; margin-top: 35px; } #header #search .keyword > span{ margin-right: 20px; } #header #search .keyword ul{ padding: 0; list-style: none; display: inline-block; } #header #search .keyword ul li{ list-style: none; padding: 0; margin: 0; display: inline-block; } #header #search .keyword ul li + li{ margin-left: 10px; } #header #search .keyword ul li a{ display: block; } #header #welcome{ position: absolute; top: 0; right: 10px; z-index: 5; width: 298px; text-align: right; color: #999999; } #header .links{ position: absolute; left: 0px; top: 3px; font-size: 10px; padding-right: 10px; } #header .links a{ float: left; display: block; padding: 0px 0px 0px 7px; color: #0074a2; font-size: 12px; } #header .links a + a{ margin-left: 8px; border-left: 1px solid #CCC; } 4
3 2 layout.css public /* layout */ #container{ {% if config_general_container_custom['width'] is not empty %} width: {{ config_general_container_custom['width'] }}; {% endif %} {% if config_general_container_custom['height'] is not empty %} height: {{ config_general_container_custom['height'] }}; {% endif %} {% if config_general_container_margin['all'] is not empty %} margin: {{ config_general_container_margin['all'] }}; {% else %} {% if config_general_container_margin['top'] is not empty %} margin-top: {{ config_general_container_margin['top'] }}; {% endif %} {% if config_general_container_margin['right'] is not empty %} margin-right: {{ config_general_container_margin['right'] }}; {% endif %} {% if config_general_container_margin['bottom'] is not empty %} margin-bottom: {{ config_general_container_margin['bottom'] }}; {% endif %} {% if config_general_container_margin['left'] is not empty %} margin-left: {{ config_general_container_margin['left'] }}; {% endif %} {% endif %} {{ config_general_container_custom['css'] ?: config_general_container_custom['css'] }} } .container{ } #column-left{ {% if config_general_column_left_character['font'] %} font-family: {{ config_general_column_left_character['font'] }}; {% endif %} {% if config_general_column_left_character['size'] %} font-size: {{ config_general_column_left_character['size'] }}; {% endif %} {% if config_general_column_left_character['color'] %} color: {{ config_general_column_left_character['color'] }}; {% endif %} text-decoration: {{ config_general_column_left_character['text_decoration'] }}; {% if config_general_column_left_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_column_left_character['italic'] %} font-style: italic; {% endif %} {% if config_general_column_left_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_column_left_background['color'] %} background-color: {{ config_general_column_left_background['color'] }}; {% endif %} {% if config_general_column_left_background['image'] %} background-image: url("{{ imageUploadPath ~ config_general_column_left_background['image'] }}"); {% endif %} {% if config_general_column_left_background['repeat'] %} background-repeat: {{ config_general_column_left_background['repeat'] }}; {% endif %} {% if config_general_column_left_background['position'] %} background-position: {{ config_general_column_left_background['position'] }}; {% endif %} {% if config_general_column_left_border['all']['color'] and config_general_column_left_border['all']['style'] and config_general_column_left_border['all']['width'] %} border-color: {{ config_general_column_left_border['all']['color'] }}; border-style: {{ config_general_column_left_border['all']['style'] }}; border-width: {{ config_general_column_left_border['all']['width'] }}; {% if config_general_column_left_border['all']['radius'] is not empty %} border-radius: {{ config_general_column_left_border['all']['radius'] }}; {% endif %} {% else %} {% if config_general_column_left_border['top']['color'] and config_general_column_left_border['top']['style'] and config_general_column_left_border['top']['width'] %} border-top-color: {{ config_general_column_left_border['top']['color'] }}; border-top-style: {{ config_general_column_left_border['top']['style'] }}; border-top-width: {{ config_general_column_left_border['top']['width'] }}; {% if config_general_column_left_border['top']['radius'] is not empty %} border-top-left-radius: {{ config_general_column_left_border['top']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_left_border['right']['color'] and config_general_column_left_border['right']['style'] and config_general_column_left_border['right']['width'] %} border-top-color: {{ config_general_column_left_border['right']['color'] }}; border-top-style: {{ config_general_column_left_border['right']['style'] }}; border-top-width: {{ config_general_column_left_border['right']['width'] }}; {% if config_general_column_left_border['right']['radius'] is not empty %} border-top-right-radius: {{ config_general_column_left_border['right']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_left_border['bottom']['color'] and config_general_column_left_border['bottom']['style'] and config_general_column_left_border['bottom']['width'] %} border-top-color: {{ config_general_column_left_border['bottom']['color'] }}; border-top-style: {{ config_general_column_left_border['bottom']['style'] }}; border-top-width: {{ config_general_column_left_border['bottom']['width'] }}; {% if config_general_column_left_border['bottom']['radius'] is not empty %} border-bottom-right-radius: {{ config_general_column_left_border['bottom']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_left_border['left']['color'] and config_general_column_left_border['left']['style'] and config_general_column_left_border['left']['width'] %} border-top-color: {{ config_general_column_left_border['left']['color'] }}; border-top-style: {{ config_general_column_left_border['left']['style'] }}; border-top-width: {{ config_general_column_left_border['left']['width'] }}; {% if config_general_column_left_border['left']['radius'] is not empty %} border-bottom-left-radius: {{ config_general_column_left_border['left']['radius'] }}; {% endif %} {% endif %} {% endif %} {% if config_general_column_left_margin['all'] is not empty %} margin: {{ config_general_column_left_margin['all'] }}; {% else %} {% if config_general_column_left_margin['top'] is not empty %} margin-top: {{ config_general_column_left_margin['top'] }}; {% endif %} {% if config_general_column_left_margin['right'] is not empty %} margin-right: {{ config_general_column_left_margin['right'] }}; {% endif %} {% if config_general_column_left_margin['bottom'] is not empty %} margin-bottom: {{ config_general_column_left_margin['bottom'] }}; {% endif %} {% if config_general_column_left_margin['left'] is not empty %} margin-left: {{ config_general_column_left_margin['left'] }}; {% endif %} {% endif %} {% if config_general_column_left_padding['all'] is not empty %} padding: {{ config_general_column_left_padding['all'] }}; {% else %} {% if config_general_column_left_padding['top'] is not empty %} padding-top: {{ config_general_column_left_padding['top'] }}; {% endif %} {% if config_general_column_left_padding['right'] is not empty %} padding-right: {{ config_general_column_left_padding['right'] }}; {% endif %} {% if config_general_column_left_padding['bottom'] is not empty %} padding-bottom: {{ config_general_column_left_padding['bottom'] }}; {% endif %} {% if config_general_column_left_padding['left'] is not empty %} padding-left: {{ config_general_column_left_padding['left'] }}; {% endif %} {% endif %} {% if config_general_column_left_custom['width'] is not empty %} width: {{ config_general_column_left_custom['width'] }}; {% endif %} {% if config_general_column_left_custom['height'] is not empty %} height: {{ config_general_column_left_custom['height'] }}; {% endif %} {{ config_general_column_left_custom['css'] ?: config_general_column_left_custom['css'] }} } #column-right{ {% if config_general_column_right_character['font'] %} font-family: {{ config_general_column_right_character['font'] }}; {% endif %} {% if config_general_column_right_character['size'] %} font-size: {{ config_general_column_right_character['size'] }}; {% endif %} {% if config_general_column_right_character['color'] %} color: {{ config_general_column_right_character['color'] }}; {% endif %} text-decoration: {{ config_general_column_right_character['text_decoration'] }}; {% if config_general_column_right_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_column_right_character['italic'] %} font-style: italic; {% endif %} {% if config_general_column_right_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_column_right_background['color'] %} background-color: {{ config_general_column_right_background['color'] }}; {% endif %} {% if config_general_column_right_background['image'] %} background-image: url("{{ imageUploadPath ~ config_general_column_right_background['image'] }}"); {% endif %} {% if config_general_column_right_background['repeat'] %} background-repeat: {{ config_general_column_right_background['repeat'] }}; {% endif %} {% if config_general_column_right_background['position'] %} background-position: {{ config_general_column_right_background['position'] }}; {% endif %} {% if config_general_column_right_border['all']['color'] and config_general_column_right_border['all']['style'] and config_general_column_right_border['all']['width'] %} border-color: {{ config_general_column_right_border['all']['color'] }}; border-style: {{ config_general_column_right_border['all']['style'] }}; border-width: {{ config_general_column_right_border['all']['width'] }}; {% if config_general_column_right_border['all']['radius'] is not empty %} border-radius: {{ config_general_column_right_border['all']['radius'] }}; {% endif %} {% else %} {% if config_general_column_right_border['top']['color'] and config_general_column_right_border['top']['style'] and config_general_column_right_border['top']['width'] %} border-top-color: {{ config_general_column_right_border['top']['color'] }}; border-top-style: {{ config_general_column_right_border['top']['style'] }}; border-top-width: {{ config_general_column_right_border['top']['width'] }}; {% if config_general_column_right_border['top']['radius'] is not empty %} border-top-left-radius: {{ config_general_column_right_border['top']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_right_border['right']['color'] and config_general_column_right_border['right']['style'] and config_general_column_right_border['right']['width'] %} border-top-color: {{ config_general_column_right_border['right']['color'] }}; border-top-style: {{ config_general_column_right_border['right']['style'] }}; border-top-width: {{ config_general_column_right_border['right']['width'] }}; {% if config_general_column_right_border['right']['radius'] is not empty %} border-top-right-radius: {{ config_general_column_right_border['right']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_right_border['bottom']['color'] and config_general_column_right_border['bottom']['style'] and config_general_column_right_border['bottom']['width'] %} border-top-color: {{ config_general_column_right_border['bottom']['color'] }}; border-top-style: {{ config_general_column_right_border['bottom']['style'] }}; border-top-width: {{ config_general_column_right_border['bottom']['width'] }}; {% if config_general_column_right_border['bottom']['radius'] is not empty %} border-bottom-right-radius: {{ config_general_column_right_border['bottom']['radius'] }}; {% endif %} {% endif %} {% if config_general_column_right_border['left']['color'] and config_general_column_right_border['left']['style'] and config_general_column_right_border['left']['width'] %} border-top-color: {{ config_general_column_right_border['left']['color'] }}; border-top-style: {{ config_general_column_right_border['left']['style'] }}; border-top-width: {{ config_general_column_right_border['left']['width'] }}; {% if config_general_column_right_border['left']['radius'] is not empty %} border-bottom-left-radius: {{ config_general_column_right_border['left']['radius'] }}; {% endif %} {% endif %} {% endif %} {% if config_general_column_right_margin['all'] is not empty %} margin: {{ config_general_column_right_margin['all'] }}; {% else %} {% if config_general_column_right_margin['top'] is not empty %} margin-top: {{ config_general_column_right_margin['top'] }}; {% endif %} {% if config_general_column_right_margin['right'] is not empty %} margin-right: {{ config_general_column_right_margin['right'] }}; {% endif %} {% if config_general_column_right_margin['bottom'] is not empty %} margin-bottom: {{ config_general_column_right_margin['bottom'] }}; {% endif %} {% if config_general_column_right_margin['left'] is not empty %} margin-left: {{ config_general_column_right_margin['left'] }}; {% endif %} {% endif %} {% if config_general_column_right_padding['all'] is not empty %} padding: {{ config_general_column_right_padding['all'] }}; {% else %} {% if config_general_column_right_padding['top'] is not empty %} padding-top: {{ config_general_column_right_padding['top'] }}; {% endif %} {% if config_general_column_right_padding['right'] is not empty %} padding-right: {{ config_general_column_right_padding['right'] }}; {% endif %} {% if config_general_column_right_padding['bottom'] is not empty %} padding-bottom: {{ config_general_column_right_padding['bottom'] }}; {% endif %} {% if config_general_column_right_padding['left'] is not empty %} padding-left: {{ config_general_column_right_padding['left'] }}; {% endif %} {% endif %} {% if config_general_column_right_custom['width'] is not empty %} width: {{ config_general_column_right_custom['width'] }}; {% endif %} {% if config_general_column_right_custom['height'] is not empty %} height: {{ config_general_column_right_custom['height'] }}; {% endif %} {{ config_general_column_right_custom['css'] ?: config_general_column_right_custom['css'] }} } #content{ {% if config_general_content_character['font'] %} font-family: {{ config_general_content_character['font'] }}; {% endif %} {% if config_general_content_character['size'] %} font-size: {{ config_general_content_character['size'] }}; {% endif %} {% if config_general_content_character['color'] %} color: {{ config_general_content_character['color'] }}; {% endif %} text-decoration: {{ config_general_content_character['text_decoration'] }}; {% if config_general_content_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_content_character['italic'] %} font-style: italic; {% endif %} {% if config_general_content_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_content_background['color'] %} background-color: {{ config_general_content_background['color'] }}; {% endif %} {% if config_general_content_background['image'] %} background-image: url("{{ imageUploadPath ~ config_general_content_background['image'] }}"); {% endif %} {% if config_general_content_background['repeat'] %} background-repeat: {{ config_general_content_background['repeat'] }}; {% endif %} {% if config_general_content_background['position'] %} background-position: {{ config_general_content_background['position'] }}; {% endif %} {% if config_general_content_border['all']['color'] and config_general_content_border['all']['style'] and config_general_content_border['all']['width'] %} border-color: {{ config_general_content_border['all']['color'] }}; border-style: {{ config_general_content_border['all']['style'] }}; border-width: {{ config_general_content_border['all']['width'] }}; {% if config_general_content_border['all']['radius'] is not empty %} border-radius: {{ config_general_content_border['all']['radius'] }}; {% endif %} {% else %} {% if config_general_content_border['top']['color'] and config_general_content_border['top']['style'] and config_general_content_border['top']['width'] %} border-top-color: {{ config_general_content_border['top']['color'] }}; border-top-style: {{ config_general_content_border['top']['style'] }}; border-top-width: {{ config_general_content_border['top']['width'] }}; {% if config_general_content_border['top']['radius'] is not empty %} border-top-left-radius: {{ config_general_content_border['top']['radius'] }}; {% endif %} {% endif %} {% if config_general_content_border['right']['color'] and config_general_content_border['right']['style'] and config_general_content_border['right']['width'] %} border-top-color: {{ config_general_content_border['right']['color'] }}; border-top-style: {{ config_general_content_border['right']['style'] }}; border-top-width: {{ config_general_content_border['right']['width'] }}; {% if config_general_content_border['right']['radius'] is not empty %} border-top-right-radius: {{ config_general_content_border['right']['radius'] }}; {% endif %} {% endif %} {% if config_general_content_border['bottom']['color'] and config_general_content_border['bottom']['style'] and config_general_content_border['bottom']['width'] %} border-top-color: {{ config_general_content_border['bottom']['color'] }}; border-top-style: {{ config_general_content_border['bottom']['style'] }}; border-top-width: {{ config_general_content_border['bottom']['width'] }}; {% if config_general_content_border['bottom']['radius'] is not empty %} border-bottom-right-radius: {{ config_general_content_border['bottom']['radius'] }}; {% endif %} {% endif %} {% if config_general_content_border['left']['color'] and config_general_content_border['left']['style'] and config_general_content_border['left']['width'] %} border-top-color: {{ config_general_content_border['left']['color'] }}; border-top-style: {{ config_general_content_border['left']['style'] }}; border-top-width: {{ config_general_content_border['left']['width'] }}; {% if config_general_content_border['left']['radius'] is not empty %} border-bottom-left-radius: {{ config_general_content_border['left']['radius'] }}; {% endif %} {% endif %} {% endif %} {% if config_general_content_margin['all'] is not empty %} margin: {{ config_general_content_margin['all'] }}; {% else %} {% if config_general_content_margin['top'] is not empty %} margin-top: {{ config_general_content_margin['top'] }}; {% endif %} {% if config_general_content_margin['right'] is not empty %} margin-right: {{ config_general_content_margin['right'] }}; {% endif %} {% if config_general_content_margin['bottom'] is not empty %} margin-bottom: {{ config_general_content_margin['bottom'] }}; {% endif %} {% if config_general_content_margin['left'] is not empty %} margin-left: {{ config_general_content_margin['left'] }}; {% endif %} {% endif %} {% if config_general_content_padding['all'] is not empty %} padding: {{ config_general_content_padding['all'] }}; {% else %} {% if config_general_content_padding['top'] is not empty %} padding-top: {{ config_general_content_padding['top'] }}; {% endif %} {% if config_general_content_padding['right'] is not empty %} padding-right: {{ config_general_content_padding['right'] }}; {% endif %} {% if config_general_content_padding['bottom'] is not empty %} padding-bottom: {{ config_general_content_padding['bottom'] }}; {% endif %} {% if config_general_content_padding['left'] is not empty %} padding-left: {{ config_general_content_padding['left'] }}; {% endif %} {% endif %} {% if config_general_content_custom['width'] is not empty %} width: {{ config_general_content_custom['width'] }}; {% endif %} {% if config_general_content_custom['height'] is not empty %} height: {{ config_general_content_custom['height'] }}; {% endif %} {{ config_general_content_custom['css'] ?: config_general_content_custom['css'] }} } #column-left + #column-right + #content, #column-left + #content{ {% if config_general_column_left_custom['width'] is not empty %} margin-left: {{ config_general_column_left_custom['width']|number_format + 5 }}px; {% else %} margin-left: 215px; {% endif %} } #column-right + #content{ {% if config_general_column_right_custom['width'] is not empty %} margin-right: {{ config_general_column_right_custom['width']|number_format + 5 }}px; {% else %} margin-right: 215px; {% endif %} } #content h1{ {% if config_general_page_title_character['font'] %} font-family: {{ config_general_page_title_character['font'] }}; {% endif %} {% if config_general_page_title_character['size'] %} font-size: {{ config_general_page_title_character['size'] }}; {% endif %} {% if config_general_page_title_character['color'] %} color: {{ config_general_page_title_character['color'] }}; {% endif %} text-decoration: {{ config_general_page_title_character['text_decoration'] }}; {% if config_general_page_title_character['bold'] %} font-weight: bold; {% endif %} {% if config_general_page_title_character['italic'] %} font-style: italic; {% endif %} {% if config_general_page_title_character['uppercase'] %} text-transform: uppercase; {% endif %} {% if config_general_page_title_background['color'] %} background-color: {{ config_general_page_title_background['color'] }}; {% endif %} {% if config_general_page_title_background['image'] %} background-image: url("{{ imageUploadPath ~ config_general_page_title_background['image'] }}"); {% endif %} {% if config_general_page_title_background['repeat'] %} background-repeat: {{ config_general_page_title_background['repeat'] }}; {% endif %} {% if config_general_page_title_background['position'] %} background-position: {{ config_general_page_title_background['position'] }}; {% endif %} {% if config_general_page_title_border['all']['color'] and config_general_page_title_border['all']['style'] and config_general_page_title_border['all']['width'] %} border-color: {{ config_general_page_title_border['all']['color'] }}; border-style: {{ config_general_page_title_border['all']['style'] }}; border-width: {{ config_general_page_title_border['all']['width'] }}; {% if config_general_page_title_border['all']['radius'] is not empty %} border-radius: {{ config_general_page_title_border['all']['radius'] }}; {% endif %} {% else %} {% if config_general_page_title_border['top']['color'] and config_general_page_title_border['top']['style'] and config_general_page_title_border['top']['width'] %} border-top-color: {{ config_general_page_title_border['top']['color'] }}; border-top-style: {{ config_general_page_title_border['top']['style'] }}; border-top-width: {{ config_general_page_title_border['top']['width'] }}; {% if config_general_page_title_border['top']['radius'] is not empty %} border-top-left-radius: {{ config_general_page_title_border['top']['radius'] }}; {% endif %} {% endif %} {% if config_general_page_title_border['right']['color'] and config_general_page_title_border['right']['style'] and config_general_page_title_border['right']['width'] %} border-top-color: {{ config_general_page_title_border['right']['color'] }}; border-top-style: {{ config_general_page_title_border['right']['style'] }}; border-top-width: {{ config_general_page_title_border['right']['width'] }}; {% if config_general_page_title_border['right']['radius'] is not empty %} border-top-right-radius: {{ config_general_page_title_border['right']['radius'] }}; {% endif %} {% endif %} {% if config_general_page_title_border['bottom']['color'] and config_general_page_title_border['bottom']['style'] and config_general_page_title_border['bottom']['width'] %} border-top-color: {{ config_general_page_title_border['bottom']['color'] }}; border-top-style: {{ config_general_page_title_border['bottom']['style'] }}; border-top-width: {{ config_general_page_title_border['bottom']['width'] }}; {% if config_general_page_title_border['bottom']['radius'] is not empty %} border-bottom-right-radius: {{ config_general_page_title_border['bottom']['radius'] }}; {% endif %} {% endif %} {% if config_general_page_title_border['left']['color'] and config_general_page_title_border['left']['style'] and config_general_page_title_border['left']['width'] %} border-top-color: {{ config_general_page_title_border['left']['color'] }}; border-top-style: {{ config_general_page_title_border['left']['style'] }}; border-top-width: {{ config_general_page_title_border['left']['width'] }}; {% if config_general_page_title_border['left']['radius'] is not empty %} border-bottom-left-radius: {{ config_general_page_title_border['left']['radius'] }}; {% endif %} {% endif %} {% endif %} {% if config_general_page_title_margin['all'] is not empty %} margin: {{ config_general_page_title_margin['all'] }}; {% else %} {% if config_general_page_title_margin['top'] is not empty %} margin-top: {{ config_general_page_title_margin['top'] }}; {% endif %} {% if config_general_page_title_margin['right'] is not empty %} margin-right: {{ config_general_page_title_margin['right'] }}; {% endif %} {% if config_general_page_title_margin['bottom'] is not empty %} margin-bottom: {{ config_general_page_title_margin['bottom'] }}; {% endif %} {% if config_general_page_title_margin['left'] is not empty %} margin-left: {{ config_general_page_title_margin['left'] }}; {% endif %} {% endif %} {% if config_general_page_title_padding['all'] is not empty %} padding: {{ config_general_page_title_padding['all'] }}; {% else %} {% if config_general_page_title_padding['top'] is not empty %} padding-top: {{ config_general_page_title_padding['top'] }}; {% endif %} {% if config_general_page_title_padding['right'] is not empty %} padding-right: {{ config_general_page_title_padding['right'] }}; {% endif %} {% if config_general_page_title_padding['bottom'] is not empty %} padding-bottom: {{ config_general_page_title_padding['bottom'] }}; {% endif %} {% if config_general_page_title_padding['left'] is not empty %} padding-left: {{ config_general_page_title_padding['left'] }}; {% endif %} {% endif %} {% if config_general_page_title_custom['width'] is not empty %} width: {{ config_general_page_title_custom['width'] }}; {% endif %} {% if config_general_page_title_custom['height'] is not empty %} height: {{ config_general_page_title_custom['height'] }}; {% endif %} {{ config_general_page_title_custom['css'] ?: config_general_page_title_custom['css'] }} } /* footer */ footer .logo{ margin-bottom: 10px; } footer .logo img{ width: 80%; } footer h3{ color: #e2e2e2; font-size: 14px; margin-top: 0px; margin-bottom: 8px; } footer .column{ float: left; width: 25%; min-height: 100px; } footer .column.big{ width: 50%; } footer .column ul{ margin-top: 0px; margin-left: 8px; padding-left: 12px; } footer .column ul li{ margin-bottom: 3px; } footer .column a{ text-decoration: none; color: #e2e2e2; } footer .column a:hover{ text-decoration: underline; color: #fff; } footer .column i.fa { margin-right: 5px; } footer .social-network ul{ margin: 0; padding: 0; } footer .social-network ul li{ list-style: none; display: inline-block; margin-right: 5px; } footer #powered{ padding-top: 10px; text-align: left; clear: both; border-top: 1px solid #666; border-bottom: medium none; color: #d2d2d2; } footer #powered a{ font-weight: bold; text-transform: uppercase; color: #925353; text-transform: uppercase; } 3
6 2 carousel.css extension /* module carousel */ .carousel{ } .carousel .owl-carousel{ margin: 0 0 30px; } .carousel .owl-pagination{ top: 30px; } 0
7 2 slideshow.css extension .slideshow .owl-carousel{ margin: 0 0 10px; } .slideshow .owl-pagination{ top: 4px; } 0
10 2 news.css public /* news filter */ .news-filter{ overflow:auto; padding:5px; margin-left:0; margin-right:0; margin-bottom:10px; box-shadow:0 2px 5px rgba(204, 204, 204, 0.4) inset; border-radius:3px; background-color:#f7f7f7; border:1px solid #d4d4d4; color:#333; } .news-filter .display{ margin-right:15px; float:left; padding-top:4px; color:#333; } .news-filter .display a{ font-weight:bold; } .news-filter .sort{ float:right; color:#333; } .news-filter .limit{ margin-left:15px; float:right; color:#333; } /* News info */ .news-info{ overflow:auto; margin-bottom:20px; } .news-info > .left{ float:left; margin-right:15px; } .news-info > .left + .right{ margin-left:265px; } .news-info .date{ color:#666; } .news-info .comment{ color:#4D4D4D; } .news-info .comment .share{ overflow:auto; line-height:normal; float:right; } .news-info .comment .share a{ text-decoration:none; } /* box news content */ .box-news-content{ padding:10px; } .box-news-content .name{ margin-bottom:2px; } .box-news-content .name a{ font-size:14px; font-weight:bold; color:#13294A; } .box-news-content .date_added{ font-size:12px; color:#898989; margin-bottom:10px; } .box-news-content .image a img{ float:left; margin-right:10px; padding:2px; border:1px solid #E3E3E3; } .box-news-content .short-content{ font-size:13px; line-height:20px; text-align:justify; } .box-news-content ul{ list-style:none; padding-left:5px; } .box-news-content ul li{ list-style:none; margin-bottom:0; } /* news */ .news-list > div{ margin-bottom:15px; overflow:auto; } .news-list > div .name a{ color:#13294a; font-size:13px; font-weight:bold; } .news-list > div .image{ float:left; margin-right:10px; } .news-list > div .date_added{ color:#b1b1b1; } .news-list > div .short-content{ margin-top:5px; text-align:justify; } .news-list > div .image img{ border:1px solid #e7e7e7; padding:3px; } .news-related h3{ background:none repeat scroll 0 0 #fff; border:1px solid #ddd; border-radius:4px 4px 0 0; color:#333; padding:8px; margin-bottom:0; font-size:15px; } .news-related ul{ background:none repeat scroll 0 0 #eee; box-shadow:0 0 10px #ccc inset; margin-bottom:20px; margin-top:0; min-height:20px; padding:9px; border-radius:0 0 4px 4px; } .news-related ul li{ list-style:none; margin-left:18px; margin-bottom:4px; } .tags-list{ margin-bottom:10px; } .news-description{ background:none repeat scroll 0 0 #fff; border:4px solid #fff; border-radius:4px 4px 0 0; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); padding:0 10px; width:100%; } .news-description img{ max-width:100% !important; } .news-description p{ max-width:100% !important; } .news-description ul{ list-style-type:disc !important; margin:10px 0; padding-left:40px; } .news-description ul li{ list-style-type:disc !important; } .news-description strong{ font-weight:bold !important; } 5
11 2 exchange_rate.css extension .exchange-rate table{ margin-bottom:5px; } 0
12 2 gold_rate.css extension .gold-rate table{ margin-bottom:5px; } 0
13 2 support_online.css extension /* support online */ .support-online{ padding:5px; } .support-online .company{ color:#0074A2; font-size:14px; font-weight:bold; text-align:center; } .support-online .info p{ margin-bottom:5px; } .support-online .account{ border-top:1px solid #cccccc; padding-top:10px; } .support-online .account div + div{ border-top:1px solid #0074A2; } .support-online .account div p{ margin-bottom:5px; text-align:left; } .support-online .account div p span{ margin-right:5px; } .support-online .account div p.name{ text-align:center; font-weight:bold; } .support-online .account div p.skype, .support-online .account div p.yahoo{ text-align:center; } .support-online .account div p.skype img{ width:100px; } 0
14 2 weather.css extension /* weather */ .weather{ padding:10px; } .weather .info .image{ float:left; margin-right:5px; } .weather .info .chill{ float:left; font-size:30px; } .weather .info .chill .unit{ font-size:20px; float:right; margin-top:2px; } .weather .info .temperature{ float:right; margin-top:20px; font-weight:bold; } .weather .info .temperature .high{ color:#f60; } .weather .detail{ clear:both; } .weather .detail div{ font-size:12px; font-weight:bold; margin-bottom:5px; } 0
15 2 menu_header.css extension 0
9 2 dropdown.css public .drop-box{ position:relative; } .drop-box .drop-button{ color:#444; display:block; font-size:12px; font-weight:bold; position:relative; text-align:left; text-decoration:none; } .drop-box .drop-content{ background-color:#fff; box-shadow:0 6px 12px #80397b; clear:both; position:absolute; display:none; z-index:1000; } .drop-box .drop-content p.wait{ text-align:center; margin:10px 0; } .drop-box .drop-content.left{ left:0; } .drop-box .drop-content.left:after, .drop-box .drop-content.left:before{ left:10px; } .drop-box .drop-content.left:before{ margin-left:-6px; } .drop-box .drop-content.right{ right:0; } .drop-box .drop-content.right:after, .drop-box .drop-content.right:before{ right:10px; } .drop-box .drop-content.right:before{ margin-right:-6px; } .drop-box .drop-content.top{ border-top:4px solid #80397b; border-radius:0 0 5px 5px; } .drop-box .drop-content.top:after, .drop-box .drop-content.top:before{ bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .drop-box .drop-content.top:after{ border-color:rgba(136, 183, 213, 0); border-bottom-color:#fff; border-width:6px; } .drop-box .drop-content.top:before{ border-color:rgba(194, 225, 245, 0); border-bottom-color:#80397B; border-width:12px; } .drop-box .drop-content.bottom{ border-bottom:4px solid #80397b; border-radius:5px 5px 0 0; } .drop-box .drop-content.bottom:after, .drop-box .drop-content.bottom:before{ top:100%; left:10px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .drop-box .drop-content.bottom:after{ border-color:rgba(136, 183, 213, 0); border-top-color:#fff; border-width:6px; } .drop-box .drop-content.bottom:before{ border-color:rgba(194, 225, 245, 0); border-top-color:#80397B; border-width:12px; } .drop-box .drop-content .drop-title{ border-bottom:1px solid #e5e5e5; padding:4px; position:relative; height: 20px; } .drop-box .drop-content .drop-title > i.fa{ margin-right:5px; } .drop-box .drop-content .drop-title .drop-close{ color:#333; font-size:12px; font-weight:bold; line-height:1px; opacity:1; padding:3px 4px; position:absolute; right:7px; top:0; cursor:pointer; } .drop-box .drop-content .drop-title .drop-close:hover{ background-color:#80397b; border-radius:50%; color:#fff; } .drop-box .drop-content .drop-description ul.list-link{ list-style:none; padding:0; } .drop-box .drop-content .drop-description ul.list-link li{ clear:both; width:100%; } .drop-box .drop-content .drop-description ul.list-link li a{ display:block; text-decoration:none; color:#333; margin:1px; padding:5px; } .drop-box .drop-content .drop-description ul.list-link li a:hover, .drop-box .drop-content .drop-description ul.list-link li a.active{ background:#80397B; color:#fff } .drop-box .drop-content .drop-description ul.list-link li a i.fa{ margin-right:5px; } 6