Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: HTML5 Blank
- Theme URI: http://html5blank.com
- Description: Здравствуйте! Если нужно что-то подправить, добавить или отверстать новую тему - обращайтсь icq 633308800 или aparserok@gmail.com
- Version: 1.2.6
- Author: aparserok
- Author URI: http://saitobaza.ru/
- Tags: HTML5, CSS3
- License: MIT
- License URI: http://opensource.org/licenses/mit-license.php
- */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- :focus {
- outline: 0;
- }
- ins {
- text-decoration: none;
- }
- del {
- text-decoration: line-through;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- html {
- height: 100%;
- }
- .chromeframe {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- @font-face {
- font-family: 'pt_sansbold';
- src: url('fonts/PTS75F-webfont.eot');
- src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
- url('fonts/PTS75F-webfont.woff') format('woff'),
- url('fonts/PTS75F-webfont.ttf') format('truetype'),
- url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'pt_sansitalic';
- src: url('fonts/PTS56F-webfont.eot');
- src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
- url('fonts/PTS56F-webfont.woff') format('woff'),
- url('fonts/PTS56F-webfont.ttf') format('truetype'),
- url('fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'pt_sansregular';
- src: url('fonts/PTS55F-webfont.eot');
- src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
- url('fonts/PTS55F-webfont.woff') format('woff'),
- url('fonts/PTS55F-webfont.ttf') format('truetype'),
- url('fonts/PaTS55F-webfont.svg#pt_sansregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- .ptbold {
- font-family: 'pt_sansbold';
- font-weight: bold;
- }
- body {
- font-family: 'pt_sansregular', sans-serif;
- background-image: url(img/bg/body.jpg);
- background-repeat: repeat;
- font-size: 14px;
- color: #3d4944;
- width: 100%;
- height: 100%;
- }
- a {
- color: blue;
- outline: none;
- text-decoration: underline;
- }
- a:hover {
- text-decoration: none;
- }
- p {
- margin: 0 0 18px
- }
- img {
- border: none;
- vertical-align: middle;
- }
- input {
- vertical-align: middle;
- }
- fieldset {
- border: 0;
- margin: 0;
- padding: 0;
- }
- textarea {
- resize: vertical;
- font-family: Helvetica, Verdana, "Helvetica CY", sans-serif;
- }
- #wrapper {
- width: 980px;
- margin: 0 auto;
- min-height: 100%;
- height: auto !important;
- height: 100%;
- }
- .clear {
- clear:both;
- }
- /* Header
- -----------------------------------------------------------------------------*/
- #header {
- height: 120px;
- position: relative;
- }
- .backhead {
- width:100%;
- z-index:-50;
- background-position: center;
- background-repeat: no-repeat;
- }
- .bkblock0n {
- height:165px;
- position: absolute;
- top:0;
- }
- #header header {
- width: 700px;
- height: 120px;
- position: absolute;
- top: 0;
- left: 0;
- background-image: url(img/bg/header.jpg);
- background-repeat: no-repeat;
- -webkit-box-shadow: #666 2px 2px 4px;
- -moz-box-shadow: #666 2px 2px 4px;
- box-shadow: #666 2px 2px 4px;
- }
- .logo {
- width: 220px;
- height: 88px;
- display: block;
- margin: 16px auto;
- }
- .logo img{
- width: 220px;
- height: 88px;
- }
- .loginbut {
- position: absolute;
- top: 10px;
- left: 700px;
- font-size: 14px;
- font-weight: bold;
- font-family: 'pt_sansbold';
- color: #3d4944;
- text-decoration: none;
- text-shadow: rgb(255, 255, 255) 2px 1px 2px;
- padding: 8px 13px;
- background: #fee417;
- background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fee417), to(#FEC017));
- background: -webkit-linear-gradient(#fee417, #FEC017);
- background: -moz-linear-gradient(#fee417, #FEC017);
- background: -ms-linear-gradient(#fee417, #FEC017);
- background: -o-linear-gradient(#fee417, #FEC017);
- background: linear-gradient(#fee417, #FEC017);
- -pie-background: linear-gradient(#fee417, #FEC017);
- -webkit-box-shadow: #ccc 2px 2px 4px;
- -moz-box-shadow: #ccc 2px 2px 4px;
- box-shadow: #ccc 2px 2px 4px;
- }
- /* ==============
- Menu
- ============== */
- .headernav {
- margin: 0;
- padding: 0;
- height: 43px;
- width: 700px;
- background: #02d1ea;
- background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02d1ea), to(#02AEEA));
- background: -webkit-linear-gradient(#02d1ea, #02AEEA);
- background: -moz-linear-gradient(#02d1ea, #02AEEA);
- background: -ms-linear-gradient(#02d1ea, #02AEEA);
- background: -o-linear-gradient(#02d1ea, #02AEEA);
- background: linear-gradient(#02d1ea, #02AEEA);
- -pie-background: linear-gradient(#02d1ea, #02AEEA);
- border-bottom: 2px solid #3d4944;
- -webkit-box-shadow: #ccc 2px 2px 4px;
- -moz-box-shadow: #ccc 2px 2px 4px;
- box-shadow: #ccc 2px 2px 4px;
- }
- .headnav{
- width: 100%;
- list-style: none;
- padding: 0;
- margin: 0;
- text-align: center;
- }
- .headnav li{
- position: relative;
- display: inline-block;
- }
- .headnav li a{
- display: block;
- padding: 11px 32px 12px;
- font-weight: bold;
- font-family: 'pt_sansbold';
- font-size: 16px;
- margin: 0;
- color: #fff;
- text-decoration: none;
- text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
- }
- .headnav li:first-child a {
- margin-left: 0;
- }
- .headnav li:last-child a {
- margin-right: 0;
- }
- .headnav li a:hover{
- background: #02bbd2;
- background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02bbd2), to(#029BD2));
- background: -webkit-linear-gradient(#02bbd2, #029BD2);
- background: -moz-linear-gradient(#02bbd2, #029BD2);
- background: -ms-linear-gradient(#02bbd2, #029BD2);
- background: -o-linear-gradient(#02bbd2, #029BD2);
- background: linear-gradient(#02bbd2, #029BD2);
- -pie-background: linear-gradient(#02bbd2, #029BD2);
- }
- /* ========================
- INTERMEDIATE: IE Fixes
- ======================== */
- nav ul li {
- display: inline;
- }
- .oldie nav a {
- margin: 0 0.7%;
- }
- /* ==============
- End Menu
- ============== */
- /* Middle
- -----------------------------------------------------------------------------*/
- #content {
- padding: 0 0 70px;
- }
- section {
- width: 657px;
- margin: 0 0 28px;
- padding: 22px 20px 20px;
- float: left;
- background-color: #ffffff;
- border: 1px solid #c4c7c8;
- -webkit-box-shadow: #ccc 2px 2px 4px;
- -moz-box-shadow: #ccc 2px 2px 4px;
- box-shadow: #ccc 0px 2px 4px;
- }
- aside.rightbar {
- width: 279px;
- border-top: 1px solid #dcdfdf;
- border-bottom: 1px solid #dcdfdf;
- border-right: 1px solid #dcdfdf;
- -webkit-box-shadow: #ccc 2px 2px 4px;
- -moz-box-shadow: #ccc 2px 2px 4px;
- box-shadow: #ccc 0px 2px 4px;
- float: right;
- padding: 15px 0 0;
- background-color: #f8f8f8;
- margin: -43px 0 20px;
- }
- aside.rightbar .widget {
- margin: 0 15px 25px;
- padding: 22px 10px 22px 10px;
- border: 1px solid #0fb1eb;
- }
- aside.rightbar h3 {
- font-size: 20px;
- margin: 0 0 15px;
- color: #3d4944;
- font-weight: bold;
- font-family: 'pt_sansbold';
- text-transform: uppercase;
- }
- aside.rightbar li a{
- font-size: 14px;
- color: #3d4944;
- text-decoration: none;
- }
- aside.rightbar li a:hover{
- text-decoration: underline;
- }
- .rightbar .twitter {
- text-align: center;
- border: none !important;
- padding: 0 10px !important;
- }
- .rightbar .twitter iframe:hover{
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-shadow: #666 0px 2px 3px;
- -moz-box-shadow: #666 0px 2px 3px;
- box-shadow: #666 0px 2px 3px;
- }
- .newslist li {
- background-image: url(img/bg/newslistli.png);
- background-repeat: no-repeat;
- background-position: 0 3px;
- padding: 0 0 12px 30px;
- font-size: 14px;
- }
- aside.bottombar {
- width: 700px;
- min-height: 1px;
- margin-left: -20px;
- margin-bottom: -20px;
- }
- h1.title {
- color: #3d4944;
- font-size: 20px;
- }
- article img {
- max-width: 658px;
- }
- article h1 {
- color: #3d4944;
- font-size: 20px;
- margin: 5px 0 15px;
- }
- article h2 {
- color: #3d4944;
- font-size: 18px;
- margin: 5px 0 15px;
- }
- article h3 {
- color: #3d4944;
- font-size: 16px;
- margin: 5px 0 15px;
- }
- .bottombar {
- }
- .bottombar .widget{
- width: 350px;
- float: right;
- border-top: 2px solid #3d4944;
- min-height: 250px;
- }
- .bottombar .widget:first-child{
- width: 348px;
- float: left;
- border-top: 2px solid #3d4944;
- border-right: 2px solid #3d4944;
- }
- .bottombar h3{
- font-size: 20px;
- color: #3d4944;
- padding: 17px 20px;
- text-transform: uppercase;
- border-bottom: 2px solid #3d4944;
- }
- .bottombar ul{
- padding: 20px;
- }
- .bottombar li {
- padding: 0 0 0 20px;
- margin: 0 0 8px;
- background-image: url(img/bg/bottowidget.png);
- background-repeat: no-repeat;
- background-position: left top;
- }
- .bottombar li a{
- font-size: 14px;
- color: #3d4944;
- text-transform: lowercase;
- text-decoration: none;
- }
- .bottombar li a:hover{
- text-decoration: underline;
- }
- .post-categories li {
- display: inline-block;
- }
- h1.ctitle {
- color: #3d4944;
- font-size: 20px;
- font-weight: bold;
- font-family: 'pt_sansbold';
- margin: -10px -20px 0;
- padding: 0 20px 10px;
- background-image: url(img/bg/ctitle.jpg);
- background-repeat: repeat-x;
- background-position: bottom;
- }
- h1.ctitle a{
- color: #3d4944;
- font-size: 20px;
- font-weight: bold;
- font-family: 'pt_sansbold';
- text-decoration: none;
- }
- .looper article {
- padding: 10px 0 0;
- /* border-bottom: 4px dotted #ccc; */
- border-bottom: 1px solid #9ea4a1;
- }
- .looper .featureimg {
- width: 168px;
- /* border: 5px solid #ccc; */
- float: left;
- margin: 10px 20px 10px 0;
- }
- .looper .featureimg:hover {
- /* border: 5px solid #f6f6f6; */
- -webkit-box-shadow: #666 0px 2px 10px;
- -moz-box-shadow: #666 0px 2px 10px;
- box-shadow: #666 0px 2px 10px;
- }
- .looper .featureimg img{
- width: 168px;
- }
- .looper .title{
- font-size: 16px;
- font-weight: bold;
- font-family: 'pt_sansbold';
- color: #19b3ea;
- margin: 5px 0 10px;
- }
- .looper .title a{
- color: #19b3ea;
- }
- .looper .readmore {
- display: block;
- border: 1px solid #737b77;
- background: -webkit-gradient(linear, 0 0, 0 bottom, from(#63766e), to(#3F4B46));
- background: -webkit-linear-gradient(#63766e, #3F4B46);
- background: -moz-linear-gradient(#63766e, #3F4B46);
- background: -ms-linear-gradient(#63766e, #3F4B46);
- background: -o-linear-gradient(#63766e, #3F4B46);
- background: linear-gradient(#63766e, #3F4B46);
- -pie-background: linear-gradient(#63766e, #3F4B46);
- -webkit-box-shadow: #666 0px 2px 3px;
- -moz-box-shadow: #666 0px 2px 3px;
- box-shadow: #666 0px 2px 3px;
- font-size: 13px;
- color: #fffefe;
- font-weight: bold;
- font-family: 'pt_sansbold';
- text-decoration: none;
- padding: 9px 0;
- width: 73px;
- text-align: center;
- float: right;
- margin: -15px 5px 10px 0;
- letter-spacing: 3px;
- }
- .looper .readmore:hover {
- -webkit-box-shadow: #666 0px 2px 7px;
- -moz-box-shadow: #666 0px 2px 7px;
- box-shadow: #666 0px 2px 7px;
- background: #3F4B46;
- background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3F4B46), to(#63766e));
- background: -webkit-linear-gradient(#3F4B46, #63766e);
- background: -moz-linear-gradient(#3F4B46, #63766e);
- background: -ms-linear-gradient(#3F4B46, #63766e);
- background: -o-linear-gradient(#3F4B46, #63766e);
- background: linear-gradient(#3F4B46, #63766e);
- -pie-background: linear-gradient(#3F4B46, #63766e);
- }
- h2.title a{
- font-size: 18px;
- color: #3d4944;
- text-decoration: none;
- }
- h2.title a:hover{
- text-decoration: underline;
- }
- .view-article {
- display: none;
- }
- .pagination {
- margin: 10px 0;
- text-align: center;
- }
- .pagination a, .pagination span{
- margin: 0 2px;
- font-size: 19px;
- color: #28b7ea;
- font-weight: bold;
- font-family: 'pt_sansbold';
- }
- .pagination span{
- color: #3d4944;
- }
- .page-template-page-home-php section{
- padding: 12px 20px 20px !important;
- }
- /* Footer
- -----------------------------------------------------------------------------*/
- #mainfooter {
- width:100%;
- margin: -70px auto 0;
- height: 70px;
- position: relative;
- }
- #footer {
- width: 980px;
- height:100%;
- margin:0 auto;
- }
- #footer .wrapper {
- height: 100%;
- margin: 0;
- background-image: url(img/bg/footer.jpg);
- background-repeat: repeat-x;
- position: relative;
- }
- #footer .counter{
- width: 500px;
- height: 31px;
- position: absolute;
- left: 0;
- top: 20px;
- padding: 0 0 0 10px;
- }
- #footer .counter span {
- margin: 0 10px;
- }
- #footer .socbutton {
- height: 35px;
- width: 160px;
- position: absolute;
- top: 18px;
- right: 45px;
- }
- #footer .socbutton ul{
- }
- #footer .socbutton li{
- display: inline-block;
- float: right;
- margin: 0 10px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- #footer .socbutton li:hover{
- -webkit-box-shadow: #fff 0px 2px 10px;
- -moz-box-shadow: #fff 0px 2px 10px;
- box-shadow: #fff 0px 2px 10px;
- }
- /* pretty )) */
- .opaci span{
- opacity:0.3;
- -moz-opacity:0.3;
- filter:alpha(opacity=40);
- cursor: pointer;
- }
- .opaci span:hover{
- opacity:1.0;
- -moz-opacity:1.0;
- filter:alpha(opacity=100);
- }
- /* image align
- -----------------------------------------------------------------------------*/
- .aligncenter,
- div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .alignleft {
- float: left;
- }
- .alignright {
- float: right;
- }
- .wp-caption {
- border: 1px solid #ddd;
- text-align: center;
- background-color: #f3f3f3;
- padding-top: 4px;
- margin: 10px;
- /* optional rounded corners for browsers that support it */
- -moz-border-radius: 3px;
- -khtml-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- .wp-caption img {
- margin: 0;
- padding: 0;
- border: 0 none;
- }
- .wp-caption p.wp-caption-text {
- font-size: 11px;
- line-height: 17px;
- padding: 0 4px 5px;
- margin: 0;
- }
- /*
- Для красоты к строкам:
- */
- .alignleft {
- float: left;
- }
- .alignright {
- float: right;
- }
- /*
- Можно добавить еще параметр margin для того, чтобы сделать автоматический отступ между картинкой и текстом, в результате этот кусок кода будет выглядеть вот так:
- */
- .alignleft {
- float: left;
- margin-right: 5px;
- }
- .alignright {
- float: right;
- margin-left: 5px;
- }
- /* end of image align */
- /* ==========================================================================
- Helper classes
- ========================================================================== */
- .ir {
- background-color: transparent;
- border: 0;
- overflow: hidden;
- *text-indent: -9999px;
- }
- .ir:before {
- content: "";
- display: block;
- width: 0;
- height: 100%;
- }
- .hidden {
- display: none !important;
- visibility: hidden;
- }
- .visuallyhidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- }
- .visuallyhidden.focusable:active,
- .visuallyhidden.focusable:focus {
- clip: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- position: static;
- width: auto;
- }
- .invisible {
- visibility: hidden;
- }
- .clearfix:before,
- .clearfix:after {
- content: " ";
- display: table;
- }
- .clearfix:after {
- clear: both;
- }
- .clearfix {
- *zoom: 1;
- }
- /* ==========================================================================
- Print styles
- ========================================================================== */
- @media print {
- * {
- background: transparent !important;
- color: #000 !important; /* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- /*
- * Don't show links for images, or javascript/internal links
- */
- .ir a:after,
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group; /* h5bp.com/t */
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- @page {
- margin: 0.5cm;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement