arator {background: url (../images/divider.png) repeat-x left bottom; display: block; padding-left: 20px; cursor: pointer; padding: 4px 0 4px 20px; background: url (../images/navParent.png) no-repeat left 12px}
/* Hidden Panel Styling */
# toppanel a # open {color: #fff; padding: 8px 10px; background: # 000; border-bottom: 1px solid # 2a2a2a; z-index: 100;}
# toppanel a # open: hover {color: # 333} div.close {background: url (../images/panelClose.png) no-repeat}
# panelInner {background: url (../images/blackOverlay.png); border: 1px solid # 000}
/* Input Styling * /, input # email {background: #fff url (../images/fieldShadow.jpg) repeat-x ;: 1px solid #fff; size: 13px; color: # 333333; display: block; padding: 8px; clear: both; margin-bottom: 10px;}. validate {padding: 4px;}
/* Overrides */_ row.leading {padding: 0 0 30px; margin: 0 0 10px; clear: both;} {float: left; width: 100%}
/* Page classes * /. jbFrontPage {clear: both; float: left; background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative; width: 100%;} # jbArticle {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative;}. jbSection {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative;}. jbCategory {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative; clear: both;}
/* Pdf Buttons etc * /. buttons {position: absolute; right: 0; margin-top: - 40px} .buttons.noborder {margin-top: - 25px;}
/* Div around the title and author, date etc * /. jbMeta {background: url (../images/divider.png) repeat-x left bottom; height: 30px; float: left; width: 100%; margin-bottom: 20px; color: #ccc; font-size: 90%; position: relative}
/* Section and Categories * /. jbSectCat.dateheading {padding-left: 100px} {clear: both; float: left; width: 100%;}
/* Author and date styling * /. jbAuthorDate {float: right; width: 100%;}. jbModifydate {float: right; font-size: 90%; font-style: italic; color: # 999} .jbAuthor {float: right; position: absolute; right: 0; top: 0px; font-style: italic; text-align: right;}. jbCreatedate {position: absolute; width: 60px; height: 50px; text-align: center; z-index: 10; background: url (../images/dividerVert.png) no-repeat right top; padding-right: 20px} .jbCreatedate span.datemonth {margin-right: 8px;}. jbCreatedate span.dateyear {font-size: 2em; display: block; text-align: center; line-height: 1em;}
/* Read more * /. jbReadmore {float: left; padding-left: 15px; margin-top: 8px; font-size: 90%} _ more ul li {list-style-type: none; margin: 0;} _ more ul li a {background: # 1a1a1a url (../images/divider.png) repeat-x left bottom; padding-bottom: 8px; border: none; display: block;}. pagination {margin: 0;}. pagination li {float: left; list-style-type: none; margin: 0 20px 0 0} .pagination li a {border: 1px solid # 2a2a2a; padding: 4px 8px} .pagination li a: hover {background: # 101010; border: 1px solid # 333} {font-size: 80%; color: # 999} .mbImageFlat {border: 2px solid # 121212; padding: 0; margin: 0 0 10px 0; float: left;} {margin: 0 0 8px;} {padding: 16px 0 4px} {width: 100%;} h2 a {margin-bottom: 8px; background: none; font-size: 90%; line-height: 1em; float: none} {margin-right: 20px} .readon {float: left; padding-left: 15px; font-size: 90%} {background: url (../images/divider.png) repeat-x left bottom; border: none} img {border: 2px solid # 121212} img {margin: 0 0 4px;} h2 {display: block; margin: 0; padding: 0 0 4px;} heading p {display: none} .three {float: left; width: 30%; margin-right: 10px; display: block}
# right ul.three li {display: block; float: none; clear: both} {border: 2px solid # 121212; padding: 0}
# colorbox {color: # 333} {color: #fff;}. pagenav_next {text-align: right;} ol li {background: url (../images/divider.png) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 10px;}. clear-body {display: none;}
Додаток В
.js
/*
*. easyRotate 1.0 - 3-11-2010
* author: Jordan Andree (jordan@noblegiant)
* # justify gt; * to ease the implementation of element rotation for cross-browser support
* free to do whatever you want with this file
*/
(function ($) {$ .fn.extend ({easyRotate: function (options) {var def...
