Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Centita
- Theme URI: http://www.indonez.com/
- Description: Minimalist Business Wordpress Theme
- Author: Indonez
- Author URI: http://themeforest.net/user/indonez
- Version: 2.0
- */
- /*----------------------------------------------------
- Centita - CSS File
- ------------------------------------------------------*/
- /* Import CSS Reset File */
- @import url("css/reset.css");
- /* Global
- ------------------------------------------------------*/
- body{
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:14px;
- background: #757474 url("images/gradient_background.jpg");
- background-repeat: repeat-x;
- }
- *{
- margin:0;
- padding:0;
- }
- *:focus{
- outline:none; /* removes ugly dotted border but may make template more unsuable, up to you if you want to keep it! */
- }
- .clr{clear:both}
- form{
- margin:0; padding:0;
- }
- hr{
- border:0;
- color:#dedede;
- background-color: #dedede;
- height: 1px;
- margin:10px 0px 6px 0px;
- padding:0px;
- }
- /* Default Element Styles
- ------------------------------------------------------*/
- /* heading */
- h1, h2, h3, h4, h5{
- margin-bottom:15px;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-weight:normal;
- color:#fffff;
- }
- h1{
- font-size:36px;
- line-height:30px;
- }
- h2{
- font-size:24px;
- line-height:28px;
- }
- h3{
- font-size:18px;
- line-height:20px;
- }
- h4{
- font-size:16px;
- line-height:18px;
- }
- h5{
- font-size:12px;
- margin:3px 0px;
- padding:0px;
- letter-spacing:1px;
- }
- /* links */
- a{
- color:#2F87AA;
- text-decoration:none;
- }
- a:visited{
- color:#2F87AA; text-decoration:none;
- }
- a:hover{
- color:#4c4c4c;
- }
- a img{
- border:none
- }
- .imgleft{
- float:left;
- padding:5px 12px 0px 0px;
- }
- .imgright{
- float:right;
- padding-left:12px;
- }
- /* lists, blockquotes and paragraphs */
- p, ul, ol, blockquote{
- font-size:12px;
- line-height:18px;
- margin-bottom:20px;
- color:#4c4c4c;
- }
- ul, ol{
- margin:10px 0 35px 40px;
- }
- li ol, li ul{
- font-size:1.0em;
- list-style:square;
- margin-bottom:0;
- margin-top:0;
- }
- li ol{
- list-style:decimal;
- }
- blockquote{
- font-style:italic;
- margin:0px;
- color:#4c4c4c;
- padding:0px 4px 0px 32px;
- background-position:0px 5px;
- background-repeat:no-repeat;
- }
- /* code */
- code{
- font-family:Georgia, "Times New Roman", Times, serif;
- letter-spacing:1px;
- margin:25px 0 25px 0px;
- display:block;
- font-size:0.9em;
- border-left:4px solid #dddddd;
- padding:15px 10px;
- }
- pre{
- clear: both;
- font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace;
- background: url(images/pre_bg.gif) repeat;
- border: 1px solid #d3d3d3;
- padding: 18px 20px 15px 20px;
- line-height: 19px;
- overflow:auto;
- overflow-Y: hidden;
- color: #555;
- margin: 0 0 20px 0;
- }
- /* Arrow List */
- .arrowlist {
- margin-bottom: 20px;
- margin-left: 5px;
- list-style: none;
- }
- .arrowlist li {
- font-size: 12px;
- margin: 0 0 5px 0;
- padding-bottom: 5px;
- padding-left: 20px;
- background: url(images/arrow.gif) 0 5px no-repeat;
- color: #4c4c4c;
- }
- /* Check List */
- .checklist {
- margin-bottom: 20px;
- margin-left: 5px;
- list-style: none;
- }
- .checklist li {
- font-size: 12px;
- margin: 0 0 5px 0;
- padding-bottom: 5px;
- padding-left: 25px;
- background: url(images/tick.png) 0 0 no-repeat;
- color: #4c4c4c;
- border-bottom: 1px solid #dfdfdf;
- }
- /* Check List */
- .bulletlist {
- margin-bottom: 20px;
- margin-left: 5px;
- list-style: none;
- }
- .bulletlist li {
- font-size: 12px;
- margin: 0 0 5px 0;
- padding-bottom: 5px;
- padding-left: 20px;
- background: url(images/bullet.png) 0 5px no-repeat;
- color: #4c4c4c;
- }
- /* Item List */
- .itemlist {
- margin-bottom: 20px;
- margin-left: 5px;
- list-style: none;
- }
- .itemlist li {
- font-size: 12px;
- margin: 0 0 5px 0;
- padding-bottom: 5px;
- padding-left: 20px;
- background: url(images/item.png) 0 5px no-repeat;
- color: #4c4c4c;
- border-bottom: 1px solid #dfdfdf;
- }
- /* Dropcap */
- .dropcap{
- background:transparent url(images/big-bullet.png) no-repeat scroll -1px -1px;
- color:#ffffff;
- float:left;
- font-size:24px;
- height:41px;
- line-height:30px;
- margin-bottom:-10px;
- margin-right:10px;
- padding-top:5px;
- text-align:center;
- width:41px;
- }
- /* Pullquotes */
- .pullquote_right,.pullquote_left{
- color:#9F9F9F;
- float:right;
- font-size: 16px;
- letter-spacing:0px;
- margin-bottom:0;
- margin-top:10px;
- margin-left:20px;
- padding:0 10px;
- width:33%;
- font-style: italic;
- background: url(images/quote.png) top left no-repeat;
- font-family: Georgia, "Times New Roman", Times, serif;
- }
- .pullquote_left{
- border-left: none;
- float:left;
- margin-left:0px;
- margin-right:10px;
- }
- .button_readmore {
- background: #ffffff;
- border: 1px solid #dadada;
- padding: 5px 10px 7px 10px;
- text-transform: uppercase;
- text-decoration: none;
- font-size: 11px;
- color: #555555;
- }
- /* Custom Message Styling */
- .info {
- margin: 15px 0;
- font-size: 14px;
- color: #246EA7;
- padding: 15px 12px 15px 47px;
- background: #DFECF7 url(images/info.png) .5em .4em no-repeat;
- border: 1px solid #A7CEEC;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- }
- .error {
- margin: 15px 0;
- font-size: 14px;
- color: #C92036;
- padding: 15px 12px 15px 47px;
- background: #FAE1E1 url(images/error.png) .5em .4em no-repeat;
- border: 1px solid #EDA8A8;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow:0 0 6px #aaaaaa;
- box-shadow:0 0 6px #aaaaaa;
- -webkit-box-shadow:0 0 6px #aaaaaa;
- }
- .warning {
- margin: 15px 0;
- font-size: 14px;
- color: #E08820;
- padding: 15px 12px 15px 47px;
- background: #FDF4D7 url(images/warning.png) .5em .4em no-repeat;
- border: 1px solid #E8C779;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow:0 0 6px #aaaaaa;
- box-shadow:0 0 6px #aaaaaa;
- -webkit-box-shadow:0 0 6px #aaaaaa;
- }
- .success,
- .success-message{
- margin: 15px 0;
- font-size: 14px;
- color: #84AF22;
- padding: 15px 12px 15px 47px;
- background: #E6F2D2 url(images/ok.png) .5em .4em no-repeat;
- border: 1px solid #96C24A;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -moz-box-shadow:0 0 6px #aaaaaa;
- box-shadow:0 0 6px #aaaaaa;
- -webkit-box-shadow:0 0 6px #aaaaaa;
- }
- /* Highlight Styles */
- .highlight-yellow {padding:1px 4px;background-color:yellow;color:#111;}
- .highlight-dark{padding:1px 4px;background-color:#6a6a6a;color:#fff;}
- .highlight-red{padding:1px 4px;background-color:#DE2D2D;color:#fff;}
- .highlight-green{padding:1px 4px;background-color:#A3CC29;color:#111;}
- /* Front Page Slider
- ------------------------------------------------------*/
- #slider1 {
- width: 960px; /* important to be same as image width */
- height: 280px; /* important to be same as image height */
- position: relative; /* important */
- overflow: hidden; /* important */
- }
- }
- #slider1 ul {
- margin-bottom: 0;
- }
- #slider1 li {
- border: none;
- color: #dadada;
- margin: 0;
- padding-bottom: 5px;
- }
- #slider1Content {
- width: 960px; /* important to be same as image width or wider */
- position: absolute;
- top: 0;
- margin-left: 0;
- }
- .slider1Image {
- float: left;
- position: relative;
- display: none;
- }
- .slider1Image span {
- position: absolute;
- font-size:12px;
- padding:15px 20px;
- width: 960px;
- background-color: #000;
- filter: alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- opacity: 0.7;
- color: #fff;
- display: none;
- }
- .clear {
- clear: both;
- }
- .slider1Image span strong {
- font-size: 24px;
- }
- .slider1Image span.top strong,
- .slider1Image span.bottom strong{
- margin: 0;
- padding: 0;
- }
- span p {
- color: #fff;
- }
- span.top p,
- span.bottom p {
- margin-right:20px;
- }
- span.right {
- right: 0;
- bottom: 0;
- width: 272px !important;
- height: 260px;
- }
- span.top {
- top: 0;
- left: 0;
- height: 60px;
- }
- span.bottom {
- bottom: 0;
- left: 0;
- height: 70px;
- padding: 10px;
- }
- span.left {
- top: 0;
- left: 0;
- width: 272px !important;
- height: 260px;
- }
- ul {
- list-style-type: none;
- }
- a.more {
- display: inline-block;
- margin-top:10px;
- padding: 5px 10px;
- background: #2f87aa;
- color: #ffffff;
- }
- #slider {
- margin-top: 20px;
- position:relative;
- width:960px; /* Change this to your images width */
- height:280px; /* Change this to your images height */
- background:url(images/loading.gif) no-repeat 50% 50%;
- }
- #slider img {
- position:absolute;
- top:0px;
- left:0px;
- display:none;
- }
- #slider a{
- border:0;
- display:block;
- }
- /* Container
- ------------------------------------------------------*/
- #bottom_container{
- background: #454444;
- height: 100px;
- margin: 0 auto;
- padding:0px 0px 0px 0px;
- width: 990px;
- -moz-box-shadow: 0 0 5px #888;
- -webkit-box-shadow: 0 0 5px#888;
- box-shadow: 0 0 5px #888;
- }
- /* Centercolumn
- ------------------------------------------------------*/
- #centercolumn{
- background: none repeat scroll 0 0 #FFFFFF;
- margin: 0 auto;
- padding:0px 15px 0px 15px;
- width: 960px;
- height:auto;
- -moz-box-shadow: 0 0 5px #888;
- -webkit-box-shadow: 0 0 5px#888;
- box-shadow: 0 0 5px #888;
- }
- /* Header */
- *header{
- padding:0px 0px 0px 0px;
- }
- #header-wrapper {
- width: 990px;
- margin: 0 auto;
- padding:0px 0px 0px 0px;
- }
- #menu-wrapper {
- height: 46px;
- margin: 0 auto;
- width: 990px;
- }
- #menu-container {
- height:44px;
- width: 990px;
- margin: 0;
- padding: 0;
- }
- #logo{
- width:300px;
- padding:5px 0px 0px 0px;
- float:left;
- }
- #topmenu{
- width:955px;
- margin-left: auto;
- margin-right: auto;
- }
- #portal {
- float: right;
- padding-top: 10px;
- }
- #social_container{
- float: right;
- padding:10px 0px 5px 250px;
- }
- /* Seacrh styling */
- #search-box{
- padding:15px 0px 0px 0px;
- }
- #search{
- float:right;
- width:auto;
- }
- #s{
- font:12px Georgia, "Times New Roman", Times, serif;
- font-size:11px;
- color:#444444;
- padding:5px 30px 2px 3px;
- background color:eaeaea;
- border:1px solid #d9d9d9;
- width:210px;
- }
- #s:focus{
- border:1px solid #adacac;
- color:#adacac;
- }
- #search .go{
- position:absolute;
- margin:2px 0 0 -26px;
- background: url(images/search-icon.gif);
- height: 17px;
- width: 18px;
- cursor:pointer;
- border: none;
- color:#444444;
- }
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- #search .go {
- position:absolute;
- margin:-19px 0 0 198px;
- background: url(images/search-icon.gif);
- height: 17px;
- width: 18px;
- cursor:pointer;
- border: none;
- }
- }
- span.descmenu{
- font-size:11px;
- padding:0px 0px;
- color:#989797;
- text-transform:lowercase;
- }
- }
- }
- /* Content
- ------------------------------------------------------*/
- #content{
- width:960;
- }
- #maincontent{
- padding:10px 0px 30px 0px;
- background: #fffff;
- overflow: hidden;
- }
- .h-line {
- padding:4px 0px;
- }
- /* main */
- #main{
- width:610px;
- float:left;
- }
- #maintext{
- padding:0px 0px 20px 0px;
- }
- #maintext h2{
- margin:0px;
- }
- #maintext h1,
- #fullwidth h1 {
- color:#2f87aa;
- font-size: 25px;
- }
- #maintext_portfolio{
- padding:0px 0px 0px 0px
- }
- .box-main{
- width:290px;
- float:left;
- padding:28px 0px 0px 0px;
- margin-bottom: 20px;
- }
- #maintext table.data {
- border-width: 1px;
- border-left:1px solid #d9d9d9;
- border-right:1px solid #d9d9d9;
- border-bottom:1px solid #d9d9d9;border-color: #dcdcdc;
- border-collapse: separate;
- background-color: white;
- }
- #maintext table.data th {
- border-width: 1px;
- padding: 1px;
- border-style: solid;
- border-color: #dcdcdc;
- background-color: white;
- -moz-border-radius: ;
- }
- #maintext table.data td {
- border-width: 1px;
- padding: 1px;
- border-style: solid;
- border-color: #dcdcdc;
- background-color: white;
- -moz-border-radius: ;
- }
- .spacer{
- width:30px;
- float:left;
- display:block;
- height:100%;
- }
- .icon {
- width:77px;
- height:120px;
- float:left;
- margin: 0 10px 0 5px;
- }
- .box-main span.read-more {
- margin-right: 10px;
- }
- /* side */
- #side{
- width:312px;
- margin:8px 0px 0px 38px;
- float:left;
- }
- .home_sidebox {
- padding:10px 18px 5px 18px;
- margin-bottom:14px;
- border-left:1px solid #d9d9d9;
- border-right:1px solid #d9d9d9;
- border-bottom:1px solid #d9d9d9;
- }
- .home_sidebox-top{
- background-image:url(images/top-border-side.gif);
- background-repeat:no-repeat;
- background-position:top;
- height:4px;
- }
- .sidebox{
- padding:10px 18px 5px 18px;
- margin-bottom:14px;
- border-left:1px solid #d9d9d9;
- border-right:1px solid #d9d9d9;
- border-bottom:1px solid #d9d9d9;
- background-color: #ececec;
- }
- .county_sidebox{
- padding:10px 18px 5px 18px;
- margin-bottom:14px;
- border-left:1px solid #d9d9d9;
- border-right:1px solid #d9d9d9;
- border-bottom:1px solid #d9d9d9;
- -moz-border-radius: 0px 0px 10px 10px;
- background-color: #E6E6DC;
- }
- .sidebox-top{
- background-image:url(images/top-border-side.gif);
- background-repeat:no-repeat;
- background-position:top;
- height:4px;
- }
- #latest-news{
- padding:10px 18px 5px 18px;
- margin-bottom:14px;
- border-left:1px solid #444444;
- border-right:1px solid #44444;
- border-bottom:1px solid #44444;
- }
- /* scroll widget */
- .scroll,
- #maintext .scroll {
- position:relative;
- min-height:137px;
- border:1px solid #d9d9d9;
- margin:0 0 20px 0;
- background:#fff;
- width: auto;
- }
- .scroll ul,
- #maintext .scroll ul {
- position:relative;
- width:276px;
- height:78px;
- margin:0px;
- list-style:none;
- }
- #maintext .scroll ul {
- height:100%;
- }
- .scroll ul li,
- #maintext .scroll ul li {
- width:276px;
- height:78px;
- margin:0;
- line-height:18px;
- }
- #maintext .scroll ul li {
- background: none;
- margin: 0;
- padding: 0;
- width:246px;
- height:108px;
- }
- .scroll ul li span,
- #maintext .scroll ul li span{
- display:block;
- margin:0 0 .4em;
- }
- .scroll ol,
- #maintext .scroll ol{
- height:22px;
- position:absolute;
- top:0;
- right:15px;
- list-style:none;
- }
- .scroll ol li,
- #maintext .scroll ol li{
- float:left;
- }
- .scroll ol a,#maintext .scroll ol a {
- display:block;
- width:11px;
- height:22px;
- margin:0 1px;
- padding:0 2px;
- text-indent:-9999px;
- background-repeat:no-repeat;
- background-position:50% 0;
- }
- .scroll ol li.previous a,#maintext.scroll ol li.previous a{background-image:url("images/icon-arrow-down.gif");}
- .scroll ol li.next a,#maintext .scroll ol li.next a {background-image:url("images/icon-arrow-up.gif");}
- .scroll ol li a:hover,#maintext .scroll ol li a:hover {background-position:50% 100%; }
- /* Footer
- ------------------------------------------------------*/
- #footer{
- width:960px;
- height: auto;
- margin:0px auto;
- color:#454444; !important
- }
- #footer a, #footer a:visited{
- color:#ffffff;
- text-decoration:none;
- }
- #foot a:hover{
- text-decoration:underline;
- color: #4ba7cc;;
- }
- #mailinglist-foot{
- margin:0px 0px 0px 0px;
- padding:20px 0px 0px 0px;
- float:left;
- color:#ffffff;
- line-height: 125%;
- }
- #mailinglist-foot a:hover{
- text-decoration:none;
- color: #4ba7cc;
- }
- #copyright-foot{
- margin:0px 0px 0px 0px;
- padding:10px 0px 0px 0px;
- float:right;
- color:#ffffff;
- line-height: 125%;
- }
- #copyright-foot a:hover{
- text-decoration:none;
- color: #4ba7cc;
- }
- #footer .section_title {
- color: #169fe2;
- font-size: 18px;
- margin-bottom: 2px;
- text-transform: uppercase;
- }
- #site_sponsor {
- margin:0px 0px 0px 0px;
- padding:20px 0px 0px 120px;
- float:left;
- color:#fffff;
- }
- /* About
- ------------------------------------------------------*/
- .sidebox p {
- margin-bottom:10px;
- }
- ul.about-list,.widgets ul {
- margin:0px;
- padding:0px 0px 0px 0px;
- list-style-type:none;
- color:#bdbdbd;
- }
- ul.about-list li,
- .widgets li{
- background-image:url(images/arrow.gif);
- background-position:0px 6px;
- background-repeat:no-repeat;
- padding:0px 0px 10px 22px;
- line-height:18px;
- }
- ul.about-list li a,
- ul.about-list li a:visited,
- .widgets li a,
- .widgets li a:visited{
- color:#4c4c4c;
- text-decoration:none;
- }
- ul.about-list li a:hover,
- .widgets li a:hover{
- color:#2f87aa;
- }
- /* Blog
- ------------------------------------------------------*/
- .blog-post h3 {
- color:#ffffff;
- margin-bottom:0px
- ;}
- .blog-post {
- padding-bottom:5px;
- margin-bottom:5px;
- padding-top: 10px;
- }
- .blog-posted{
- padding-top:5px;
- margin-bottom:20px;
- height:20px;
- font-size:11px;
- color:#adacac;
- border-bottom:1px solid #d9d9d9;
- }
- #recentPostList{
- width:270px;
- float:left;
- margin-left:30px;
- }
- #related-post-title{
- padding:3px 0px 4px 0px;
- height:20px;
- font-weight:bold;
- color:#2f87aa;
- border-bottom:1px solid #d9d9d9;
- border-top:1px solid #d9d9d9;
- }
- .related-comment-title{
- padding:3px 0px 4px 0px;
- margin-bottom:5px;
- height:20px;
- font-weight:bold;
- color:#2f87aa;
- border-bottom:1px solid #d9d9d9;
- border-top:1px solid #d9d9d9;
- }
- .related-item-wrapper{
- font-size:11px;
- height:105px;
- width:270px;
- padding:0px 9px 0px 0px;
- float:left;
- color:#adacac;
- cursor:pointer;
- }
- .related-item-wrapper:hover{
- background-color:#f8f8f8;
- }
- .related-item-wrapper h4{
- color:#2f87aa;
- }
- .related-item-wrapper img{
- width:65px;
- height:65px;
- }
- .related-spacer{
- width:8px;
- float:left;
- }
- .posted-detail{
- float:left;
- }
- .read-more{
- float:right;
- }
- #commentFormArea {
- width:310px;
- color:#6b6b6b;
- float:left;
- }
- .input-comment{
- background-color: #ffffff;
- border:1px solid #d9d9d9;
- width:213px;
- padding:5px 5px 5px 5px;
- margin:0px;
- color:#6b6b6b;
- }
- .input-submit-comment {
- background-image:url(images/but-send.gif); si
- background-repeat:no-repeat;
- padding:0px;
- margin:0px;
- border:0px;
- width:73px;
- height:21px;
- cursor:pointer;
- float:right;
- }
- .textarea-comment {
- background-color: #ffffff;
- border:1px solid #d9d9d9;
- width:213px;
- padding:5px 5px 5px 5px;
- margin:0px;
- color:#6b6b6b;
- }
- fieldset {
- border:0;
- margin:0;
- padding:0;
- }
- label {
- padding-right:15px;
- float:left;
- width:70px;
- }
- input.text{
- width:290px;
- font:12px/12px 'courier new',courier,monospace;
- color:#333;
- padding:3px;
- margin:1px 0;
- }
- .commonPageListControlBar{
- height: 30px;
- background-color: #fff;
- margin-top:30px;
- text-align: left;
- }
- .commonPageListBtn{
- border: 1px solid #d9d9d9;
- background-color:transparent;
- color:#000;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- .commonPageListControlBar a,
- .commonPageListControlBar a:visited{
- color:#414141;
- }
- .commonPageListBtn:hover{
- text-decoration: underline;
- }
- .commonPageListBtnSelected{
- border: 1px solid #E6E6DC;
- background-color: #E6E6DC;
- color:#414141;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor:default;
- }
- /* Content
- ------------------------------------------------------*/
- #content h4{
- margin-bottom:8px;
- }
- #main_text{
- padding:20px 0px 0px 0px;
- }
- /* Sidebar
- ------------------------------------------------------*/
- #newsletter fieldset {
- margin:0px;
- padding-bottom:20px;
- border:0px;
- }
- .but {
- vertical-align:middle;
- padding-left:2px;
- }
- .inputbox01 {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:11px;
- width:180px;
- border:1px solid #d9d9d9;
- vertical-align:top;
- padding:3px 4px 2px 3px;
- color:#c8c9be;
- }
- .inputbox01:focus{
- border:1px solid #adacac;
- color:#adacac;
- }
- #testimonials{
- padding:10px 18px 15px 18px;
- margin-bottom:14px;
- border-left:1px solid #d9d9d9;
- border-right:1px solid #d9d9d9;
- border-bottom:1px solid #d9d9d9;
- -moz-border-radius: 0px 0px 10px 10px;
- }
- .scroll ul{
- position:relative;
- width:276px;
- height:132px;
- margin:0px;
- list-style:none;
- }
- .scroll ul li{
- width:276px;
- height:132px;
- margin:0;
- line-height:18px;
- }
- #maintext .box-main #testimonials {
- padding:10px 18px 15px 18px;
- font-weight: bold;
- }
- #maintext .box-main .scroll ul{
- height:142px;
- }
- #maintext .box-main .scroll ul li{
- height:142px;
- }
- #maintext #testimonial_list {}
- #maintext #testimonial_list li {
- background: none;
- margin: 0 0 30px 0;
- padding: 0;
- }
- #maintext #testimonial_list li p {
- margin: 10px;
- }
- /* Portfolio Category Filter */
- #filter {
- display: block;
- text-transform: uppercase;
- text-decoration: none;
- font: normal 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- margin: 5px 0;
- }
- #filter ul {
- margin: 10px 10px 25px 10px;
- padding: 0;
- }
- ul#filter {
- margin: 10px 0 25px 0;
- padding: 0 0 20px 0;
- }
- #filter li {
- display: inline;
- color: #a1a2a2;
- font-weight: bold;
- margin-right: 5px;
- }
- #filter li a {
- margin-right: 2px;
- padding: 5px 8px;
- border: 1px solid #dadada;
- color: #a1a2a2;
- text-decoration: none;
- }
- #filter li a:hover,
- #filter li a.current,
- #filter li.current a,
- #filter li.current-cat a {
- background-color: #e0e0e0;
- color: #8a8a8a;
- border: 1px solid #dadada;
- text-decoration: none;
- }
- /* Portfolio
- ------------------------------------------------------*/
- #main-portfolio{
- width:960px;
- float:left;
- }
- .box-pf-top{
- width:220px;
- float:left;
- margin:0px 18px 38px 0px;
- }
- .box-pf-bottom{
- width:220px;
- float:left;
- margin:0px 26px 18px 0px;
- }
- .box-pf-top-last{
- width:220px;
- float:left;
- margin-bottom:38px;
- }
- .box-pf-bottom-last{
- width:220px;
- float:left;
- margin-bottom:18px;
- }
- .quote{
- padding-top:18px;
- }
- .quote h2{
- color:#2f87aa;
- padding-bottom:10px;
- }
- .detail{
- font-weight:bold;
- margin-bottom:0px;
- }
- #desc-project1,
- #desc-project2,
- #desc-project3,
- #desc-project4,
- #desc-project5,
- #desc-project6,
- #desc-project7,
- #desc-project8{
- display:none;
- }
- .pf-boximg {
- float: left;
- width:620px;
- }
- .pf-boxdesc {
- float: left;
- width:280px;
- margin-left: 10px;
- }
- /* Contact
- ------------------------------------------------------*/
- #maincontactform {
- margin: 10px 0px 20px 0px;
- }
- #maincontactform label {
- font-size: 12px;
- color: #9b9b9b;
- width: 100px;
- float: left;
- font-weight: normal;
- clear: both;
- }
- .textfield {
- float: left;
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- margin-bottom: 10px;
- padding: 3px;
- color: #8a8a8a;
- width: 400px;
- height: 22px;
- background-color:#ffffff;
- border:1px solid #dcdcdc;
- clear: both;
- }
- .textarea {
- clear: both;
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- float: left;
- margin: 0;
- padding: 3px;
- color: #8a8a8a;
- width: 400px;
- height: 106px;
- background-color:#ffffff;
- border:1px solid #dcdcdc;
- overflow: hidden
- }
- .buttoncontact {
- clear:both;
- float:right;
- width:101px;
- height:25px;
- border: none;
- background: url(images/send-button.gif) no-repeat;
- cursor:pointer;
- margin:10px 262px 0px 0px;
- }
- #emailSuccess{
- display: block;
- border:1px solid #91E691;
- background-color:#E0FFE0;
- color:#007500;
- text-align:center;
- padding:7px 30px;
- display: none;
- }
- .require {
- float: left;
- display: inline;
- color: #f00;
- font-weight: bold;
- margin-left: 5px;
- }
- .loading {
- margin-top: 15px;
- float: left;
- background: url(images/loading.gif) top left no-repeat;
- padding-left: 32px;
- font-size: 1.2em;
- color: #9b9b9b;
- margin-left: 10px;
- }
- #contactmap {
- width: 274px;
- height: 225px;
- margin-bottom: 10px;
- }
- .input-submit {
- background-image:url(images/but-send.gif);
- background-repeat:no-repeat;
- padding:0px;
- border:0px;
- width:73px;
- height:21px;
- cursor:pointer;
- float:right;
- margin-top:10px;
- margin-right:200px;
- }
- #address{
- padding-bottom:15px;
- }
- #address ul{
- margin:0px;
- padding:0px 0px 0px 0px;
- }
- #address ul li{
- list-style-type:none;
- padding:5px 31px;
- color:#444444;
- }
- #address ul li a,
- #contact ul li a:visited{
- color:#444444;
- text-decoration:none;
- }
- #address ul li.mail{
- background-image:url(images/icon-mail.jpg);
- background-repeat:no-repeat;
- background-position:0 5px;
- }
- #address ul li.phone{
- background-image:url(images/icon-phone.jpg);
- background-repeat:no-repeat;
- background-position:0 5px;
- }
- #address ul li.address{
- background-image:url(images/icon-globe.jpg);
- background-repeat:no-repeat;
- background-position:0px 5px;
- }
- /* Image and Captions */
- img.alignright {
- float:right;
- padding-left:12px;
- }
- img.alignleft {
- float:left;
- padding:5px 12px 0px 0px;
- display: inline;
- }
- img.aligncenter {
- display:block;
- margin-left:auto;
- margin-right:auto;
- margin-bottom: 10px;
- }
- .alignright {
- float:right;
- }
- .alignleft {
- float:left;
- }
- .wp-caption {
- border:1px solid #ddd;
- text-align:center;
- background-color:#f3f3f3;
- padding-top:4px;
- margin:10px;
- }
- .wp-caption img {
- border:0 none;
- margin:0;
- padding:0;
- }
- .wp-caption p.wp-caption-text {
- font-size:11px;
- line-height:17px;
- margin:0;
- padding:0 4px 5px;
- }
- .aligncenter,div.aligncenter {
- display:block;
- margin-left:auto;
- margin-right:auto;
- }
- /* Image and Caption End */
- /* comment */
- h1#titlecomment {
- border-top: 1px solid #d2d2d2;
- border-bottom: 1px solid #d2d2d2;
- padding: 5px 0;
- margin: 20px 0 0 0;
- }
- #listcomment {
- padding: 0;
- margin: 0;
- width: auto;
- }
- ul#listcomment {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- ul#listcomment li {
- padding: 11px 0;
- margin: 0;
- width: auto;
- background: none;
- border-bottom: 1px solid #d2d2d2;
- }
- .titlecomment {
- width: auto;
- }
- .titlecomment img {
- float: left;
- padding: 3px;
- border: 1px solid #d9d9d9;
- margin: 0 10px 0 0;
- }
- .titlecomment h3 {
- font-size: 1.4em;
- color: #333;
- padding: 7px 0 0 0;
- margin: 0;
- }
- .datecomment {
- font-size: 0.9em;
- color: #858585;
- }
- #listcomment li p {
- font-size: 1.0em;
- padding: 10px 0 0 0;
- }
- /*------- WP Pagenavi ------- */
- #maintext .wp-pagenavi #E6E6DC;
- #maintext .wp-pagenavi a, #main .wp-pagenavi a:link {
- border: 1px solid #d9d9d9;
- background-color:transparent;
- color:#242424;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- #maintext .wp-pagenavi a:visited {
- border: 1px solid #d9d9d9;
- background-color:transparent;
- color:#242424;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- #maintext .wp-pagenavi a:hover {
- border: 1px solid #E6E6DC;
- background-color: #E6E6DC;
- color:#414141;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- #maintext .wp-pagenavi a:active {
- border: 1px solid #E6E6DC;
- background-color: #E6E6DC;
- color:#414141;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor:default;
- }
- #maintext .wp-pagenavi span.pages {
- border: 1px solid #d9d9d9;
- background-color:transparent;
- color:#242424;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- #maintext .wp-pagenavi span.current {
- border: 1px solid #E6E6DC;
- background-color: #E6E6DC;
- color:#414141;
- font: normal 11px/28px Verdana;
- padding: 6px;
- }
- #maintext .wp-pagenavi span.extend {
- border: 1px solid #d9d9d9;
- background-color:transparent;
- color:#242424;
- font: normal 11px/28px Verdana;
- padding: 6px;
- cursor: pointer;
- }
- /*------- WP Pagenavi End ------- */
- /*------- Traditional Navigation -----*/
- .navigation {
- margin-top: 10px;
- }
- .navigation a {
- padding: 4px 8px;
- margin: 2px;
- text-decoration: none;
- border: 1px solid #d9d9d9;
- color: #676767;
- background-color: #FFFFFF;
- }
- /*------- Traditional Navigation End -----*/
- /* Front Tabs */
- .tabs-wrapper {
- margin: 15px 10px;
- }
- ul.tabs {
- margin:0px 0px 0px 1px;
- padding: 0;
- float: left;
- list-style: none;
- height: 31px;
- border-bottom: 1px solid #dbdbdb;
- border-left:none;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- width: auto;
- float:left;
- }
- ul.tabs li {
- float: left;
- margin: 0;
- padding: 0;
- height: 31px;
- line-height: 31px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- margin:0px 0px -1px -1px;
- background-image:url(images/bg-dropdown.jpg);
- background-repeat:repeat-x;
- overflow: hidden;
- position: relative;
- }
- ul.tabs li a {
- text-decoration: none;
- color: #7d7b7b;
- display: block;
- font-size: 14px;
- padding: 1px 26px;
- outline: none;
- }
- ul.tabs li a:hover {
- background-image:url(images/bg-dropdown.jpg);
- background-repeat:repeat-x;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- }
- html ul.tabs li.current, html ul.tabs li.current a:hover {
- background: #fff;
- border-bottom: 1px solid #fff;
- padding-bottom: 1px;
- }
- .tab_container,
- .panes {
- border: 1px solid #dbdbdb;
- border-top: none;
- clear: both;
- float: left;
- width: auto;
- background: #fff;
- width: 100%;
- padding-bottom: 10px;
- font-size: 12px;
- color: #666666;
- }
- .tab_content,
- .pane {
- padding: 18px 20px 8px 20px;
- border-top: 1px solid #dbdbdb;
- }
- .tab_content p {
- font-size: 12px;
- padding-top: 5px;
- color: inherit;
- }
- .tab_content img {
- float: left;
- margin: 0 18px 18px 0;
- padding: 0px 5px 0px 5px;
- }
- /* ----------------------- FAQ PAGE -----------------------*/
- .toggle_wrapper {
- margin-bottom: 30px;
- }
- .toggle {
- margin-bottom: 5px;
- }
- .toggle_title {
- margin:0;
- line-height:18px;
- cursor:pointer;
- border-bottom:1px solid #e4e4e4;
- padding:1px 0px 9px 0px;
- clear:both;
- color: #2F87AA;
- }
- .toggle_active {
- }
- .toggle_content {
- display:none;
- border: 1px dotted #E6E6DC;
- background-color:#eeeeee;
- margin:-5px 0px 10px 0px;
- padding:11px 13px 1px 13px;
- }
- .sticky {}
- .gallery-caption {}
- .bypostauthor {}
- #news_container{
- width: 500px;
- padding: 150px 500px 0px 0px;
- }
- #widget categoryposts-3 {
- }
- .post-title {
- text-align: center;
- font-weight: bold;
- margin: 0px;
- }
- .post-date {
- text-align: left;
- font-style: italic;
- margin: 0px;
- padding: 0px;
- }
- .cat-post-item {
- text-align: left;
- border-bottom: 1px dotted #e4e4e4;
- }
- .img { float:left; margin:5px 10px 5px 0; }
- .li:after { content:'.';height:0px;visibility:hidden;display:block;clear:both; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement