/bond/css/master.css
CSS | 2299 lines | 1963 code | 287 blank | 49 comment | 0 complexity | 5cdd7423150e180d284f959e14d489f4 MD5 | raw file
Possible License(s): BSD-3-Clause, LGPL-2.1
-
- body {
- font: 12px/20px Tahoma,??,Helvetica Neue, Helvetica, Arial, sans-serif;
- color: #1E1E1E;
- }
-
-
- /* PAGE STRUCTURE
- ------------------------------------------------------------- */
-
- .inner {
- width: 1000px;
- margin: 0 auto;
- }
-
- /* ELEMENTS
- ------------------------------------------------------------- */
-
- p {
- margin-bottom: 15px;
- }
-
- /* Links */
-
- a:link, a:visited {
- color: #cd3b0b;
- text-decoration: none;
- }
-
- a:hover {
- color: #d64e17;
- }
-
- /* Headings */
-
- h1 {
- font-size: 32px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
-
- h2 {
- font-size: 28px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
- h3 {
- font-size: 24px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
- h4 {
- font-size: 20px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
- h5 {
- font-size: 18px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
- h6 {
- font: bold 14px;
- color: #d64e17;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .main .posts h1, .main .posts h2, .main .posts h3, .main .posts h4, .main .posts h5, .main .posts h6 {
- margin-bottom: 20px;
- }
-
- .footer .widget h1, .footer .widget h2, .footer .widget h3, .footer .widget h4, .footer .widget h5, .footer .widget h6 {
- margin-bottom: 20px;
- }
-
- .main .widget h1, .main .widget h2, .main .widget h3, .main .widget h4, .main .widget h5, .main .widget h6 {
- margin-bottom: 20px;
- }
-
- .main .pages h1, .main .pages h2, .main .pages h3, .main .pages h4, .main .pages h5, .main .pages h6 {
- margin-bottom: 20px;
- }
-
- .footer .text-widget h4 {
- margin-bottom: 20px;
- }
- /* HEADER
- ------------------------------------------------------------- */
-
- .header {
- background: url(../img/bg-header.png) repeat-x;
- height:225px;
- }
-
- .header .inner {
- background: url(../img/bg-header-inner.png) no-repeat;
- min-height: 225px;
- z-index:9999;
- position:relative;
- }
-
- .header h1#logo {
- margin: 56px 0 37px 28px;
- float: left;
- }
-
- .header div.follow {
- float: right;
- width: 278px;
- min-height: 90px;
- margin: 0 10px 0 0;
- background-color: #1f2122;
- border-bottom: 1px solid #090a0a;
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- color: #fff;
- padding: 0 22px 0 0;
- }
-
- .header div.follow .quote {
- display: block;
- float: left;
- width: 69px;
- height: 69px;
- margin: 13px 0 0 20px;
- padding: 12px 0px 0px 2px;
- background: url(../img/bg-quote.png) no-repeat;
- font-size: 20px;
- line-height: 22px;
- font-weight: bold;
- color: #ce3300;
- text-transform: uppercase;
- text-align: center;
- text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
- -webkit-transform: rotate(-15deg);
- -moz-transform: rotate(-15deg);
- }
- .header div.login .register
- {
-
- float:right;
- color:#ffffff;
- line-height:22px;
- margin:0 -278px 0 0;
- padding:0 0 0 0;
- }
- .header div.login .register a
- {
- color:#ffffff;
- margin:0 0 0 12px;
- }
-
- .header div.follow .number {
- font-size: 28px;
- font-weight: bold;
- display: block;
- float: right;
- margin: 15px 10px 10px 0;
- }
-
- .header div.follow .email {
- font-size: 16px;
- text-transform:lowercase;
- display: block;
- float: right;
- letter-spacing: 1px;
- margin: 0 10px 10px 0;
- }
-
- /* Navigation */
-
- .nav {
- width: 976px;
- padding: 21px 12px 0;
- min-height: 81px;
- background: url(../img/bg-nav.png) no-repeat;
- clear: both;
-
- }
-
- .nav li {
- float: left;
- text-shadow: 1px 1px 1px #fff;
- border-left: 1px solid #fff;
- border-right: 1px solid #dbdbdb;
- position: relative;
- line-height:35px;
- }
-
- .nav li:last-child {
- border-right: none;
- }
-
- .nav li a {
- font-size: 14px;
- font-weight: bold;
- color: #212324;
- text-decoration: none;
- float:left;
- padding:12px 30px 12px;
- }
-
- .nav li.current a {
- color: #cd3b0b;
- }
-
- .nav li a:hover {
- background: #fff url(../img/bg-nav-hover.png) repeat-x;
- }
-
- .nav li.current a {
- background: #fff url(../img/bg-nav-hover.png) repeat-x;
- color: #cd3b0b;
- }
-
- .nav li a span {
- display: block;
- font-weight: normal;
- font-size: 11px;
- color: #1E1E1E;
- }
-
- .nav li.current a span {
- color: #cd3b0b;
- }
-
- /* Second level */
-
- .nav li ul {
- position: absolute;
- top: 50px; left: 5px;
- z-index:1000;
- width: 177px;
- border-right: 1px solid #d3d3d3;
- border-left: 1px solid #d3d3d3;
- background-color: #f3f3f3;
- -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
- box-shadow: 0 0px 4px rgba(0,0,0,0.3);
- }
-
- .nav li ul:before {
- content: "";
- display: block;
- width: 187px;
- height: 12px;
- position: absolute;
- top: -12px; left: -4px;
- background: url(../img/bg-subnav.png);
- }
-
- .nav li ul li {
- margin: 0 12px;
- border: none;
- padding: 0;
- float: none;
- display: block;
- overflow: hidden;
- background: url(../img/bg-dotted.png) 0 100% repeat-x;
- }
-
- .nav li ul li:last-child {
- background: none;
- }
-
- .nav li ul li a, .nav li.hover ul li a {
- display: block;
- float: left;
- padding: 0 4px;
- border: none;
- line-height: 30px;
- font-size: 12px;
- font-weight: normal;
- color: #1E1E1E;
- background: none !important;
- }
-
- .nav li ul li a:hover {
- background: none;
- color: #d85007;
- }
-
-
- /* FEATURED SECTION
- ------------------------------------------------------------- */
-
- .featured {
- min-height: 442px;
- background: url(../img/bg-featured.png) repeat-x;
- }
-
- .featured .inner {
- min-height: 442px;
- width: 1002px;
- background: url(../img/bg-featured-inner.png) no-repeat;
- overflow: hidden;
- position: relative;
- }
-
- .featured ul.slider {
- height: 359px;
- width: 959px;
- margin: 46px 0 0 21px;
- }
-
- .featured-nav {
- width: 930px;
- height: 76px;
- margin: 0 auto;
- padding: 14px 0 0 16px;
- background: url(../img/bg-featured-nav.png) no-repeat;
- position: absolute;
- bottom: 3px; left: 28px;
- z-index: 1000;
- }
-
- .featured-nav ul li a {
- float: left;
- margin: 0 15px 0 0;
- opacity: 0.5;
- }
-
- .featured-nav ul li a.activeSlide {
- opacity: 1;
- }
-
- .featured-nav ul li a img {
- height: 64px;
- }
-
- /* HOMEPAGE STYLES
- ------------------------------------------------------------- */
-
- .main {
- margin: 1px 0 0 0;
- background-color: #f8f8f8;
- background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #eee), color-stop(0.40, #fcfcfc), color-stop(0.80, #e0e0e0));
- background: -moz-linear-gradient(center top, #eee 25%, #fcfcfc 63%, #e0e0e0 82%);
- }
-
- .main .inner {
- width: 1002px;
- background: url(../img/bg-main.png) 0 -1px no-repeat;
- padding: 35px 0 0 0;
- position: relative;
- z-index:1;
- }
-
- .main .shelf {
- position: relative;
- top: -25px;
- height: 42px;
- z-index: 0;
- overflow: hidden;
- margin-bottom: -25px;
- background: url(../img/bg-3d.png) repeat-x;
- }
-
- .main .shelf .inner {
- height: 42px;
- background: url(../img/bg-shelf-inner.png) no-repeat;
- }
-
- .main .widget {
- float: left;
- width: 455px;
- margin: 0 0 20px 28px;
- padding: 0 15px 0 0;
- }
-
- .main .widget2 {
- width: 455px;
- margin: 0 0 20px 215px;
- padding: 0 15px 0 0;
- }
- .main .widget p {
- overflow: hidden;
- }
-
- .main .widget img.icon {
- float: right;
- margin: 20px 15px 15px;
- }
-
- .main .widget a.button {
- display: inline-block;
- float: right;
- color: #121214;
- text-transform: uppercase;
- font-size: 12px;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- padding: 0 8px;
- line-height: 26px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.2);
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
-
- .main .widget a.button:hover {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
- background: -moz-linear-gradient(#e6e6e6, #fefefe);
- color: #d64e17;
- }
-
- .main .widget .reportlink {
- width: 180px;
- float: left;
- overflow: hidden;
- white-space: nowrap;
- }.main .widget .reportlink:hover
- {
- text-decoration:none;
- }
-
- .main .widget .reportname
- {
- margin-left:120px;
- float:left;
- }
- .main .widget .time
- {
- position:absolute;
- right:0;
- top:0;
- }
- .main .widget .postlink
- {
- width: 60px;
- float: left;
- overflow: hidden;
- white-space: nowrap;
- }
- .main .widget .codelink
- {
- width: 90px;
- float: left;
- color: #1E1E1E;
- overflow: hidden;
- white-space: nowrap;
- }
- .main .widget .companylink
- {
- width: 130px;
- float: left;
- color: #1E1E1E;
- overflow: hidden;
- white-space: nowrap;
- }
- .main .widget .period
- {
- margin-left:40px;
- float:left;
- line-height:30px;
- }
-
- .main .widget ul li
- {
- position:relative;
- line-height:30px;
- height:30px;
- display:block;
- }
- .main .widget ul li a
- {
- float:left;
-
- }
- .main .latest {
- clear: both;
- width: 946px;
- margin: 0 auto;
- padding: 7px 0 0;
- overflow: hidden;
- background: #efefef url(../img/bg-latest-top.png) 50% 0 no-repeat;
- }
-
- .main .latest h5 {
- width: 53px;
- height: 187px;
- float: left;
- text-indent: -9999px;
- background: #d4440b url(../img/head-latest.png) no-repeat;
- }
-
- .main .latest ul {
- float: right;
- width: 853px;
- margin: 5px 20px 0;
- }
-
- .main .latest ul li {
- float: left;
- margin: 0 35px 0 0;
- padding: 14px 0 0;
- width: 408px;
- border-bottom: 1px solid #bfbfbf;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .main .latest ul li:nth-child(2n+2) {
- margin-right: 0;
- }
-
- .main .latest ul li:nth-child(3), .main .latest ul li:nth-child(4) {
- border-bottom: none;
- border-top: 1px solid #fff;
- }
-
- .main .latest ul li p.date {
- width: 140px;
- float: left;
- color: #d64e17;
- font-weight: bold;
- overflow: hidden;
- }
-
- .main .latest ul li p.date span.date {
- font-size: 84px;
- line-height: 30px;
- float: left;
- margin: -14px 12px 0 0;
- }
-
- .main .latest ul li p.date span.month {
- font-size: 40px;
- float: left;
- text-transform: uppercase;
- }
-
- .main .latest ul li p.date span.year {
- font-size: 24px;
- float: left;
- margin: -4px 0 0 3px;
- }
-
- .main .latest ul li h4 {
- margin-bottom: 10px;
- }
-
- .main .latest ul li p {
- line-height: 14px;
- margin-bottom: 0;
- }
-
- .main .latest ul li h4 a {
- font-size: 12px;
- color: #444;
- }
-
- .main .latest ul li h4 a:hover {
- color: #d64e17;
- text-decoration: underline;
- }
-
- .main .pages img.alignright {
- float: right;
- margin: 10px 0 10px 20px;
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- .main .pages img.alignleft {
- float: left;
- margin: 10px 20px 10px 0;
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- /* Main Contact Form */
-
- .main .contact {
- width: 590px;
- }
-
- .main .contact form {
- margin: 45px 0 0;
- }
-
- .main .contact form textarea, .main .contact form input[type=text] {
- width: 180px;
- float: left;
- margin: 0 11px 9px 0;
- padding: 7px 10px;
- font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif!important;
- color: #acacac;
- border: 1px solid #c2c2c2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fefefe));
- background: -moz-linear-gradient(#efefef, #fefefe);
- -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- }
-
- .main .contact form textarea {
- float: right;
- width: 340px;
- height: 86px;
- margin: 0;
- }
-
- .main .contact form input[type=submit] {
- clear: both;
- float: left;
- font-weight: bold;
- color: #fff;
- text-transform: uppercase;
- padding: 8px 13px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.6);
- background-color: #dd4406;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4b0b), to(#cd3c01));
- background: -moz-linear-gradient(#eb4b0b, #cd3c01);
- border: 1px solid #a53609;
- border-bottom: 3px solid #a53609;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- margin: 3px 0 0 -1px;
- cursor: pointer;
- }
-
- .main .contact form div#error {
- color: red;
- float: left;
- margin: 10px 0 0 20px;
- }
-
- .main .contact form div#error p {
- color: #666;
- }
-
-
- .footer .text-widget {
- float: left;
- width: 330px;
- margin: 0 0 0 28px;
- color: #777;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .footer .text-widget a.button {
- display: inline-block;
- float: right;
- color: #121214;
- text-transform: uppercase;
- font-weight: bolder;
- font-size: 9px;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- padding: 0 8px;
- line-height: 26px;
- text-shadow: 1px 1px 1px #fff;
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
- /* PORTFOLIO
- ------------------------------------------------------------- */
-
- .content .filter {
- padding: 20px 25px;
- border-bottom: 1px solid #ddd;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#fefefe));
- background: -moz-linear-gradient(#f3f3f3, #fefefe);
- }
-
- .content .filter span {
- display: block;
- float: left;
- color: #1f2122;
- font-size: 14px;
- font-weight: bold;
- }
-
- .content .filter ul {
- float: left;
- margin: -2px 0 0 15px;
- }
-
- .content .filter ul li {
- float: left;
- margin: 0 19px 0 0;
- }
-
- .content .filter ul li a {
- display: block;
- color: #121214;
- text-transform: uppercase;
- font-size: 9px;
- border: 1px solid #bbb;
- border-bottom: 2px solid #bbb;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- padding: 2px 13px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.1);
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
-
- .content .filter ul li a:hover, .content .filter ul li.current a {
- color: #fff;
- border-color: #b9481c;
- border-bottom-color: #772707;
- background-color: #e9490a;
- background: -webkit-gradient(linear, 0 0, 0 100%, from(#eb4a0b), to(#cd3c01));
- background: -moz-linear-gradient(#eb4a0b, #cd3c01);
- }
-
- .content .portfolio {
- padding: 35px 0 0 45px;
- }
-
- .content .portfolio li {
- float: left;
- margin: 0 45px 45px 0;
- overflow: hidden;
- }
-
- .content .portfolio.detail li {
- width: 405px;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .content .portfolio a.thumb {
- display: block;
- float: left;
- background: #fff url(../img/bg-zoom.png) 5px 5px no-repeat;
- background: url(../img/bg-zoom.png) 5px 5px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: url(../img/bg-zoom.png) 5px 5px no-repeat, -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- .content .portfolio a.thumb:hover img {
- opacity: 0.2;
- }
-
- .content .portfolio.detail a.thumb {
- margin-right: 20px;
- }
-
- .content .portfolio.detail h4 {
- font-size: 14px;
- margin: 5px 0 10px 0;
- }
-
- .content .portfolio.detail p {
- margin-bottom: 10px;
- }
-
- .content .portfolio.detail a.more {
- text-transform: uppercase;
- float: right;
- }
-
- /* Services */
-
- ul.services {
- margin: 30px 0;
- }
-
- ul.services img {
- display: block;
- float: left;
- margin: 0 25px 0 0;
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 6px;
- border: 1px solid #e2e2e2;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- ul.services li {
- overflow: hidden;
- margin: 0 0 50px 0;
- }
-
- ul.services li h6 {
- font-size: 11px;
- color: #cd3b0b;
- }
-
- ul.services li a.button {
- display: inline-block;
- float: right;
- color: #121214;
- text-transform: uppercase;
- font-size: 9px;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- padding: 0 13px;
- line-height: 24px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.2);
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
-
- ul.services li a.button:hover {
- background-color: #e6e6e6;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
- background: -moz-linear-gradient(#e6e6e6, #fefefe);
- color: #d64e17;
- }
-
-
- /* MAIN STYLES
- ------------------------------------------------------------- */
-
- .main .content {
- width: 946px;
- margin: 0 auto;
- position: relative;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .main .content.right {
- background: url(../img/bg-content-right.png) repeat-y;
- }
-
- .main .content.left {
- background: url(../img/bg-content-left.png) repeat-y;
- }
-
- .main .content.full {
- background-color: #efefef;
- }
-
- .main .content:before {
- display: block;
- content: "";
- width: 946px;
- height: 7px;
- position: absolute;
- top: -7px;
- background: url(../img/bg-content-top.png);
- }
-
- .main .content.right .posts {
- width: 600px;
- float: left;
- padding: 30px 25px 0;
- }
-
- .main .content.left .posts {
- width: 600px;
- float: right;
- padding: 30px 25px 0;
- }
-
- /* Post styling */
-
- .main .post {
- margin: 0 0 35px 0;
- }
-
- .main .post p.date {
- float: left;
- width: 65px;
- padding: 7px 7px;
- border-right: 1px solid #fff;
- border-bottom: 1px solid #fff;
- background-color: #cfcfcf;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
- background: -moz-linear-gradient(#cfcfcf, #fefefe);
- color: #ce3300;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- overflow: hidden;
- line-height: 12px;
- margin: 0 20px 25px 0;
- }
-
- .main .post p.date span.day {
- display: block;
- float: left;
- font-size: 30px;
- letter-spacing: -2px;
- margin-top: 5px;
- }
-
- .main .post p.date span.month {
- display: block;
- float: right;
- font-size: 12px;
- text-transform: uppercase;
- }
-
- .main .post p.date span.year {
- display: block;
- float: right;
- font-size: 10px;
- }
-
- .main .post h2 {
- float: left;
- font-size: 20px;
- font-weight: normal;
- letter-spacing: -1px;
- width: 500px;
- margin-bottom: 2px;
- }
-
- .main .post h2 a {
- color: #1e1e1e;
- }
-
- .main .post p.meta {
- font-size: 10px;
- overflow: hidden;
- float: left;
- }
-
- .main .post p.meta a {
- font-style: italic;
- }
-
- .main .post p.meta span {
- display: inline-block;
- line-height: 12px;
- margin-left: 10px;
- padding-left: 10px;
- border-left: 1px solid #959595;
- }
-
- .main .post img {
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- .main .post img.main-thumb {
- margin: 0 auto 20px;
- }
-
- .main .post img.alignleft {
- float: left;
- margin: 0 30px 20px 0;
- }
-
- .main .post img.alignright {
- float: right;
- margin: 0 0 20px 30px;
- }
-
- .main .post a.button,
- .sidebar a.button {
- display: inline-block;
- float: right;
- color: #121214;
- text-transform: uppercase;
- font-size: 9px;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- padding: 0 13px;
- line-height: 24px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.2);
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
-
- .main .post a.button:hover,
- .sidebar a.button:hover,
- .main .posts .pages a:hover,
- .full .pages a:hover {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
- background: -moz-linear-gradient(#e6e6e6, #fefefe);
- color: #d64e17;
- }
-
- .main .posts .pages,
- .full .pages {
- border-top: 1px solid #ddd;
- margin: 55px 0 0 -25px;
- width: 603px;
- padding: 18px 25px;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#efefef));
- background: -moz-linear-gradient(#fefefe, #efefef);
- }
-
- .full .pages {
- padding: 20px 45px;
- width: 856px;
- margin: 0;
- }
-
- .main .posts .pages a,
- .full .pages a {
- display: inline-block;
- color: #121214;
- text-transform: uppercase;
- font-size: 9px;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- width: 66px;
- text-align: center;
- line-height: 24px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.2);
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- }
-
- .main .posts .pages a.prev,
- .full .pages a.prev {
- float: left;
- }
-
- .main .posts .pages a.next,
- .full .pages a.next {
- float: right;
- }
-
- .main .posts .share {
- background-color: #fff;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- padding: 20px 5px 20px 20px;
- margin: 0 0 35px 0;
- }
-
- .main .posts .share h4 {
- float: left;
- color: #1f1f1f;
- font-size: 24px;
- margin: 10px 0 0 8px;
- }
-
- .main .posts .share ul {
- float: right;
- overflow: hidden;
- }
-
- .main .posts .share ul li {
- float: left;
- margin: 0 15px 0 0;
- }
-
- .main .posts .share ul li a {
- display: block;
- width: 42px;
- height: 43px;
- opacity: 0.2;
- text-indent: -9999px;
- background: url(../img/icon-share.png) 0 0 no-repeat;
- }
-
- .main .posts .share ul li a:hover {
- opacity: 1;
- }
-
- .main .posts .share ul li.fb a {
- background-position: 0 0;
- }
-
- .main .posts .share ul li.twitter a {
- background-position: -56px 0;
- }
-
- .main .posts .share ul li.linkedin a {
- background-position: -113px 0;
- }
-
- .main .posts .share ul li.su a {
- background-position: -170px 0;
- }
-
- .main .posts .share ul li.digg a {
- background-position: -227px 0;
- }
-
- .main .posts .share ul li.rss a {
- background-position: -284px 0;
- }
-
- .main .posts .share ul li.del a {
- background-position: -341px 0;
- }
-
- .main .posts .share ul li.techno a {
- background-position: -400px 0;
- }
-
-
- /* COMMENTS SECTION
- ------------------------------------------------------------- */
-
- .main h3#comments,
- .main h4#respond {
- color: #2f2f2f;
- font-size: 14px;
- overflow: hidden;
- }
-
- .main h4#respond {
- margin: 0 10px;
- }
-
- .main h4#respond em {
- display: block;
- float: right;
- font: italic 10px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #878787;
- }
-
- .main .comments {
- background-color: #fff;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- padding: 15px;
- margin: 0 0 30px 0;
- }
-
- .main .comments li {
- position: relative;
- padding: 15px 0 15px 100px;
- }
-
- .main .comments li li {
- background: url(../img/bg-subcomment.png) 50% 100% no-repeat;
- }
-
- .main .comments li img.avatar {
- position: absolute;
- left: 8px;
- padding: 5px;
- background-color: #fff;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
- }
-
- .main .comments li a.reply {
- position: absolute;
- right: 0; top: 15px;
- display: block;
- color: #1c1c1c;
- font-weight: bold;
- font-size: 12px;
- padding: 6px 13px;
- border-right: 1px solid #fff;
- border-bottom: 1px solid #fff;
- background-color: #cfcfcf;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
- background: -moz-linear-gradient(#cfcfcf, #fefefe);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- }
-
- .main .comments li cite {
- font-size: 18px;
- font-weight: bold;
- font-style: normal;
- color: #ce3300;
- line-height: 22px;
- }
-
- .main .comments li p.meta {
- font-style: italic;
- font-size: 10px;
- }
-
- /* Comment form */
-
- .main form#commentform {
- overflow: hidden;
- margin: 10px 10px 30px;
- }
-
- .main form#commentform textarea, .main form#commentform input[type=text] {
- width: 168px;
- float: left;
- margin: 0 0 13px 0;
- padding: 10px 10px;
- font: normal 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #acacac;
- border: 1px solid #c2c2c2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #fff;
- -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- }
-
- .main form#commentform textarea {
- float: right;
- width: 350px;
- height: 110px;
- margin: 0;
- }
-
- .main form#commentform input[type=submit] {
- clear: both;
- float: left;
- color: #121214;
- font-weight: bold;
- text-transform: uppercase;
- border: 1px solid #bbb;
- border-bottom: 3px solid #bbb;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f1f1f1;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
- background: -moz-linear-gradient(#fff, #e6e6e6);
- width: 90px;
- text-align: center;
- padding: 6px 0;
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- box-shadow: 0 2px 3px rgba(0,0,0,0.3);
- cursor: pointer;
- }
-
- .main form#commentform input[type=submit]:hover {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
- background: -moz-linear-gradient(#e6e6e6, #fefefe);
- color: #d64e17;
- }
-
-
- /* SECONDARY STYLES
- ------------------------------------------------------------- */
-
- .main .content.right .sidebar {
- width: 292px;
- float: right;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .main .content.left .sidebar {
- width: 292px;
- float: left;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .main .content .sidebar .widget {
- margin: 0;
- padding: 25px 20px 20px;
- width: 252px;
- background: url(../img/bg-widget-right.png) 0 100% no-repeat;
- }
-
- .main .content.left .sidebar .widget {
- background: url(../img/bg-widget-left.png) 0 100% no-repeat;
- }
-
- .main .content .sidebar .widget-blog {
- margin: 20px 0 45px;
- width: 297px;
- }
-
- .main .content .sidebar .widget-blog h3 {
- font-weight: normal;
- color: #232426;
- padding: 0 0 20px 20px;
- background: url(../img/bg-widgettitle.png) 0 100% no-repeat;
- }
-
- .main .content .sidebar .widget-blog p {
- margin: 15px 20px 0;
- }
-
- /* Widget: 125px Ads */
-
- .sidebar .ads ul {
- margin: 0 0 0 15px;
- overflow: hidden;
- }
-
- .sidebar .ads ul li {
- float: left;
- margin: 0 12px 8px 0;
- }
-
- /* Widget: Flickr */
-
- .sidebar .flickr ul {
- margin: 0 0 0 15px;
- overflow: hidden;
- }
-
- .sidebar .flickr ul li {
- float: left;
- margin: 0 14px 10px 0;
- }
-
- .sidebar .flickr ul li a img {
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- }
-
- /* Widget: Tabs */
-
- .sidebar .tabs ul.titles {
- padding: 0 0 15px 20px;
- background: url(../img/bg-widgettitle.png) 0 100% no-repeat;
- }
-
- .sidebar .tabs ul.titles li {
- float: left;
- margin: 0 12px 0 0;
- }
-
- .sidebar .tabs ul.titles li a {
- display: block;
- font-size: 14px;
- color: #232426;
- padding: 7px 7px;
- overflow: hidden;
- line-height: 12px;
- border: 1px solid transparent;
- }
-
- .sidebar .tabs ul.titles li a:hover, .sidebar .tabs ul.titles li a.current {
- color: #ce3300;
- border-right: 1px solid #fff;
- border-bottom: 1px solid #fff;
- background-color: #cfcfcf;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
- background: -moz-linear-gradient(#cfcfcf, #fefefe);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
- }
-
- .sidebar .tab ul {
- margin: 0 20px;
- }
-
- .sidebar .tab ul li {
- padding: 10px 0;
- background: url(../img/bg-dotted.png) 0 100% repeat-x;
- }
-
- .sidebar .tab ul li:last-child {
- padding: 10px 0 0;
- background: none;
- }
-
- .sidebar .tab ul li h5 a {
- color: #1e1e1e;
- }
-
- .sidebar .tab ul li h5 a:hover {
- color: #ce3300;
- }
-
- .sidebar .tab p {
- margin: 0 !important;
- }
-
-
- /* Widget: Testimonials */
-
- .sidebar .testimonials ul li {
- margin-bottom: 15px;
- }
-
- .sidebar .testimonials blockquote {
- font: normal italic 14px/18px "Adobe Garamond Pro", "Times", Verdana, sans-serif;
- }
-
- .sidebar .testimonials blockquote p:last-child {
- margin-bottom: 0;
- }
-
- .sidebar .testimonials cite {
- font-style: normal;
- }
-
-
- /* Widget: Latest work */
-
- .sidebar .work .slideshow {
- background-color: #fff;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
- background: -moz-linear-gradient(#eee, #fff);
- padding: 5px;
- border: 1px solid #e2e2e2;
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
- margin: 0 0 20px 0;
- }
-
- .sidebar .work .slideshow .slides {
- width: 240px;
- height: 125px;
- margin-bottom: 7px;
- }
-
- .sidebar .work .slideshow-nav li a {
- float: left;
- margin: 0 9px 0 0;
- opacity: 0.3;
- }
-
- .sidebar .work .slideshow-nav li a:last-child {
- margin: 0;
- }
-
- .sidebar .work .slideshow-nav li a.activeSlide {
- opacity: 1;
- }
-
- .sidebar .work .slideshow-nav li a img {
- width: 74px;
- }
-
- /* FOOTER
- ------------------------------------------------------------- */
-
- .footer {
- background: #fff url(../img/bg-footer.png) repeat-x;
- }
-
- .footer .inner {
- background: url(../img/bg-footer-inner.png) no-repeat;
- padding: 60px 0 0;
- }
- .footer .notinner
- {
- width:1001px;
- position:relative;
- margin:0 auto;
- padding: 4px 0 0;
- }
-
- .footer .widget {
- float: left;
- width: 175px;
- margin: 0 0 0 28px;
- color: #777;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .footer .widget ul li {
- background: url(../img/bullet.png) 0 7px no-repeat;
- margin-bottom: 12px;
- padding: 0 0 0 15px;
- }
-
- .footer .widget ul li a {
- color: #777;
- text-decoration: none;
- }
-
- .footer .widget ul li a:hover {
- color: #d64e17;
- }
- .footer .friendlist
- {
- float:left;
- width:590px;
- margin: 0 0 0 28px;
- color: #333333;
- text-shadow: 1px 1px 1px #fff;
- }
- .footer .friendlist ul li {
- background: url(../img/bullet.png) 0 7px no-repeat;
- margin-bottom: 12px;
- padding: 0 0 0 15px;
- width:500px;
- float:left;
- width:260px;
- }
-
- .footer .friendlist ul li a {
- color: #333333;
- text-decoration: none;
- }
-
- .footer .friendlist ul li a:hover {
- color: #d64e17;
- }
-
-
-
- .footer .copyright {
- clear: both;
- margin: 30px 0;
- background: url(../img/bg-copyright.png) no-repeat;
- color: #1E1E1E;
- padding: 20px 30px;
- min-height: 100px;
- text-shadow: 1px 1px 1px #fff;
- }
-
- .footer .copyright p {
- float: left;
- width: 30%;
- }
-
- .footer .copyright ul {
- float: right;
- }
-
- .footer .copyright ul li {
- float: left;
- margin: 0 25px;
- }
-
- .footer .copyright ul li a {
- color: #1E1E1E;
- text-decoration: none;
- }
-
- .footer .copyright ul li a:hover {
- color: #d64e17;
- }
-
-
- /* Contact widget */
-
- .footer .contact {
- width: 335px;
- }
-
- .footer .contact form {
- margin: 15px 0 0;
- }
-
- .footer .contact form textarea, .footer .contact form input[type=text] {
- width: 113px;
- float: left;
- margin: 0 11px 9px 0;
- padding: 7px 10px;
- font: normal 10px "Lucida Grande", Verdana, sans-serif;
- color: #acacac;
- border: 1px solid #c2c2c2;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fefefe));
- background: -moz-linear-gradient(#efefef, #fefefe);
- -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
- }
-
- .footer .contact form textarea {
- float: right;
- width: 165px;
- height: 86px;
- margin: 0;
- }
-
- .footer .contact form input[type=submit] {
- clear: both;
- float: left;
- font-weight: bold;
- color: #fff;
- text-transform: uppercase;
- padding: 8px 13px;
- text-shadow: 1px 1px 1px rgba(0,0,0,.6);
- background-color: #dd4406;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4b0b), to(#cd3c01));
- background: -moz-linear-gradient(#eb4b0b, #cd3c01);
- border: 1px solid #a53609;
- border-bottom: 3px solid #a53609;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- margin: 3px 0 0 -1px;
- cursor: pointer;
- }
-
- .footer .contact form div#error {
- color: red;
- float: left;
- margin: 10px 0 0 20px;
- }
-
- .footer .contact form div#error p {
- color: #666;
- }
-
- /* MISC.
- ------------------------------------------------------------- */
-
- .hide {
- display: none;
- }
-
- .clear {
- clear: both;
- }
-
- /* logo img*/
- .header h1#logo img
- {
- width:179px;
- height:24px;
- }
-
-
-
- /* self-clear floats */
-
- .group:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
- /* leftcol and rightcol */
- .main .leftcol
- {
- width:240px;
- float:left;
- }
- .main .rightcol
- {
- margin-left:260px;
- width:680px;
- }
- .main .pagecontent
- {
- width:940px;
- }
- .main .pagecontent p
- {
- line-height:28px;
- }
- /* login */
- .main .logindiv
- {
-
- }
- .main .logindiv h1
- {
- background: #CE3300;
- color:#ffffff;
- font-size:16px;
- padding:4px 0;
- text-indent:16px;
- }
- .main .logindiv label
- {
- width:60px;
- float:left;
- display:block;
- margin-left:15px;
- }
- .main .logindiv .logintextbox
- {
- border:1px #ccc solid;
- }
- .main .logindiv .loginbutton
- {
- background:#CE3300;
- color:#ffffff;
- border:0;
- cursor:pointer;
- padding:4px 8px;
- float:right;
- display:block;
- }
- .main .logindiv .registerlink
- {
- float:right;
- padding:2px 8px;
- }
-
- /* welcomediv */
- .main .welcomediv
- {
- }
- .main .welcomediv h1
- {
- background: #CE3300;
- color:#ffffff;
- font-size:16px;
- padding:4px 0;
- text-indent:16px;
- }
- .main .welcomediv h1 span
- {
-
- }
- .main .welcomediv label
- {
- width:60px;
- float:left;
- display:block;
- margin-left:15px;
- }
- .main .welcomediv p a
- {
- margin:0 16px;
- }
- .main .welcomediv p a:hover
- {
- text-decoration:underline;
- }
- .main .mpinfomation
- {
-
- }
- .main .mpinfomation h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .mpinfomation p label
- {
- float:left;
- text-align:right;
- display:block;
- width:100px;
- }
- .main .mpinfomation p .inputtextbox
- {
- border:1px #ccc solid;
- height:20px;
- width:175px;
- margin:0 8px;
- }
- .main .mpinfomation .star
- {
- color: #FF0000;
- }
- .main .mpinfomation .resetbutton,.main .mpinfomation .submitbutton
- {
- background:#CE3300;
- color:#ffffff;
- border:0;
- cursor:pointer;
- padding:4px 8px;
- margin:0 8px;
- }
- /*cominfor*/
- .main .laws
- {
-
- }
- .main .laws h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .laws h4
- {
- color: #696969;
- padding:4px 0;
- text-align:center;
- font-size:12px;
- }
- .main .laws p
- {
- text-indent:24px;
- }
- .main .laws .lawsnumber
- {
- text-align:center;
- }
- .main .laws .inscription
- {
- text-align:right;
- }
- .main .laws ul li
- {
- border-bottom:1px #ccc dotted;
- background-image:url('../img/bullet.png');
- background-repeat:no-repeat;
- background-position:0 12px;
- padding-left:20px;
- }
- .main .laws ul li a
- {
- text-decoration:none;
- }
- .main .laws ul li a:hover
- {
- text-decoration:underline;
- }
- .main .laws ol
- {
-
- }
- .main .laws ol li
- {
- list-style: none;
- background-color: #EFEFEF;
- margin: 8px 0;
- padding: 0 8px;
- border: 1px #CCC solid;
- cursor:pointer;
- }
- .main .laws ol li a
- {
- color:#CD3B0B;
- font-weight:bold;
- font-size:12px;
- padding:4px 0;
- }
- .main .laws ol li ul li a
- {
- color:#1E1E1E;
-
- }
- .main .laws ol li ul
- {
- display:none;
- }
- .main .laws ol li ul li
- {
- border:0;
- margin:0;
- padding-left:20px;
- }
- .main .laws ol li ul li a
- {
- background:none;
- font-weight:normal;
- font-size:12px;
- padding:0;
- }
- /* financing */
- .main .financing
- {
-
- }
- .main .financing h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .financing ul li
- {
- border-bottom:1px #ccc dotted;
- background-image:url('../img/bullet.png');
- background-repeat:no-repeat;
- background-position:0 12px;
- padding-left:8px;
- }
- .main .financing .ftime
- {
- position: absolute;
- right: 0;
- color: #772707;
- top:2px;
- }
- .main .financing .fnumber
- {
- color: #DD4406;
- float:left;
- display:block;
- margin:0 15px;
- width:70px;
- }
- .main .financing .fname
- {
- float: left;
- width:105px;
- display: block;
- margin: 0 15px;
- color: #1E1E1E;
- }
- .main .financing .fcompany
- {
- float: left;
- display: block;
- color: #1E1E1E;
- }
- .main .financing .fperiod
- {
- position: absolute;
- right: 100px;
- color: #1F1F1F;
- top:2px;
- }
- /* about */
- .main .about
- {
-
- }
- .main .about h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .about h5
- {
- font-size: 14px;
- color: #1E1E1E;
- }
- .main .about p
- {
- text-indent:24px;
- }
- .main .about p .textlabel
- {
- color: #E9490A;
- font-weight:bold;
- width:100px;
- float:left;
- display:block;
- }
- .main .about p[class=backhyperlink]
- {
- text-align:center;
- }
- .main .about p[class=backhyperlink] a
- {
-
- background-color: #E9490A;
- color:#ffffff;
- text-decoration:none;
- padding:4px 8px;
- }
- .main .about p[class=floatimg]
- {
-
- }
- .main .about p[class=floatimg] img
- {
- width:120px;
- height:75px;
- margin:10px;
- padding:0;
- float:left;
- }
- /* training */
- .main .training
- {
-
- }
- .main .training h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .training .traininginfo label
- {
- font-size:14px;
- font-weight:bold;
- }
- .main .training .traininginfo ul li
- {
- list-style: none;
- background-color: #EFEFEF;
- margin: 8px 0;
- padding: 0 8px;
- border: 1px #cccccc solid;
- }
- .main .training .traininginfo ul li span
- {
- position: absolute;
- right: 8px;
- color: #772707;
- }
-
- /* analysisreport */
- .main .report h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
-
- }
- .main .report .reportinfo ul li
- {
- list-style: none;
- background-color: #EFEFEF;
- margin: 8px 0;
- padding: 0 8px;
- border: 1px #cccccc solid;
- }
- .main .report .reportinfo ul li span[class=reportype]
- {
- position:absolute;
- right:100px;
- color:#1F1F1F;
- }
-
- .main .report .reportinfo ul li span[class=reportime]
- {
- position:absolute;
- right:8px;
- color:#772707;
- }
-
- /* financingdetails */
- .main .financingdetails
- {
-
- }
- .main .financingdetails h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .financingdetails table
- {
- width:99%;
-
- }
- .main .financingdetails tr
- {
- height:30px;
- }
- .main .financingdetails legend
- {
- font-size: 14px;
- color: #E9490A;
- padding:16px 0;
- }
- .main .financingdetails table label
- {
- color: #772707;
- }
- .main .financingdetails .returnbuttonwrap
- {
- text-align:center;
- }
- .main .financingdetails .returnbutton
- {
- background:#CE3300;
- color:#ffffff;
- border:0;
- cursor:pointer;
- padding:4px 8px;
- margin:0 8px;
- }
- /* stories */
- .main .stories
- {
-
- }
- .main .stories h1
- {
- font-size:16px;
- padding:4px 0 16px 0;
- border-bottom:1px #ccc solid;
- }
- .main .stories p
- {
- text-indent:24px;
- }
- .main .stories ul li
- {
- list-style:none;
- border-bottom:1px #cccccc dotted;
- height:80px;
- margin:8px 0;
- }
- .main .stories ul li img
- {
- width:80px;
- height:60px;
- float:left;
- display:block;
- }
- .main .stories ul li span[class=companyname]
- {
- vertical-align:top;
- margin:0 8px;
- }
- .main .stories ul li span[class=datetime]
- {
- position:absolute;
- right:0;
- top:0;
- }
- .main .stories .storiesmorewrap
- {
- text-align:right;
- }
- .main .stories .storiesmorelink
- {
- background:#CE3300;
- color:#ffffff;
- border:0;
- cursor:pointer;
- padding:4px 8px;
- margin:0 8px;
- }
- .main .stories p[class=floatimg] img
- {
- width:120px;
- height:75px;
- margin:10px;
- padding:0;
- float:left;
- }
-
- /* quicknav */
- .main .quicknav
- {
-
- }
- .main .quicknav h1
- {
- background: #CE3300;
- color:#ffffff;
- font-size:16px;
- padding:4px 0;
- text-indent:16px;
- }
- .main .quicknav ul li
- {
- list-style:none;
- border-bottom:1px #ccc dotted;
- background-image:url('../img/bullet.png');
- background-repeat:no-repeat;
- background-position:0 12px;
- padding-left:20px;
- }
- .main .quicknav ul li:hover
- {
- background-color: #f1f1f1;
- }
- .main .quicknav ul li:hover a
- {
- color: #FF0000;
- }
- .main .quicknav ul .current
- {
- font-weight:bold;
- }
-
-
-
-
- .footer .gkcz .time
- {
- position:absolute;
- right:0;
- top:0;
- }
- .footer .gkcz h5
- {
- margin-bottom: 20px;
- }
- .footer .gkcz .postlink
- {
- width: 60px;
- float: left;
- overflow: hidden;
- white-space: nowrap;
- }
- .footer .gkcz .codelink
- {
- width: 90px;
- float: left;
- color: #1E1E1E;
- overflow: hidden;
- white-space: nowrap;
- }
- .footer .gkcz .companylink
- {
- width: 130px;
- float: left;
- color: #1E1E1E;
- overflow: hidden;
- white-space: nowrap;
- }
- .footer .gkcz .period
- {
- margin-left:40px;
-
- float:left;
- line-height:30px;
- }
-
- .footer .gkcz ul li
- {
- position:relative;
- line-height:30px;
- height:30px;
- display:block;
- }
- .footer .gkcz ul li a
- {
- float:left;
-
- }
-
-