joomla_test/templates/as002036free/css/style.default.css

1109 lines
21 KiB
CSS
Raw Permalink Normal View History

2020-01-02 22:20:31 +07:00
/**************************************************************************************/
/*
/* Designed by 'AS Designing'
/* Web: http://www.asdesigning.com
/* Web: http://www.astemplates.com
/* License: Creative Commons
/*
/**************************************************************************************/
body
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #333333;
}
a
{
color: #99ab32;
}
a:hover,
a.selected
{
color: #333333;
}
hr
{
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
blockquote
{
}
blockquote small
{
color: #999999;
}
blockquote.pull-right
{
border-right: 5px solid #eeeeee;
}
/**************************************************************************************/
/* Forms */
legend
{
color: #333333;
border-bottom: 1px solid #e5e5e5;
}
legend small
{
color: #999999;
}
textarea.invalid
{
border: 1px solid #d6610b;
}
input,
button,
select,
textarea
{
font-family: Arial, Helvetica, sans-serif;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
color: #999999;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
background-color: #FFFBDF;
border: 1px solid #B7CA4A;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
border-color: #d6610b;
}
select
{
border: 1px solid #bbb;
background-color: #ffffff;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted #333;
}
.label-info,
.badge-info
{
background-color: #99ab32;
}
/**************************************************************************************/
/* Headings and Titles */
h1,
h2,
h3,
h4
{
}
h1
{
font-size: 26px;
line-height: 36px;
font-weight: normal;
}
h2
{
font-size: 26px;
line-height: 36px;
font-weight: normal;
}
h3
{
font-size: 18px;
line-height: 20px;
}
h4
{
font-size: 18px;
}
h5
{
font-size: 16px;
margin-bottom: 0px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small
{
color: #999999;
}
h1,
h2,
h2.item_title,
.item__featured .item_title,
.module_title,
.page-category .item_title,
.page_header h2,
.contact_category,
.category_title h2,
.items-leading h2,
h3,
h4
{
color: #778527;
}
#component .page_header h2,
#component .category_title h2,
#component h2.item_title
{
text-align: left;
}
.page-header
{
}
p .price
{
font-family: 'Tangerine', sans-serif;
font-size: 32px;
}
/**************************************************************************************/
/* Images */
.item_img,
.category_img,
.module_img,
.item_fulltext img,
.random-image img,
img.left,
img.right
{
-moz-box-shadow: 1px 2px 2px 0px #4c5808;
-webkit-box-shadow: 1px 2px 2px 0px #4c5808;
box-shadow: 1px 2px 2px 0px #4c5808;
}
aside .img-intro__left img,
aside .img-intro__right img
{
}
.item_img img,
.category_img img,
.item_fulltext img,
.random-image img,
aside .img-intro__left img,
aside .img-intro__right img
{
width: auto;
border-radius: 15px;
}
.menudesc img
{
float: left;
margin: 0px 20px 10px 0px;
}
.footer-row-1 .item_img,
.footer-row-1 .category_img,
.footer-row-1 .item_fulltext img,
.footer-row-1 .random-image img
{
border: 1px solid #e1e4d9;
}
/**************************************************************************************/
/* Lists */
.categories-module li,
.archive-module li
{
background: url('../images/styles/default/li.style.png') left 11px no-repeat;
}
.categories-module li a,
.archive-module li a
{
color: #626262;
}
.categories-module li a:hover,
.archive-module li a:hover
{
color: #F93;
}
.social ul li,
.social p
{
color: #7c96af;
letter-spacing: 1px;
}
.social ul li img
{
color: #FFF;
border-radius: 50%;
background-color: #6C7924 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#96AC3E), to(#6C7924)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #96AC3E, #6C7924) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #96AC3E, #6C7924) !important; /* FF3.6+ */
background-image: -ms-linear-gradient(top, #96AC3E, #6C7924) !important; /* IE10 */
background-image: -o-linear-gradient(top, #96AC3E, #6C7924) !important; /* Opera 11.10+ */
background-image: linear-gradient(top, #96AC3E, #6C7924) !important; /* W3C */
transition: background 0.1s ease 0.1s;
}
.social ul li img:hover
{
background-color: #6C7924;
background-image: none !important;
transition: background 0.1s ease 0.1s;
}
/**************************************************************************************/
/* Buttons */
.btn,
a.btn,
a.readmore,
.btn_info,
.btn-info,
.btn-group button.btn,
.mod-newsflash a.readmore,
.btn-primary,
.btn_primary,
.contentpane .button
{
color: #ffffff;
background-color: #7f9528;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9db440), to(#7f9528)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #9db440, #7f9528) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #9db440, #7f9528) !important; /* FF3.6+ */
background-image: -ms-linear-gradient(top, #9db440, #7f9528) !important; /* IE10 */
background-image: -o-linear-gradient(top, #9db440, #7f9528) !important; /* Opera 11.10+ */
background-image: linear-gradient(top, #9db440, #7f9528) !important; /* W3C */
-moz-box-shadow: 1px 2px 2px 0px #4c5808 !important;
-webkit-box-shadow: 1px 2px 2px 0px #4c5808 !important;
box-shadow: 1px 2px 2px 0px #4c5808 !important;
}
#component a.btn,
#component a.readmore,
#component .btn_info,
#component .btn-info,
#component .btn-group button.btn,
#component .mod-newsflash a.readmore,
#component .btn-primary,
#component .btn_primary,
#component .contentpane .button,
#content-row-4 a.btn,
#content-row-4 a.readmore,
#content-row-4 .btn_info,
#content-row-4 .btn-info,
#content-row-4 .btn-group button.btn,
#content-row-4 .mod-newsflash a.readmore,
#content-row-4 .btn-primary,
#content-row-4 .btn_primary,
#content-row-4 .contentpane .button
{
background-position: top right;
}
.btn:hover,
a.btn:hover,
.btn_info:hover,
.btn-info:hover,
.btn_info:active,
.btn-info:active,
.btn_info.active,
.btn-info.active,
.btn_info.disabled,
.btn-info.disabled,
.btn_info[disabled],
.btn-info[disabled],
.btn-primary:hover,
.btn_primary:hover,
.btn-primary:active,
.btn_primary:active,
.btn-primary.active,
.btn_primary.active,
.btn-primary.disabled,
.btn_primary.disabled,
.btn-primary[disabled],
.btn_primary[disabled],
.mod-newsflash a.readmore:hover,
a.readmore:hover,
.contentpane .button:hover
{
color: #333333;
background-color: #FFFBDF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFBDF), to(#fcf4bf)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FFFBDF, #fcf4bf) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #FFFBDF, #fcf4bf) !important; /* FF3.6+ */
background-image: -ms-linear-gradient(top, #FFFBDF, #fcf4bf) !important; /* IE10 */
background-image: -o-linear-gradient(top, #FFFBDF, #fcf4bf) !important; /* Opera 11.10+ */
background-image: linear-gradient(top, #FFFBDF, #fcf4bf) !important; /* W3C */
}
#component a.btn:hover,
#component .btn_info:hover,
#component .btn-info:hover,
#component .btn_info:active,
#component .btn-info:active,
#component .btn_info.active,
#component .btn-info.active,
#component .btn_info.disabled,
#component .btn-info.disabled,
#component .btn_info[disabled],
#component .btn-info[disabled],
#component .btn-primary:hover,
#component .btn_primary:hover,
#component .btn-primary:active,
#component .btn_primary:active,
#component .btn-primary.active,
#component .btn_primary.active,
#component .btn-primary.disabled,
#component .btn_primary.disabled,
#component .btn-primary[disabled],
#component .btn_primary[disabled],
#component .mod-newsflash a.readmore:hover,
#component a.readmore:hover,
#component .contentpane .button:hover,
#content-row-4 a.btn:hover,
#content-row-4 .btn_info:hover,
#content-row-4 .btn-info:hover,
#content-row-4 .btn_info:active,
#content-row-4 .btn-info:active,
#content-row-4 .btn_info.active,
#content-row-4 .btn-info.active,
#content-row-4 .btn_info.disabled,
#content-row-4 .btn-info.disabled,
#content-row-4 .btn_info[disabled],
#content-row-4 .btn-info[disabled],
#content-row-4 .btn-primary:hover,
#content-row-4 .btn_primary:hover,
#content-row-4 .btn-primary:active,
#content-row-4 .btn_primary:active,
#content-row-4 .btn-primary.active,
#content-row-4 .btn_primary.active,
#content-row-4 .btn-primary.disabled,
#content-row-4 .btn_primary.disabled,
#content-row-4 .btn-primary[disabled],
#content-row-4 .btn_primary[disabled],
#content-row-4 .mod-newsflash a.readmore:hover,
#content-row-4 a.readmore:hover,
#content-row-4 .contentpane .button:hover
{
background-position: bottom right;
}
/**************************************************************************************/
/* Pagination */
.pagination ul li .pagenav
{
color: #555555;
}
.pagination ul li span.pagenav
{
color: #555555;
}
.pagination ul li a.pagenav
{
color: #99ab32;
}
.pagination ul li a.pagenav:hover
{
color: #626262;
}
.pagination ul li.num span.pagenav
{
color: #626262;
}
/**************************************************************************************/
/* BlockNumbers */
span.blocknumber
{
background-color: #99ab32;
color: #FFFFFF;
}
#footer span.blocknumber
{
background-color: #99ab32;
color: #FFFFFF;
}
span.blocktitle
{
font-size: 18px;
padding-bottom: 5px;
text-transform: uppercase;
color: #99ab32;
font-family: 'Tangerine',Arial,serif !important;
}
/**************************************************************************************/
/* Toggling */
.toggle_content
{
background-color: #FFF7CC;
border: none;
color: #121212;
}
/**************************************************************************************/
/* Newsflash */
.mod-newsflash-adv__links .item_content
{
background-color: #e9e9e9;
}
.mod-newsflash-adv__links .item_content ul li a,
.mod-newsflash-adv__links.support .item_introtext
{
color: #7F7F7F;
}
.mod-newsflash-adv__links .item_content ul li a:hover
{
color: #99ab32;
}
.mod-newsflash-adv__links a.readmore:hover
{
color: #99ab32;
}
/**************************************************************************************/
/* Back to Top */
#back-top a
{
font-family: Arial, Helvetica, sans-serif;
color: #626262;
}
#back-top a:hover
{
color: #626262;
}
#back-top span
{
background-color: transparent;
}
/**************************************************************************************/
/* Gallery */
.page-gallery .item_title
{
font-family: 'Tangerine', sans-serif;
}
.page-gallery a.zoom span.zoom-bg,
.page-item__gallery a.zoom span.zoom-bg
{
background-color: #000000;
}
#galleryOverlay
{
background-image: url(../images/bg.gallery.png);
}
/**************************************************************************************/
/* Testimonials */
.blockquote
{
background-image: url('../images/styles/default/blockquote.png');
}
/**************************************************************************************/
/* General
/**************************************************************************************/
/**************************************************************************************/
.wrapper
{
}
.muted
{
color: #99ab32;
}
/**************************************************************************************/
/* Header
/**************************************************************************************/
/**************************************************************************************/
#header-top-wrapper
{
}
/**************************************************************************************/
/* Header Row */
#header-row .container
{
}
#header-row .btn-search
{
background-color: #FFFFFF !important;
}
#logo span.slogan
{
color: #333333;
}
.social ul li.border
{
background-image: url(../images/styles/default/menu.li.border.png) !important;
background-repeat: repeat-y !important;
background-position: top center !important;
}
/**************************************************************************************/
/* Navigation Row */
/**************************************************************************************/
/* Slider Row */
#slider-row
{
}
#slider-row .moduletable.slider
{
border: 0px solid #CCCCCC;
background-color: #172236;
margin: 0;
}
.slide_title
{
color: #626262;;
}
.camera_caption a.readmore
{
}
.slide_title a
{
color: #626262;
}
.slide_title a:hover
{
color: #99ab32;
}
.slide_title .item_title_part0
{
color: #99ab32;
}
.camera_caption p
{
line-height: 60px;
padding: 0;
}
.camera_caption a.readmore
{
background-color: #99ab32;
background-image: -moz-linear-gradient(top, #99ab32, #99ab32);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ab32), to(#99ab32));
background-image: -webkit-linear-gradient(top, #99ab32, #99ab32);
background-image: -o-linear-gradient(top, #99ab32, #99ab32);
background-image: linear-gradient(to bottom, #99ab32, #99ab32);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFD712D', endColorstr='#ff74B690', GradientType=0);
}
.camera_caption a.readmore:hover
{
background-image: -moz-linear-gradient(top, #99ab32, #99ab32);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ab32), to(#99ab32));
background-image: -webkit-linear-gradient(top, #99ab32, #99ab32);
background-image: -o-linear-gradient(top, #99ab32, #99ab32);
background-image: linear-gradient(to bottom, #99ab32, #99ab32);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74B690', endColorstr='#ff74B690', GradientType=0);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover
{
background-color: #99ab32;
}
.camera_wrap .camera_pag .camera_pag_ul li
{
background-color: #99ab32;
}
/**************************************************************************************/
/* Breadcrumb Row */
#breadcrumbs-row
{
color: #333333;
}
#breadcrumbs-row .moduletable .breadcrumb
{
font-size: 11px;
text-transform: uppercase;
background-color: transparent;
}
#breadcrumbs-row .moduletable input
{
background-color: transparent;
border: none;
box-shadow: none;
color: #333333;
}
#breadcrumbs-row .container
{
background-color: #99ab32;
}
#breadcrumbs-row a
{
color: #ffffff;
}
#breadcrumbs-row a:hover
{
color: #333333;
}
/**************************************************************************************/
/* Content
/**************************************************************************************/
/**************************************************************************************/
#custom-content-wrapper
{
}
.page-featured .item__featured
{
border-bottom: 1px dotted #D4D4D4;
}
.page-featured .items-leading .item__featured,
.page-featured .items-row:last-child .item__featured
{
border-bottom: none;
}
.page-blog .category_desc p,
.page-category .category_desc p,
.page-category .items-row
{
border-bottom: 1px solid #D4D4D4;
}
.item_info_dl dd
{
border-right: 1px solid #B3B3B3;
}
/**************************************************************************************/
/* Blog Pages */
.page-blog p.item_title
{
color: #778527;
}
.page-blog .items-leading,
.page-blog .items-row
{
border-bottom: 1px dotted #778527;
}
/**************************************************************************************/
/* Archive Page */
.page-archive .alert-info
{
background-color: #eeeeee;
border: 1px solid #eeeeee;
}
/**************************************************************************************/
/* Contacts Page */
#contact_map
{
border: 1px solid #cbcbcb;
}
/**************************************************************************************/
/* Sidebars
/**************************************************************************************/
/**************************************************************************************/
aside .moduletable img
{
-moz-box-shadow: 1px 2px 2px 0px #4c5808;
-webkit-box-shadow: 1px 2px 2px 0px #4c5808;
box-shadow: 1px 2px 2px 0px #4c5808;
}
#aside-row-2-left h2,
#aside-row-2-left .module_title
{
border: none;
}
#aside-row-1-left .moduletable,
#aside-row-1-right .moduletable
{
background-color: #99ab32;
border-radius: 20px;
}
#aside-row-1-left .moduletable ul li a,
#aside-row-1-right .moduletable ul li a
{
color: #333333;
}
#aside-row-1-left .moduletable h1,
#aside-row-1-left .moduletable h2,
#aside-row-1-left .moduletable h3,
#aside-row-1-left .moduletable h4,
#aside-row-1-left .moduletable h5,
#aside-row-1-left .moduletable p,
#aside-row-1-right .moduletable h1,
#aside-row-1-right .moduletable h2,
#aside-row-1-right .moduletable h3,
#aside-row-1-right .moduletable h4,
#aside-row-1-right .moduletable h5,
#aside-row-1-right .moduletable p
{
color: #FFFFFF;
}
#aside-row-2-right .moduletable
{
background-color: #FFF7CC;
border-radius: 20px;
}
#aside-row-2-right h2,
#aside-row-2-right h3
{
background-color: transparent;
}
.mod-newsflash .item
{
}
#aside-row-2-left .moduletable ul.nav li a,
#aside-row-2-right .moduletable ul.nav li a
{
color: #333333;
}
#aside-row-2-left .moduletable ul.nav li a:hover,
#aside-row-2-right .moduletable ul.nav li a:hover
{
color: #778527;
}
/**************************************************************************************/
/* Content Rows */
#content-row-1 .moduletable-wrapper
{
background-color: #FFF7CC;
color: #333333;
}
#content-row-2 .moduletable-wrapper
{
background-color: #99ab32;
color: #ffffff;
}
#content-row-2 h1,
#content-row-2 h2,
#content-row-2 h3,
#content-row-2 h4,
#content-row-2 a
{
color: #ffffff;
}
#content-row-3 .moduletable-wrapper
{
background-color: #99ab32;
color: #ffffff;
}
#content-row-3 h1,
#content-row-3 h2,
#content-row-3 h3,
#content-row-3 h4,
#content-row-3 a
{
color: #ffffff;
}
#content-row-4 .moduletable-wrapper
{
background-color: #FFF7CC;
color: #333333;
}
#content-row-4 .mod-newsflash .item a:hover,
#content-row-4 .mod-custom a:hover
{
color: #778527;
}
#content-row-4 h2,
#content-row-4 h3,
#content-row-4 a
{
color: #333333;
}
#content-row-4 .module_title
{
}
#content-row-4 .mod-newsflash .item ul li a
{
}
#content-row-4 .mod-newsflash .item ul li a:hover
{
}
#content-row-4 img
{
-moz-box-shadow: 1px 1px 2px 0px #ba7f3b;
-webkit-box-shadow: 1px 1px 2px 0px #ba7f3b;
box-shadow: 1px 1px 2px 0px #ba7f3b;
}
/**************************************************************************************/
/* Footer
/**************************************************************************************/
/**************************************************************************************/
#footer
{
}
#footer-row .container .wrapper
{
background-color: #99AB32;
border-radius: 20px;
color: #ffffff;
}
#footer-row h2,
#footer-row h3
{
color: #ffffff;
}
#footer-row .footer-row-separator
{
}
#footer-row ul li
{
list-style-image: url(../images/list.style.2.png);
}
#footer-row ul.nav li a
{
color: #ffffff;
}
#footer-row ul.nav li a:hover
{
background-color: transparent;
color: #333333;
}
#copyright-row .container .wrapper
{
background-color: #FFF7CC;
}
#copyright-menu li
{
border-right: 1px solid #b3b3b3;
}
#copyright-menu li a
{
color: #fff !important;
}
#copyright-menu li a:hover
{
color: #99ab32;
}
#copyright-menu li.current a,
#copyright-menu li.active a
{
color: #99ab32;
}
#footer-row div.sigplus-gallery ul > li > img,
#footer-row div.sigplus-gallery ul > li > a > img
{
-webkit-box-shadow: 1px 1px 1px -1px #999;
-moz-box-shadow: 1px 1px 1px -1px #999;
box-shadow: 1px 1px 1px -1px #999;
}
#footer-row div.sigplus-gallery ul > li > img:hover,
#footer-row div.sigplus-gallery ul > li > a > img:hover
{
opacity: 0.9;
}