pb.stoleyour.com

Untitled

By Gracious Agouti, 11 Years ago, written in Plain Text, viewed 670 times.
URL http://pb.stoleyour.com/view/b72d7638 Embed
Download Paste or View Raw — Expand paste to full width of browser
  1. /*
  2.         Plex Export Stylesheet
  3.         Author: Luke Lanchester <luke@lukelanchester.com>
  4. */
  5. * { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; }
  6. body {
  7.         font-family: "Arial","Helvetica",sans-serif;
  8.         font-size: 12px;
  9.         color: #272B2D;
  10.         background: #9A9A9A url(../images/background.jpg);
  11. }
  12. .left { float: left; }
  13. .right { float: right; }
  14. .clear { clear: both; }
  15. .hide { display: none; }
  16. #container {
  17.         width: 1100px;
  18.         padding: 0 20px;
  19.         margin: 0 auto;
  20.         background: url(../images/container-bg.png) repeat-y;
  21. }
  22.  
  23.  
  24.  
  25. /* HEADER //////////////////////////////////////////////////////////////////////////*/
  26.  
  27. #header {
  28.         height: 95px;
  29.         background: #282B2E;
  30.         border-bottom: 5px solid #FF9421;
  31. }
  32. #header h1 {
  33.         display: block;
  34.         float: left;
  35.         width: 299px;
  36.         height: 95px;
  37.         margin-left: 16px;
  38.         background: url(../images/logo.png) no-repeat;
  39. }
  40. #header h1 span { display: none; }
  41. #header p {
  42.         float: right;
  43.         text-align: right;
  44.         height: 95px;
  45.         overflow: hidden;
  46. }
  47. #header p span {
  48.         display: block;
  49.         font-size: 16px;
  50.         text-transform: uppercase;
  51.         color: #60666B;
  52.         padding: 4px 6px 0 0;
  53. }
  54. #header p strong {
  55.         display: block;
  56.         margin: -12px -6px 0 0;
  57.         font-size: 96px;
  58.         color: #3E4146;
  59. }
  60.  
  61.  
  62.  
  63. /* SIDEBAR //////////////////////////////////////////////////////////////////////////*/
  64.  
  65. #toggle_sidebar { display: none; }
  66.  
  67. #sidebar {
  68.         float: left;
  69.         width: 200px;
  70.         margin-right: 2px;
  71. }
  72.  
  73. .sidebar-section h2 {
  74.         font-size: 20px;
  75.         color: #272B2D;
  76.         padding: 8px 0 0 13px;
  77. }
  78.  
  79. .sections-list { margin: 3px 0 14px; }
  80. .sections-list li {
  81.         padding: 6px 16px 6px 43px;
  82.         background: no-repeat 17px 50%;
  83. }
  84. .sections-list .movie { background-image: url(../images/icon-movie.png); }
  85. .sections-list .show { background-image: url(../images/icon-show.png); }
  86. .sections-list li em {
  87.         display: block;
  88.         float: right;
  89.         margin-top: -2px;
  90.         padding: 3px 4px;
  91.         font-size: 10px;
  92.         font-style: normal;
  93.         color: #A7A7A7;
  94.         background: #FFF;
  95.         -webkit-border-radius: 8px;
  96.         -moz-border-radius: 8px;
  97.         border-radius: 8px;    
  98. }
  99. .sections-list .current { background-color: #FFF; }
  100. .sections-list .current em { background: #E7EBED; }
  101. .sections-list li:hover {
  102.         background-color: #FF9421;
  103.         color: #FFF;
  104.         cursor: pointer;
  105. }
  106.  
  107.  
  108. .generic-list {
  109.         margin: 3px 0 14px;
  110. }
  111. .generic-list li {
  112.         padding: 6px 16px 6px 15px;
  113. }
  114. .generic-list li em {
  115.         display: block;
  116.         float: right;
  117.         margin-top: -2px;
  118.         padding: 3px 4px;
  119.         font-size: 10px;
  120.         font-style: normal;
  121.         color: #A7A7A7;
  122.         background: #FFF;
  123.         -webkit-border-radius: 8px;
  124.         -moz-border-radius: 8px;
  125.         border-radius: 8px;    
  126. }
  127. .generic-list .current { background-color: #FFF; }
  128. .generic-list .current em { background: #E7EBED; }
  129. .generic-list li:hover {
  130.         background-color: #FF9421;
  131.         color: #FFF;
  132.         cursor: pointer;
  133. }
  134.  
  135.  
  136. /* MAIN //////////////////////////////////////////////////////////////////////////*/
  137.  
  138. #main {
  139.         float: left;
  140.         width: 718px;
  141. }
  142.  
  143. #section-header {
  144.         padding: 1px 0 1px 1px;
  145.         border-bottom: 1px solid #C9CACB;
  146. }
  147. #section-header div {
  148.         background: #E7EBED;
  149.         padding: 7px 14px 9px;
  150. }
  151. #section-header h2 {
  152.         padding-bottom: 4px;
  153.         font-size: 20px;
  154.         color: #282B2E;
  155. }
  156. #section-header input {
  157.         float: right;
  158.         width: 180px;
  159.         padding: 4px 3px;
  160.         margin-top: 10px;
  161.         border: 1px solid #C9CACB;
  162.         -webkit-border-radius: 4px;
  163.         -moz-border-radius: 4px;
  164.         border-radius: 4px;
  165.         background: #FFF;
  166.         color: #787878;
  167. }
  168.  
  169. #item-list-status {
  170.         margin: 21px 23px 48px 22px;
  171.         border: 1px solid #E7EBED;
  172.         -webkit-border-radius: 8px;
  173.         -moz-border-radius: 8px;
  174.         border-radius: 8px;
  175. }
  176. #item-list-status p {
  177.         padding: 21px 0;
  178.         font-size: 20px;
  179.         text-align: center;
  180.         color: #C9CACB;
  181.         -webkit-border-radius: 6px;
  182.         -moz-border-radius: 6px;
  183.         border-radius: 6px;
  184. }
  185.  
  186. #item-list {
  187.         width: 700px;
  188.         margin-left: 11px;
  189.         margin-top: 20px;
  190. }
  191. .item {
  192.         float: left;
  193.         width: 150px;
  194.         margin: 0 12px 24px;
  195.         background: #E7EBED;
  196.         color: #262B2C;
  197.         text-shadow: 1px 1px 2px #BBB;
  198.         -webkit-border-radius: 8px;
  199.         -moz-border-radius: 8px;
  200.         border-radius: 8px;    
  201. }
  202. .item:nth-child(4n+1) {
  203.         clear: left;
  204. }
  205. .item img {
  206.         -webkit-border-radius: 8px;
  207.         /*-moz-border-radius: 8px;*/ /* Until Mozilla support clipping content with border-radius this will remain :( */
  208.         border-radius: 8px;
  209.         -moz-box-shadow: 0 0 4px #333538;
  210.         -webkit-box-shadow: 0 0 4px #333538;
  211.         box-shadow: 0 0 4px #333538;
  212. }
  213. .item h4 {
  214.         font-size: 14px;
  215.         text-align: center;
  216.         padding: 8px 7px 10px;
  217.         -webkit-border-bottom-right-radius: 8px;
  218.         -webkit-border-bottom-left-radius: 8px;
  219.         -moz-border-radius-bottomright: 8px;
  220.         -moz-border-radius-bottomleft: 8px;
  221.         border-bottom-right-radius: 8px;
  222.         border-bottom-left-radius: 8px;
  223. }
  224. .item:hover {
  225.         background: #FF9421;
  226.         color: #FFF;
  227.         text-shadow: 1px 1px 2px #555;
  228.         cursor: pointer;
  229. }
  230.  
  231.  
  232.  
  233. /* POPUP //////////////////////////////////////////////////////////////////////////*/
  234.  
  235. #popup-overlay {
  236.         display: none;
  237.         position: absolute;
  238.         top: 0;
  239.         left: 0;
  240.         width: 100%;
  241.         height: 100%;
  242.         background: #282B2E;
  243.         opacity: 0.6;
  244. }
  245. #popup-container {
  246.         display: none;
  247.         position: absolute;
  248.         top: 0;
  249.         left: 0;
  250.         width: 745px;
  251.         max-height: 500px;
  252.         -webkit-border-radius: 8px;
  253.         -moz-border-radius: 8px;
  254.         border-radius: 8px;
  255.         -moz-box-shadow: 0 0 8px #333538;
  256.         -webkit-box-shadow: 0 0 8px #333538;
  257.         box-shadow: 0 0 8px #333538;
  258. }
  259. #popup-outer {
  260.         margin-top: -12px;
  261.         background: #FF9421;
  262.         -webkit-border-radius: 8px;
  263.         -moz-border-radius: 8px;
  264.         border-radius: 8px;
  265. }
  266. #popup-header {
  267.         padding: 8px 13px 8px 13px;
  268.         background: #E7EBED;
  269.         border-bottom: 12px solid #E7EBED;
  270.         -webkit-border-radius: 8px;
  271.         -moz-border-radius: 8px;
  272.         border-radius: 8px;
  273. }
  274. #popup-header span:hover {
  275.         color: #FF9421;
  276.         cursor: pointer;
  277. }
  278. #popup-footer {
  279.         padding: 9px 13px 7px 13px;
  280.         color: #FFF;
  281. }
  282. #popup-footer span:hover {
  283.         color: #000;
  284.         cursor: pointer;
  285. }
  286. #popup-inner {
  287.         padding: 14px;
  288.         background: #FFF;
  289.         -webkit-border-radius: 8px;
  290.         -moz-border-radius: 8px;
  291.         border-radius: 8px;
  292.         -moz-box-shadow: 0 0 4px #333538;
  293.         -webkit-box-shadow: 0 0 4px #333538;
  294.         box-shadow: 0 0 4px #333538;
  295. }
  296.  
  297. #popup-sidebar {
  298.         float: left;
  299.         width: 150px;
  300. }
  301. #popup-sidebar img {
  302.         -webkit-border-radius: 8px;
  303.         /*-moz-border-radius: 8px;*/ /* Until Mozilla support clipping content with border-radius this will remain :( */
  304.         border-radius: 8px;
  305.         -moz-box-shadow: 0 0 4px #333538;
  306.         -webkit-box-shadow: 0 0 4px #333538;
  307.         box-shadow: 0 0 4px #333538;
  308. }
  309. #popup-sidebar ul { margin: 14px 0; }
  310. #popup-sidebar li { margin-bottom: 3px; }
  311.  
  312. #popup-content {
  313.         width: 535px;
  314.         margin-left: 175px;
  315. }
  316.  
  317. #popup-content .rating {
  318.         display: block;
  319.         width: 100px;
  320.         height: 20px;
  321.         float: right;
  322.         margin: 8px 1px 0 0;
  323.         background: url(../images/stars.png) no-repeat bottom right;
  324. }
  325.  
  326. #popup-content .rating_plex.rating_50 { background-position: -98px 0; }
  327. #popup-content .rating_plex.rating_45 { background-position: -98px -20px; }
  328. #popup-content .rating_plex.rating_40 { background-position: -98px -40px; }
  329. #popup-content .rating_plex.rating_35 { background-position: -98px -60px; }
  330. #popup-content .rating_plex.rating_30 { background-position: -98px -80px; }
  331. #popup-content .rating_plex.rating_25 { background-position: -98px -100px; }
  332. #popup-content .rating_plex.rating_20 { background-position: -98px -120px; }
  333. #popup-content .rating_plex.rating_15 { background-position: -98px -140px; }
  334. #popup-content .rating_plex.rating_10 { background-position: -98px -160px; }
  335. #popup-content .rating_plex.rating_5  { background-position: -98px -180px; }
  336. #popup-content .rating_plex.rating_0  { background-position: -98px -200px; }
  337.  
  338. #popup-content .rating_user.rating_50 { background-position: 0 0; }
  339. #popup-content .rating_user.rating_45 { background-position: 0 -20px; }
  340. #popup-content .rating_user.rating_40 { background-position: 0 -40px; }
  341. #popup-content .rating_user.rating_35 { background-position: 0 -60px; }
  342. #popup-content .rating_user.rating_30 { background-position: 0 -80px; }
  343. #popup-content .rating_user.rating_25 { background-position: 0 -100px; }
  344. #popup-content .rating_user.rating_20 { background-position: 0 -120px; }
  345. #popup-content .rating_user.rating_15 { background-position: 0 -140px; }
  346. #popup-content .rating_user.rating_10 { background-position: 0 -160px; }
  347. #popup-content .rating_user.rating_5  { background-position: 0 -180px; }
  348. #popup-content .rating_user.rating_0  { background-position: 0 -200px; }
  349.  
  350. #popup-content h3 { font-size: 20px; }
  351. #popup-content h4 {
  352.         font-size: 14px;
  353.         color: #FF9421;
  354. }
  355. #popup-content p {
  356.         padding-top: 10px;
  357.         font-size: 11px;
  358.         line-height: 17px;
  359. }
  360. #popup-content-meta {
  361.         font-size: 11px;
  362.         margin-top: 10px;
  363. }
  364. #popup-content-meta li {
  365.         padding: 3px 0;
  366.         line-height: 14px;
  367. }
  368. #popup-content-meta strong {
  369.         font-weight: bold;
  370. }
  371.  
  372.  
  373.  
  374. #popup_seasons {
  375.         width: 535px;
  376.         border-top: 2px solid #E7EBED;
  377.         margin-top: 12px;
  378.         padding-top: 6px;
  379.         font-size: 11px;
  380. }
  381. #popup_seasons table {
  382.         margin-top: 6px;
  383.         width: 100%;
  384.         border-collapse: collapse;
  385. }
  386. #popup_seasons td {
  387.         vertical-align: top;
  388.         border: 1px solid #E7EBED;
  389. }
  390. #popup_seasons_seasons { width: 80px; }
  391. #popup_seasons li { padding: 4px; }
  392. #popup_seasons li.current, #popup_seasons li:hover {
  393.         background: #FF9421;
  394.         color: #FFF;
  395.         cursor: pointer;
  396. }
  397. #popup_seasons_episodes { width: 180px; }
  398. #popup_seasons_episode {
  399.         padding: 8px;
  400. }
  401. #popup_seasons_episode h5 {
  402.         font-size: 14px;
  403. }
  404. #popup_seasons_episode .meta {
  405.         padding-top: 0;
  406.         color: #666;
  407. }
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421. /* FOOTER //////////////////////////////////////////////////////////////////////////*/
  422.  
  423. #footer {
  424.         clear: both;
  425.         padding: 14px;
  426.         background: #282B2E;
  427.         border-top: 5px solid #FF9421;
  428.         color: #E7EBED;
  429. }
  430. #footer a:link, #footer a:visited { color: #E7EBED; text-decoration: none; }
  431. #footer a:hover, #footer a:active { color: #FF9421; }
  432.  

Reply to "Untitled"

Here you can reply to the paste above

Powered By Stikked