Guest
Public paste!

manpreet

By: a guest | Feb 9th, 2010 | Syntax: None | Size: 10.00 KB | Hits: 7 | Expires: Never
Copy text to clipboard
  1. /*
  2.  *  JoggerPL version 2.5 (codename Agni) Styles
  3.  *  last-updated: 28-04-2007
  4.  *  ===========================================================================
  5.  *  
  6.  *  Mozesz wykorzystywac fragmenty tego stylu do nauki i w swoich projektach,
  7.  *  ale unikalne polaczenie obrazow, kolorow, rozmiarow, typografii oraz
  8.  *  pozycjonowania jest chronione prawem autorskim jako wlasnosc JoggerPL
  9.  *  i nie moze byc kopiowane.
  10.  *
  11.  *  You may adapt certain elements of this CSS to learn and in your own
  12.  *  projects, but the unique combination of images, colors, sizes, typography,
  13.  *  and positioning is copyright 2003-2007 JoggerPL and may not be reproduced.
  14.  *
  15.  *  ===========================================================================
  16.  */
  17.  
  18. /* =layout
  19. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  20.  
  21. .main { width: 60%; }
  22. .sidebar { width: 40%; }
  23. .main p.section, .main .entry, .main .pager { margin-right: 10px; }
  24. .sidebar p.section, .sidebar form, .sidebar .box { margin-left: 10px; }
  25. .sidebar table { width: 100%; }
  26.  
  27. /* =intro
  28. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  29.  
  30. .minimized { padding: 5px; }
  31. .maximized {
  32.         background: url() 100% -70px no-repeat;
  33.         padding: 0 15px 15px 15px;
  34. }
  35.  
  36. #logged .maximized { background-position: 100% -80px; }
  37. .maximized, .minimized {
  38.         background-color: #f6efcc;
  39.         position: relative;
  40.         overflow: hidden;
  41. }
  42.  
  43. .maximized .left,
  44. .minimized .left {
  45.         width: 60%;
  46.         float: left;
  47. }
  48.  
  49. .maximized .right,
  50. .minimized .right {
  51.         width: 40%;
  52.         float: right;
  53. }
  54.  
  55. .maximized p {
  56.         font: normal 1.5em "Century Gothic", "Lucida Sans Unicode", "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
  57.         color: #6d643c;
  58.         margin-right: 15px;
  59.         line-height: 125%;
  60.         margin-top: 0.75em;
  61. }
  62.  
  63. .maximized .right ul { margin-top: 85px; }
  64. .maximized .right li {
  65.         margin: 5px 0 0 10px;
  66.         overflow: hidden;
  67.         list-style: none;
  68. }
  69.  
  70. .maximized .right li a {
  71.         margin-left: 2px;
  72.         display: block;
  73.         padding: 0.50em 0.71em 0.43em 0.64em;
  74.         float: left;
  75.         background-color: #ee4e4e;
  76.         color: #fff;
  77.         border: none;
  78. }
  79.  
  80. .maximized .right li a:hover { background-color: #de1818; }
  81. .maximized .quicktools li { margin: 20px 15px 0 0; }
  82. .maximized .quicktools li,
  83. .minimized .quicktools li,
  84. .minimized .right li {
  85.         float: left;
  86.         list-style: none;
  87.         margin-right: 10px;
  88. }
  89.  
  90. .minimized .right li { margin-left: 10px; }
  91. .maximized .quicktools a {
  92.         border: 1px solid transparent;
  93.         display: block;
  94.         padding: 65px 15px 10px 15px;
  95.         text-align: center;
  96.         background-position: 50% 0;
  97.         background-repeat: no-repeat;
  98.         outline: none;
  99. }
  100.  
  101. .maximized .quicktools a,
  102. .minimized .quicktools a,
  103. .minimized .right li a {
  104.         background-color: transparent;
  105.         color: #6d643c;
  106. }
  107.  
  108. .minimized .quicktools a, .minimized .right li a { border: none; }
  109.  
  110. .minimized .right li a,
  111. .minimized .quicktools a {
  112.         display: block;
  113.         padding: 0.25em 0.35em 0.3em 0.35em;
  114. }
  115.  
  116. .maximized .quicktools a span,
  117. .minimized .quicktools a span,
  118. .minimized .right li a span {
  119.         border-bottom: 1px solid #cfc8a4;
  120. }
  121.  
  122. .maximized .quicktools a:hover, .maximized .quicktools a:focus,
  123. .minimized .quicktools a:hover, .minimized .quicktools a:focus,
  124. .minimized .right li a:hover, .minimized .right li a:focus {
  125.         background-color: #fff;
  126. }
  127.  
  128. .maximized .quicktools a:active,
  129. .minimized .quicktools a:active,
  130. .minimized .right li a:active {
  131.         border-color: #cfc8a4;
  132. }
  133.  
  134. .maximized .quicktools #quick-post a { background-image: url(http://princedrive.googlepages.com/icon-post-big.png); }
  135. .maximized .quicktools #quick-manage a { background-image: url(http://princedrive.googlepages.com/icon-manage-big.png); }
  136. .maximized .quicktools #quick-themes a { background-image: url(http://princedrive.googlepages.com/icon-themes-big.png); }
  137. .maximized .quicktools #quick-options a { background-image: url(http://princedrive.googlepages.com/icon-options-big.png); }
  138. .maximized .quicktools #quick-account a { background-image: url(http://princedrive.googlepages.com/icon-account-big.png); }
  139.  
  140. #quicktoggle {
  141.         position: absolute;
  142.         display: block;
  143.         right: 0;
  144.         top: 0;
  145.         margin: 5px 5px 0 0;
  146.         width: 14px;
  147.         height: 14px;
  148.         border-width: 1px;
  149.         border-style: solid;
  150.         border-color: #f9f7ea #b29840 #b29840 #f9f7ea;
  151.         z-index: 20;
  152.         overflow: hidden;
  153.         outline: none;
  154.         background: url(http://princedrive.googlepages.com/quicktoggle-bg.png) 0 0 no-repeat;
  155.         text-indent: -1000em;
  156. }
  157.  
  158. .minimized #quicktoggle { background-position: 0 -14px; }
  159. #quicktoggle:hover { background-color: #f3ecca; }
  160. #quicktoggle:active { border-color: #b29840 #f9f7ea #f9f7ea #b29840; }
  161.  
  162. /* =login
  163. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  164.  
  165. form legend {
  166.         color: #aaa;
  167.         text-indent: -2px;
  168.         display: block;
  169.         padding-bottom: 10px;
  170. }
  171.  
  172. form.js legend { display: none; }
  173. .sidebar form p.info { font-size: 0.83em; }
  174.  
  175. #loginOpenID {
  176.         padding-right: 21px;
  177.         background-image: url(http://princedrive.googlepages.com/icon-openid-small.png);
  178.         background-position: 100% 0;
  179.         background-repeat: no-repeat;
  180. }
  181.  
  182. #registerForm .grid label, #loginForm .grid label { width: 24%; }
  183. #registerForm .grid .fields, #loginForm .grid .fields { width: 75%; }
  184. #registerForm .indent .fields, #loginForm .indent .fields { padding-left: 25%; }
  185.  
  186. /* =sidebar
  187. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  188.  
  189. .box thead { display: none; }
  190.  
  191. .box table {
  192.         border-spacing: 0;
  193.         border-collapse: collapse;
  194. }
  195.  
  196. .box td { padding: 0.36em 0; }
  197. .box td.date,
  198. .box td.author {
  199.         text-align: right;
  200.         padding-left: 10px;
  201. }
  202.  
  203. .box td.date abbr {
  204.         padding: 0.25em 0.35em 0.21em 0.32em;
  205.         background: #f6efcc;
  206.         color: #6d643c;
  207.         white-space: nowrap;
  208. }
  209.  
  210. .box td.author a {
  211.         color: #888;
  212.         border-color: #ddd;
  213. }
  214.  
  215. .box td.author a:visited { background-color: #f7f7f7; }
  216. .box ol.featured li {
  217.         list-style: none;
  218.         background: url(http://princedrive.googlepages.com/icon-star.png) 0 0.5em no-repeat;
  219.         padding: 0.36em 0 0.36em 16px;
  220.         line-height: 200%;
  221.         color: #888;
  222.         display: inline;
  223. }
  224.  
  225. .box .img {
  226.         text-align: center;
  227.         margin-top: 100px;
  228. }
  229.  
  230. .box td.number {
  231.         border-right: 1px solid #ddd;
  232.         padding-right: 10px;
  233.         padding-left: 10px;
  234.         color: #ccc;
  235. }
  236.  
  237. /* =entry & entry-header
  238. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  239.  
  240. .entry {
  241.         border-color: #a2d1e0;
  242.         border-width: 1px 1px 1px 0;
  243.         border-style: solid;
  244. }
  245.  
  246. .entry .header { margin: 15px 10px 0 0; }
  247. .entry .header p {
  248.         overflow: hidden;
  249.         font-size: 0.93em;
  250.         margin-bottom: 0.54em;
  251. }
  252.  
  253. .entry .header p a,
  254. .entry .header p span.date {
  255.         padding: 0.21em
  256. }
  257.  
  258. .entry .header p a {
  259.         float: left;
  260.         background-color: #e8f4f8;
  261.         padding: 0.21em;
  262.         border: none;
  263. }
  264.  
  265. .entry .header p a:active { color: #3e798c }
  266. .entry .header p span.date {
  267.         float: left;
  268.         color: #aaa;
  269.         margin-left: 5px;
  270. }
  271.  
  272. .entry .header a.next {
  273.         float: right;
  274.         width: 12px;
  275.         height: 13px;
  276.         background: url(http://princedrive.googlepages.com/icon-nextentry.png) 0 0  no-repeat;
  277.         padding: 5px;
  278.         border: none;
  279.         text-indent: -1000em;
  280.         outline: 1px solid #fcdcdc;
  281.         outline-offset: -1px;
  282.         overflow: hidden;
  283. }
  284.  
  285. .entry .header a.next:hover,
  286. .entry .header a.next:focus {
  287.         background-color: #ee4e4e;
  288.         background-position: 0 -23px;
  289.         outline-color: #ee4e4e;
  290. }
  291.  
  292. /* =entry body
  293. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  294.  
  295. .entry .body { margin: 20px 20px 20px 0; }
  296.  
  297. /* =entry-taxonomy & entry-meta
  298. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  299.  
  300. .entry .body .inserted { font-size: 0.83em; }
  301. .entry .body .inserted ul { margin-top: 0; }
  302. .entry .body .inserted li.categories,
  303. .entry .body .inserted li.tags {
  304.         background-color: #e8f4f8;
  305.         margin-top: 15px;
  306.         margin-left: 0;
  307.         padding: 5px 5px 7px 5px;
  308.         list-style: none;
  309. }
  310.  
  311. .entry .body .inserted li.categories span,
  312. .entry .body .inserted li.tags span {
  313.         font-weight: bold;
  314. }
  315.  
  316. .entry .body .inserted li.categories li,
  317. .entry .body .inserted li.tags li {
  318.         display: inline;
  319.         margin-left: 0;
  320. }
  321.  
  322. .entry .meta {
  323.         background-color: #e8f4f8;
  324.         font-size: 0.93em;
  325.         padding: 5px;
  326. }
  327.  
  328. .entry .meta::after {
  329.         content: "";
  330.         display: block;
  331.         clear: both;
  332.         height: 0;
  333.         overflow: hidden;
  334. }
  335.  
  336. .entry .meta p { float: right; }
  337. .entry .meta ul li.categories,
  338. .entry .meta ul li.tags {
  339.         position: relative;
  340. }
  341.  
  342. .entry .meta ul li.unpin,
  343. .entry .meta ul li.categories,
  344. .entry .meta ul li.tags {
  345.         float: left;
  346.         margin-right: 5px;
  347.         list-style: none;
  348. }
  349.  
  350. .entry .meta ul li.unpin a,
  351. .entry .meta ul li.categories span,
  352. .entry .meta ul li.tags span {
  353.         display: block;
  354.         width: 1.31em;
  355.         height: 1.38em;
  356.         background-repeat: no-repeat;
  357.         background-position: 50% 50%;
  358.         text-indent: -1000em;
  359. }
  360.  
  361. .entry .meta ul li.unpin a {
  362.         background-color: #ee4e4e;
  363.         background-image: url(http://princedrive.googlepages.com/icon-unpin.png);
  364.         border: none;
  365. }
  366.  
  367. .entry .meta ul li.categories span,
  368. .entry .meta ul li.tags span {
  369.         background-color: #2b3335;
  370. }
  371.  
  372. .entry .meta ul.js li.categories span,
  373. .entry .meta ul.js li.tags span {
  374.         cursor: pointer;
  375. }
  376.  
  377. .entry .meta ul li.categories span {
  378.         background-image: url(http://princedrive.googlepages.com/icon-category.png);
  379. }
  380.  
  381. .entry .meta ul li.tags span {
  382.         background-image: url(http://princedrive.googlepages.com/icon-tag.png);
  383. }
  384.  
  385. .entry .meta ul ul {
  386.         display: none;
  387.         position: absolute;
  388.         bottom: 1.38em;
  389.         background-color: #2b3335;
  390.         padding: 5px 7px 7px 7px;
  391.         line-height: 175%;
  392.         width: 300px;
  393. }
  394.  
  395. .entry .meta ul li.categories:hover ul,
  396. .entry .meta ul li.tags:hover ul {
  397.         display: block;
  398. }
  399.  
  400. .entry .meta ul.js li.categories:hover ul,
  401. .entry .meta ul.js li.tags:hover ul {
  402.         display: none;
  403. }
  404.  
  405. .entry .meta ul ul a {
  406.         border-color: #6f7576;
  407.         color: #fff;
  408. }
  409.  
  410. .entry .meta ul ul li { display: inline; }
  411.  
  412. /* =misc
  413. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  414.  
  415. .listing col.jogger { width: 26% }
  416. .listing col.status { width: 35% }
  417. .listing col.date { width: 17%; }
  418. .listing col.entries { width: 10% }
  419. .listing col.comments { width: 12% }
  420.  
  421. .listing tr.online td { background-color: #faf7ea; }
  422.  
  423. #adsense { margin-left: 10px; }