- /*
- * JoggerPL version 2.5 (codename Agni) Styles
- * last-updated: 28-04-2007
- * ===========================================================================
- *
- * Mozesz wykorzystywac fragmenty tego stylu do nauki i w swoich projektach,
- * ale unikalne polaczenie obrazow, kolorow, rozmiarow, typografii oraz
- * pozycjonowania jest chronione prawem autorskim jako wlasnosc JoggerPL
- * i nie moze byc kopiowane.
- *
- * You may adapt certain elements of this CSS to learn and in your own
- * projects, but the unique combination of images, colors, sizes, typography,
- * and positioning is copyright 2003-2007 JoggerPL and may not be reproduced.
- *
- * ===========================================================================
- */
- /* =layout
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .main { width: 60%; }
- .sidebar { width: 40%; }
- .main p.section, .main .entry, .main .pager { margin-right: 10px; }
- .sidebar p.section, .sidebar form, .sidebar .box { margin-left: 10px; }
- .sidebar table { width: 100%; }
- /* =intro
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .minimized { padding: 5px; }
- .maximized {
- background: url() 100% -70px no-repeat;
- padding: 0 15px 15px 15px;
- }
- #logged .maximized { background-position: 100% -80px; }
- .maximized, .minimized {
- background-color: #f6efcc;
- position: relative;
- overflow: hidden;
- }
- .maximized .left,
- .minimized .left {
- width: 60%;
- float: left;
- }
- .maximized .right,
- .minimized .right {
- width: 40%;
- float: right;
- }
- .maximized p {
- font: normal 1.5em "Century Gothic", "Lucida Sans Unicode", "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
- color: #6d643c;
- margin-right: 15px;
- line-height: 125%;
- margin-top: 0.75em;
- }
- .maximized .right ul { margin-top: 85px; }
- .maximized .right li {
- margin: 5px 0 0 10px;
- overflow: hidden;
- list-style: none;
- }
- .maximized .right li a {
- margin-left: 2px;
- display: block;
- padding: 0.50em 0.71em 0.43em 0.64em;
- float: left;
- background-color: #ee4e4e;
- color: #fff;
- border: none;
- }
- .maximized .right li a:hover { background-color: #de1818; }
- .maximized .quicktools li { margin: 20px 15px 0 0; }
- .maximized .quicktools li,
- .minimized .quicktools li,
- .minimized .right li {
- float: left;
- list-style: none;
- margin-right: 10px;
- }
- .minimized .right li { margin-left: 10px; }
- .maximized .quicktools a {
- border: 1px solid transparent;
- display: block;
- padding: 65px 15px 10px 15px;
- text-align: center;
- background-position: 50% 0;
- background-repeat: no-repeat;
- outline: none;
- }
- .maximized .quicktools a,
- .minimized .quicktools a,
- .minimized .right li a {
- background-color: transparent;
- color: #6d643c;
- }
- .minimized .quicktools a, .minimized .right li a { border: none; }
- .minimized .right li a,
- .minimized .quicktools a {
- display: block;
- padding: 0.25em 0.35em 0.3em 0.35em;
- }
- .maximized .quicktools a span,
- .minimized .quicktools a span,
- .minimized .right li a span {
- border-bottom: 1px solid #cfc8a4;
- }
- .maximized .quicktools a:hover, .maximized .quicktools a:focus,
- .minimized .quicktools a:hover, .minimized .quicktools a:focus,
- .minimized .right li a:hover, .minimized .right li a:focus {
- background-color: #fff;
- }
- .maximized .quicktools a:active,
- .minimized .quicktools a:active,
- .minimized .right li a:active {
- border-color: #cfc8a4;
- }
- .maximized .quicktools #quick-post a { background-image: url(http://princedrive.googlepages.com/icon-post-big.png); }
- .maximized .quicktools #quick-manage a { background-image: url(http://princedrive.googlepages.com/icon-manage-big.png); }
- .maximized .quicktools #quick-themes a { background-image: url(http://princedrive.googlepages.com/icon-themes-big.png); }
- .maximized .quicktools #quick-options a { background-image: url(http://princedrive.googlepages.com/icon-options-big.png); }
- .maximized .quicktools #quick-account a { background-image: url(http://princedrive.googlepages.com/icon-account-big.png); }
- #quicktoggle {
- position: absolute;
- display: block;
- right: 0;
- top: 0;
- margin: 5px 5px 0 0;
- width: 14px;
- height: 14px;
- border-width: 1px;
- border-style: solid;
- border-color: #f9f7ea #b29840 #b29840 #f9f7ea;
- z-index: 20;
- overflow: hidden;
- outline: none;
- background: url(http://princedrive.googlepages.com/quicktoggle-bg.png) 0 0 no-repeat;
- text-indent: -1000em;
- }
- .minimized #quicktoggle { background-position: 0 -14px; }
- #quicktoggle:hover { background-color: #f3ecca; }
- #quicktoggle:active { border-color: #b29840 #f9f7ea #f9f7ea #b29840; }
- /* =login
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- form legend {
- color: #aaa;
- text-indent: -2px;
- display: block;
- padding-bottom: 10px;
- }
- form.js legend { display: none; }
- .sidebar form p.info { font-size: 0.83em; }
- #loginOpenID {
- padding-right: 21px;
- background-image: url(http://princedrive.googlepages.com/icon-openid-small.png);
- background-position: 100% 0;
- background-repeat: no-repeat;
- }
- #registerForm .grid label, #loginForm .grid label { width: 24%; }
- #registerForm .grid .fields, #loginForm .grid .fields { width: 75%; }
- #registerForm .indent .fields, #loginForm .indent .fields { padding-left: 25%; }
- /* =sidebar
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .box thead { display: none; }
- .box table {
- border-spacing: 0;
- border-collapse: collapse;
- }
- .box td { padding: 0.36em 0; }
- .box td.date,
- .box td.author {
- text-align: right;
- padding-left: 10px;
- }
- .box td.date abbr {
- padding: 0.25em 0.35em 0.21em 0.32em;
- background: #f6efcc;
- color: #6d643c;
- white-space: nowrap;
- }
- .box td.author a {
- color: #888;
- border-color: #ddd;
- }
- .box td.author a:visited { background-color: #f7f7f7; }
- .box ol.featured li {
- list-style: none;
- background: url(http://princedrive.googlepages.com/icon-star.png) 0 0.5em no-repeat;
- padding: 0.36em 0 0.36em 16px;
- line-height: 200%;
- color: #888;
- display: inline;
- }
- .box .img {
- text-align: center;
- margin-top: 100px;
- }
- .box td.number {
- border-right: 1px solid #ddd;
- padding-right: 10px;
- padding-left: 10px;
- color: #ccc;
- }
- /* =entry & entry-header
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .entry {
- border-color: #a2d1e0;
- border-width: 1px 1px 1px 0;
- border-style: solid;
- }
- .entry .header { margin: 15px 10px 0 0; }
- .entry .header p {
- overflow: hidden;
- font-size: 0.93em;
- margin-bottom: 0.54em;
- }
- .entry .header p a,
- .entry .header p span.date {
- padding: 0.21em
- }
- .entry .header p a {
- float: left;
- background-color: #e8f4f8;
- padding: 0.21em;
- border: none;
- }
- .entry .header p a:active { color: #3e798c }
- .entry .header p span.date {
- float: left;
- color: #aaa;
- margin-left: 5px;
- }
- .entry .header a.next {
- float: right;
- width: 12px;
- height: 13px;
- background: url(http://princedrive.googlepages.com/icon-nextentry.png) 0 0 no-repeat;
- padding: 5px;
- border: none;
- text-indent: -1000em;
- outline: 1px solid #fcdcdc;
- outline-offset: -1px;
- overflow: hidden;
- }
- .entry .header a.next:hover,
- .entry .header a.next:focus {
- background-color: #ee4e4e;
- background-position: 0 -23px;
- outline-color: #ee4e4e;
- }
- /* =entry body
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .entry .body { margin: 20px 20px 20px 0; }
- /* =entry-taxonomy & entry-meta
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .entry .body .inserted { font-size: 0.83em; }
- .entry .body .inserted ul { margin-top: 0; }
- .entry .body .inserted li.categories,
- .entry .body .inserted li.tags {
- background-color: #e8f4f8;
- margin-top: 15px;
- margin-left: 0;
- padding: 5px 5px 7px 5px;
- list-style: none;
- }
- .entry .body .inserted li.categories span,
- .entry .body .inserted li.tags span {
- font-weight: bold;
- }
- .entry .body .inserted li.categories li,
- .entry .body .inserted li.tags li {
- display: inline;
- margin-left: 0;
- }
- .entry .meta {
- background-color: #e8f4f8;
- font-size: 0.93em;
- padding: 5px;
- }
- .entry .meta::after {
- content: "";
- display: block;
- clear: both;
- height: 0;
- overflow: hidden;
- }
- .entry .meta p { float: right; }
- .entry .meta ul li.categories,
- .entry .meta ul li.tags {
- position: relative;
- }
- .entry .meta ul li.unpin,
- .entry .meta ul li.categories,
- .entry .meta ul li.tags {
- float: left;
- margin-right: 5px;
- list-style: none;
- }
- .entry .meta ul li.unpin a,
- .entry .meta ul li.categories span,
- .entry .meta ul li.tags span {
- display: block;
- width: 1.31em;
- height: 1.38em;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- text-indent: -1000em;
- }
- .entry .meta ul li.unpin a {
- background-color: #ee4e4e;
- background-image: url(http://princedrive.googlepages.com/icon-unpin.png);
- border: none;
- }
- .entry .meta ul li.categories span,
- .entry .meta ul li.tags span {
- background-color: #2b3335;
- }
- .entry .meta ul.js li.categories span,
- .entry .meta ul.js li.tags span {
- cursor: pointer;
- }
- .entry .meta ul li.categories span {
- background-image: url(http://princedrive.googlepages.com/icon-category.png);
- }
- .entry .meta ul li.tags span {
- background-image: url(http://princedrive.googlepages.com/icon-tag.png);
- }
- .entry .meta ul ul {
- display: none;
- position: absolute;
- bottom: 1.38em;
- background-color: #2b3335;
- padding: 5px 7px 7px 7px;
- line-height: 175%;
- width: 300px;
- }
- .entry .meta ul li.categories:hover ul,
- .entry .meta ul li.tags:hover ul {
- display: block;
- }
- .entry .meta ul.js li.categories:hover ul,
- .entry .meta ul.js li.tags:hover ul {
- display: none;
- }
- .entry .meta ul ul a {
- border-color: #6f7576;
- color: #fff;
- }
- .entry .meta ul ul li { display: inline; }
- /* =misc
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
- .listing col.jogger { width: 26% }
- .listing col.status { width: 35% }
- .listing col.date { width: 17%; }
- .listing col.entries { width: 10% }
- .listing col.comments { width: 12% }
- .listing tr.online td { background-color: #faf7ea; }
- #adsense { margin-left: 10px; }
