API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 19th, 2012
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.36 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: LeetPress
  3. Description: A Premium Gaming Theme
  4. Author: Sebastian R
  5. Author URI: http://wpmaniac.com
  6. Version: 1.0
  7. */
  8.  
  9. @import url("css/reset.css");
  10. @import url("css/jquery.fancybox-1.3.4.css");
  11.  
  12. /***
  13.     Index
  14.     =================
  15.     1. General Styles
  16.     2. Header
  17.         2.1. Top Navigation
  18.         2.2. Navigation
  19.         2.3. Search
  20.     3. Featured Section
  21.     4. Main Section
  22.         4.1. News
  23.         4.2. Videos
  24.         4.3. Updates
  25.     5. Sidebar
  26.         5.1. Review widget
  27.         5.2. Twitter widget
  28.     6. Footer Section
  29.         6.1. Footer top
  30.         6.2. Footer
  31.         6.3. Footer Twitter widget
  32.         6.4. Footer Bottom
  33.     7. Post
  34.         7.1. Review
  35.         7.2. Comments
  36.         7.3. Screenshots
  37.         7.4. HTML Styling
  38.     8. Archives
  39.         8.1. Review Archive
  40.         8.2. Video + Screenshot archive
  41.     9. Fontface
  42.     10. Shortcodes
  43.         10.1 Buttons
  44.         10.2. Dropcap
  45.         10.3. Videos
  46.         10.4. Highlights
  47.         10.5. Check List
  48.         10.6. Bad List
  49.         10.7. Tabs
  50.         10.8. Toggles
  51.         10.9. Columns
  52.         10.10. Game Info Box
  53.     11. Search page
  54.     =================
  55. ***/
  56.  
  57. /***     1. General Styles     ***/
  58. body { background:#dadada; font: 12px Arial, sans-serif; color: #3a3a3a; }
  59. a { color:#006acd; text-decoration:none; }
  60. a:hover { text-decoration:underline; }
  61. .alignleft { float: left; }
  62. .alignright { float: right; }
  63. .aligncenter { margin: 0 0 15px 0; }
  64.  
  65. /***     2. Header     ***/
  66. #header-wrapper { background:url(images/header-bg.png) repeat-x; height:202px; }
  67. #header { width:960px; margin:0 auto; position:relative; z-index:2; }
  68. #logo { position:absolute; top:41px; left:0; }
  69. #header-banner { position:absolute; right:0; top:63px; }
  70. #social-media { float:right; padding-top:7px; }
  71.  
  72.     /*     2.1. Top Navigation     */
  73.     #top-navigation { height:24px; padding-top:8px; float:left; }
  74.     #top-navigation li { float:left; display:block; margin-right:20px; text-shadow: 1px 1px 1px #000; position:relative; height:24px; z-index:100; }
  75.     #top-navigation li a { display:block; color:#8c8c8c; }
  76.     #top-navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  77.    
  78.     #top-navigation li ul { left:-20000px; position:absolute; z-index:1; top:24px; border:1px solid #000; border-top:none; width:140px; background:#121212; }
  79.     #top-navigation li ul li { float:none; background:url(images/nav-item-bg.png) repeat-x; height:25px; margin:0; padding:9px 0 0 10px; text-shadow: 1px 1px 1px #000; }
  80.     #top-navigation li ul li a { font-size:12px; }
  81.     #top-navigation li:hover ul { left:0; }
  82.    
  83.     #top-navigation li ul li ul { top:-20000px; }
  84.     #top-navigation li ul li:hover ul { left:140px; top:0; }
  85.    
  86.     #top-navigation li ul li ul li ul { top:-20000px; }
  87.     #top-navigation li ul li ul li:hover ul { left:140px; top:0; }
  88.  
  89.     /*     2.2. Navigation     */
  90.     #navigation-wrapper { position:absolute; top:156px; width:960px; left:0; }
  91.    
  92.     #navigation { height:46px; float:left; }
  93.     #navigation li { display:block; float:left; margin-right:30px; position:relative; padding-top:13px; height:46px; text-shadow: 1px 1px 1px #000; }
  94.     #navigation li a { font-size:14px; color:#FFF; font-weight:bold }
  95.     #navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  96.    
  97.     #navigation li ul { left:-20000px; position:absolute; z-index:1; top:45px; border:1px solid #000; border-top:none; width:140px; }
  98.     #navigation li ul li { float:none; background:url(images/nav-item-bg.png) repeat-x; height:25px; margin:0; padding:9px 0 0 10px; text-shadow: 1px 1px 1px #000; }
  99.     #navigation li ul li a { font-size:12px; }
  100.     #navigation li:hover ul { left:0; }
  101.    
  102.     #navigation li ul li ul { top:-20000px; }
  103.     #navigation li ul li:hover ul { left:140px; top:0; }
  104.    
  105.     #navigation li ul li ul li ul { top:-20000px; }
  106.     #navigation li ul li ul li:hover ul { left:140px; top:0; }
  107.    
  108.     /*     2.3. Search     */
  109.     #search { float:right; width:163px; height:25px; background:url(images/search-bg.png) no-repeat; margin-top:7px; padding:6px 0 0 9px; }
  110.     #search input { background:none; border:none; color:#555555; width:130px; }
  111.    
  112. /***     3. Featured Section     ***/
  113. .slider { position:relative; background:#000; z-index:1; }
  114. .sliderContent { overflow:hidden; height:280px; position:relative; }
  115. .featured-inner { width:960px; margin:0 auto; position:relative;}
  116. .featured-arrows { background:url(images/featured-arrows.png) no-repeat; height:52px; width:39px; position:absolute; top:160px; }
  117. .featured-inner h1 { position:absolute; top:160px; left:39px; background:#000; color:#FFF; font-size:34px; padding:7px 10px 3px 10px; font-family:"BebasNeueRegular"; }
  118. .featured-inner h1 a { color:#FFF; }
  119. .featured-meta { background:url(images/featured-meta.png) repeat-x; height:26px; left:0; top:211px; position:absolute; color:#8e8e8e; text-shadow: 1px 1px 1px #000; text-transform: uppercase; padding:8px 10px 0 10px; }
  120. .top-overlay { background:url(images/top-overlay.png) repeat-x; width:100%; position:absolute; top:0; height:30px; }
  121. .bottom-overlay { background:url(images/bottom-overlay.png) repeat-x; width:100%; position:absolute; bottom:0; height:30px; }
  122. .sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(images/prev_next.png); width:42px; height:43px; position:absolute; top:50%; margin-top:-34px; }
  123. .prev { background-position:0 0; left:10px; }
  124. .prev:hover { background-position:0 -44px; }
  125. .next { right:10px; background-position:-44px 0; }
  126. .next:hover { background-position:-44px -44px; }
  127.  
  128. /***     4. Main Section     ***/
  129. #main-wrapper { width:920px; background:#FFF; margin:0 auto; padding:20px; overflow:hidden; }
  130. #main { width:600px; margin-right:20px; float:left; }
  131. .section-title { background:url(images/section-title.png) repeat; padding:9px 9px 6px 9px; margin-bottom:30px; text-shadow: 1px 1px 1px #FFF; font-size:28px; font-family:"BebasNeueRegular"; }
  132.  
  133.     /*     4.1. News     */
  134.     #news-wrapper { margin-bottom:24px; }
  135.     .news-item { border-bottom:1px solid #DDD; margin-bottom:30px; padding-bottom:25px; }
  136.     .news-thumb-wrapper { position:relative; }
  137.     .news-thumb-wrapper h1 { position:absolute; color:#FFF; left:40px; top:220px; background:#000; padding:8px 9px 7px 9px; font-size:24px; font-family:BebasNeueRegular; }
  138.     .news-thumb-wrapper h1 a { color:#FFF; }
  139.     .news-arrows { position:absolute; left:0; top:220px; height:44px; width:40px; background:url(images/news-arrows.png) no-repeat; }
  140.     .news-meta-wrapper { background:url(images/section-title.png) repeat; height:25px; border-bottom:1px solid #CCC; margin-top:-3px; padding:9px 9px 0 9px; margin-bottom:12px; }
  141.     .news-meta-wrapper span { text-shadow: 1px 1px 1px #FFF; font-weight:bold; text-transform: uppercase; letter-spacing:1px; }
  142.     .news-meta { color:#777; float:left; }
  143.     .news-cats { float:right; }
  144.     .news-comment { float:right; margin-left:15px; padding:0 0 0 18px; background:url(images/comment.png) no-repeat left; }
  145.     .news-item p { line-height:18px; }
  146.     .news-heading { font-size:24px; font-family:BebasNeueRegular; margin-bottom:16px; }
  147.     .news-heading a { color:#000; }
  148.  
  149. /***     5. Sidebar     ***/
  150. #sidebar { width:300px; float:right; }
  151. .widget { margin-bottom:20px; }
  152. .widget-title { background:url(images/widget-top.png) no-repeat; color:#FFF; height:32px; padding:8px 0 0 50px; text-shadow: 1px 1px 1px #000; margin-bottom:20px; font-family:"BebasNeueRegular"; font-size:22px; }
  153. .widget-title.tabs { margin-bottom:0; }
  154. .widget-banner { margin-bottom:20px; overflow:hidden;}
  155. .widget li { margin-bottom:18px; background:url(images/sidebar-bullet.png) no-repeat left; padding-left:16px; }
  156. .side-item { float:none !important; clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC; overflow:hidden; position:relative; }
  157. .side-item.last { margin-bottom:0 }
  158. .side-item h4 { font-size:13px; font-weight:bold; margin-bottom:4px; }
  159. .side-review-heading { font-size:13px; font-weight:bold; margin-bottom:4px; width:200px; overflow:hidden; }
  160. .side-item-meta { color:#888; font-size:11px; font-style:italic; }
  161. .side-item-meta a { color:#888; }
  162. .side-item-cat { margin-bottom:2px; display:block; }
  163. .side-item-cat a { color:#666; }
  164. .side-item-thumb { float:left; margin-right:10px; height:60px; border:1px solid #CCC; }
  165. .panel-wrapper { background:url(images/panel-bg.png) repeat-x; height:22px; padding:7px 0 0 9px; margin-bottom:20px; }
  166. .panel-wrapper a { margin-right:9px; color:#777; text-shadow: 1px 1px 1px #FFF; }
  167. .panel-wrapper a.selected { font-weight:bold; color:#3a3a3a; }
  168. #mask { width:300px; overflow:hidden; margin:0 auto; position:relative; }
  169. #panel div { float:left; width:300px; }
  170.  
  171.     /*     5.1. Review widget     */
  172.     .side-score { position:absolute; top:0; right:10px; width:30px !important; height:21px; text-align:center; padding-top:5px; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; }
  173.     .side-score.green { background:url(images/small-rating-green.png) no-repeat; }
  174.     .side-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }
  175.     .side-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }
  176.     .side-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }
  177.     .side-score.red { background:url(images/small-rating-red.png) no-repeat; }
  178.    
  179.     /*     5.1. Twitter widget     */
  180.     .twitter-widget { margin-bottom:20px; color:#666; }
  181.     .twitter-widget li { background:url(images/twitter.png) no-repeat top left; margin-bottom:15px; padding:0 0 15px 30px; border-bottom:1px dashed #CCC;  }
  182.     #twitter_div ul li span { line-height:18px; }
  183.     #twitter_div ul li span a { color:#006acd; display:inherit; font-size:12px !important; }
  184.     #twitter_div ul li a { color:#888; display:block; margin-top:6px; font-size:11px !important; }
  185.  
  186. /***     6. Footer Section     ***/
  187.  
  188.     /*     6.1. Footer top     */
  189.     #footer-top-wrapper { background:url(images/footer-top-bg.png) repeat-x; height:55px; }
  190.     #footer-top { width:960px; margin:0 auto; padding-top:20px; }
  191.     #footer-top a { color:#797979; text-shadow: 1px 1px 1px #000; }
  192.     #footer-navigation li { display:block; float:left; margin-right:20px; }
  193.     #footer-navigation span { margin-right:10px; }
  194.     #back-top { float:right; background:url(images/back-top.png) no-repeat right; padding-right:26px; }
  195.  
  196.     /*     6.2. Footer     */
  197.     #footer-wrapper { background:url(images/footer-bg.png) repeat; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #000;  }
  198.     #footer { width:960px; margin:0 auto; padding-top:30px; color:#666; text-shadow: 1px 1px 1px #000; }
  199.     .footer-widget { width:225px; }
  200.     .footer-widget a { color:#888; text-shadow: 1px 1px 1px #000; }
  201.     .footer-widget p { color:#666; text-shadow: 1px 1px 1px #000; line-height:18px; margin-bottom:18px; }
  202.     .footer-widget.left { float:left; margin-right:20px; }
  203.     .footer-widget.middle { float:left; margin-right:20px; }
  204.     .footer-widget.right { float:right; }
  205.     .footer-widget h3 { color:#FFF; text-shadow: 1px 1px 1px #000; background:url(images/footer-line.png) repeat-x bottom; padding-bottom:6px; margin-bottom:20px; font-size:22px; font-family:"BebasNeueRegular"; }
  206.     .footer-widget li { margin-bottom:10px; background:url(images/footer-bullet.png) no-repeat left; padding-left:16px; }
  207.     #footer .media-thumb img { width:220px; height:110px; border:1px solid #000; }
  208.     .footer-widget .side-item { float:none !important; clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #333 !important; overflow:hidden; position:relative; }
  209.     .footer-widget .side-item img { border:1px solid #000; }
  210.    
  211.     /*     6.3. Footer Twitter     */
  212.     #footer .twitter-widget li { background:url(images/twitter.png) no-repeat top left; margin-bottom:15px; padding:0 0 15px 30px; border-bottom:1px dashed #333;  }
  213.     #footer #twitter_div ul li span a { color:#888; display:inherit; font-size:12px !important; }
  214.    
  215.     /*     6.4. Footer bottom    */
  216.     #footer-bottom-wrapper { height:38px; background:#111; border-top:1px solid #222; }
  217.     #footer-bottom { width:960px; margin:0 auto; padding-top:11px; }
  218.     .footer-bottom-left { float:left; text-shadow: 1px 1px 1px #000; }
  219.     .footer-bottom-right { float:right; text-shadow: 1px 1px 1px #000; }
  220.    
  221. /***     7. Post     ***/
  222. .post-meta { background:url(images/postmeta-bg.png) repeat-x; color:#969696; font-style:italic; margin-bottom:30px; padding:8px 0 7px 4px; text-shadow: 1px 1px 1px #FFF; }
  223. .post-header { font-size:36px; margin-bottom:6px; color:#000; font-family:"BebasNeueRegular"; display:block; }
  224. .meta-comment { float:right; padding:0 4px 0 18px; background:url(images/comment.png) no-repeat left; }
  225. .post-thumb { background:url(images/img-bg.png) repeat; padding:0 0 10px 0; margin-bottom:20px; }
  226. .post-entry { margin-bottom:20px; overflow:auto;}
  227. .post-entry p { font-size:14px; line-height:20px; margin-bottom:20px; }
  228. .post-share { background:url(images/img-bg.png) repeat; border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding:10px 0 8px 10px; margin-bottom:20px; }
  229. .post-share p { float:left; font-weight:bold; font-size:14px; color:#4f4f4f; padding-top:8px; text-shadow: 1px 1px 1px #FFF; }
  230. .post-share ul { padding-left:22px; overflow:hidden; }
  231. .post-share li { float:left; margin-right:8px; }
  232. .page-links { float:right; font-size:14px; height:22px; }
  233. #about-author { overflow:hidden; background:url(images/about-author-bg.png) repeat-x; padding:14px; border:1px solid #cecece; }
  234. #about-author h5 { font-size:14px; text-shadow: 1px 1px 1px #FFF; background:url(images/author-line.png) repeat-x bottom; margin-bottom:8px; padding-bottom:8px; overflow:hidden; }
  235. #about-author h5 small { float:right; font-size:12px; font-style:italic; color:#888; text-shadow: 1px 1px 1px #FFF; }
  236. .author-descrip { line-height:18px; text-shadow: 1px 1px 1px #FFF; color:#555; }
  237.  
  238.     /*     7.1. Review     */
  239.     .post-review { overflow:hidden; }
  240.     .line-top { background:url(images/img-bg.png) repeat; height:10px; margin-bottom:12px; }
  241.     .line-bottom { background:url(images/img-bg.png) repeat; height:10px; margin-top:12px; margin-bottom:20px; }
  242.     .review-thumb { float:left; margin-right:20px; }
  243.     .review-thumb img { border:1px solid #DDD; }
  244.     .review-score { border-bottom:1px dashed #CCC; overflow:hidden; padding-bottom:15px; margin-bottom:15px;}
  245.     .overall-score { width:102px; height:102px; float:left; position:relative; }
  246.     .overall-text { color:#777; position:absolute; left:19px; top:20px; font-size:10px; }
  247.     .the-score { color:#333; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #FFF; font-size:54px; position:absolute; width:100%; top:29px; text-align:center; }
  248.     .overall-score.green { background:url(images/big-rating-green.png) no-repeat; }
  249.     .overall-score.darkgreen { background:url(images/big-rating-darkgreen.png) no-repeat; }
  250.     .overall-score.yellow { background:url(images/big-rating-yellow.png) no-repeat; }
  251.     .overall-score.darkred { background:url(images/big-rating-darkred.png) no-repeat; }
  252.     .overall-score.red { background:url(images/big-rating-red.png) no-repeat; }
  253.     .other-score { overflow:hidden; }
  254.     .score-item { margin-bottom:3px; overflow:hidden; position:relative; background:#FFF url(images/score-bg.png) no-repeat; height:32px; }
  255.     .score-label { position:absolute; left:10px; top:8px; text-shadow: 1px 1px 1px #FFF; color:#666; }
  256.     .score-bg { height:32px; display:none; width:200px; position:absolute; left:131px; }
  257.     .score { color:#777; text-shadow: 1px 1px 1px #FFF; position:absolute; left:94px; top:8px; font-weight:bold; }
  258.     .pros { background:url(images/pros.png) no-repeat; overflow:hidden; padding:3px 0 3px 36px; margin-bottom:12px; }
  259.     .pros p { color:#555; line-height:18px; }
  260.     .pros span { color:#BBB; margin:0 2px 0 2px; }
  261.     .cons { background:url(images/cons.png) no-repeat; overflow:hidden; padding:0 0 3px 36px; }
  262.     .cons p { color:#555; line-height:18px; }
  263.     .cons span { color:#BBB; margin:0 2px 0 2px; }
  264.    
  265.     /*     7.2. Comments     */
  266.     #comments { margin-top:60px; }
  267.     #comments h3 { font-size:14px; border-bottom:1px dotted #d5d5d5; padding-bottom:6px; margin-bottom:30px; }
  268.     ol.commentlist { margin-bottom:30px; }
  269.     li.commentlist { }
  270.     .the-comment { margin-bottom:24px; }
  271.     .avatar { border:1px solid #CCC; float:left; margin-right:14px; }
  272.     .comment-arrow { background:url(images/comment-arrow.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px; }
  273.     .comment-box { background:url(images/comment-bg.png) repeat-x; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:14px; overflow:hidden;  }
  274.     .comment-author { margin-bottom:10px; }
  275.     .comment-author small { color:#888; }
  276.     .comment-text { line-height:18px; }
  277.     .children { margin: 20px 0 0 83px; }
  278.     .children li.comment { margin: 0 0 20px 0; }
  279.     .cancel-comment-reply { margin-bottom:10px; }
  280.     .no-comments { color:#888; }
  281.     .comment-author a { color:#3a3a3a; }
  282.     .comment-text-side { color:#888; font-style:italic; line-height:18px; }
  283.    
  284.     #comment-input { float:left; margin-right:20px; }
  285.     #comment-input input { border:0; margin-bottom:17px; }
  286.     #comment-input input:focus, textarea:focus { outline:none; }
  287.     #comment-input label { display:block; margin-bottom:5px; }
  288.     #comment-input label .req { color:#999; }
  289.     .input-name { background:url(images/input-name.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }
  290.     .input-email { background:url(images/input-email.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }
  291.     .input-website { background:url(images/input-website.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }
  292.     #comment-textarea { float:right; }
  293.     .textarea-comment { background:url(images/textarea-comment.png) no-repeat; border:0; width:308px; height:163px; padding:14px; font-family:arial; }
  294.     #comment-textarea label { display:block; margin-bottom:5px; }
  295.     #comment-textarea-admin { float:none; margin-bottom:16px; }
  296.     #comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
  297.     #comment-submit { clear:both; float:right; margin-bottom:10px; }
  298.     #comment-submit-admin { clear:both; margin-bottom:10px; }
  299.     .comment-submit { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 7px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-family:"BebasNeueRegular"; font-size:18px; color:#FFF; text-shadow: 1px 1px 1px #000; cursor:pointer; }
  300.     .comment-submit:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px;  }
  301.    
  302.    
  303.     /*     7.3. Screenshots     */
  304.     .post-screenshot ul { overflow:hidden; }
  305.     .post-screenshot li { float:left; margin:4px; }
  306.     .post-screenshot li img { border:1px solid #222; }
  307.    
  308.     /*     7.4. HTML Styling     */
  309.     .post-entry h1 { font-size:28px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  310.     .post-entry h2 { font-size:24px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  311.     .post-entry h3 { font-size:20px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  312.     .post-entry h4 { font-size:18px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  313.     .post-entry h5 { font-size:16px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  314.     .post-entry h6 { font-size:14px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
  315.     .post-entry hr { border:0; background-color: #DDD; height:1px; margin-bottom:14px; color:#DDD; }
  316.     .post-entry ul { padding-left: 30px; margin-bottom:20px; font-size:14px; }
  317.     .post-entry ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:28px; margin-bottom:10px; }
  318.     .post-entry ol { padding-left:53px; margin-bottom:20px; font-size:14px; }
  319.     .post-entry ol li { list-style-type: decimal; margin-bottom:6px; }
  320.     .post-entry .alignright { float:right; margin:0 0 4px 10px; }
  321.     .post-entry .alignleft { float:left; margin:0 10px 4px 0; }
  322.     .post-entry blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; }
  323.    
  324. /***     8. Archives     ***/
  325. .pagination { margin-bottom:20px; clear:both; }
  326. .pagination-fix { height:10px; clear:both; }
  327. .pagination a { background:url(images/pagination-bg.png) repeat-x; padding:5px 8px 5px 8px; border:1px solid #CCC; margin-right:3px; text-shadow: 1px 1px 1px #FFF;  }
  328. .pagination .current { font-weight:bold; background:url(images/pagination-bg.png) repeat-x; padding:5px 8px 5px 8px; border:1px solid #CCC; margin-right:3px; text-shadow: 1px 1px 1px #FFF; }
  329. #archive-wrapper { margin-bottom:20px; }
  330.  
  331.     /*     8.1. Review archive     */
  332.     #review-archive { margin-bottom:30px; }
  333.     .review-item { background:url(images/review-bg.png) repeat-x; height:66px; padding:20px; }
  334.     .review-item.second { background:url(images/review-second-bg.png) repeat-x; }
  335.     .review-item-thumb { float:left; margin-right:20px; }
  336.     .review-item-thumb img { border:1px solid #333333; }
  337.     .review-item h5 { font-family:"BebasNeueRegular"; font-size:23px; margin-bottom:6px; }
  338.     .review-item h5 a { color:#000; }
  339.     .review-item h5 small { color:#777; font-size:13px; font-family:Arial; text-shadow: 1px 1px 1px #FFF; }
  340.     .review-item h5 small a { color:#777; }
  341.     .review-item-date { font-weight:bold; float:left; margin-right:5px; line-height:18px; color:#656565; text-transform: uppercase; text-shadow: 1px 1px 1px #FFF; }
  342.     .review-item p { line-height:18px; color:#656565; text-shadow: 1px 1px 1px #FFF; }
  343.     .archive-score { float:left; width:30px; height:21px; margin-right:10px; text-align:center; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; padding-top:5px; }
  344.     .archive-score.green { background:url(images/small-rating-green.png) no-repeat; }
  345.     .archive-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }
  346.     .archive-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }
  347.     .archive-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }
  348.     .archive-score.red { background:url(images/small-rating-red.png) no-repeat; }
  349.    
  350.     /*     8.1. Video + Screenshot archive     */
  351.     #media-wrapper { margin-bottom:10px; overflow:hidden; }
  352.     .media-item { float:left; width:290px; margin:0 20px 20px 0; }
  353.     .media-item.last { float:right; margin:0; }
  354.     .media-arrows { background:url(images/media-arrows.png) no-repeat; width:30px; height:29px; position:absolute; top:100px; left:1px; }
  355.     .media-item h4 { margin-bottom:4px; position:absolute; top:100px; left:31px; color:#FFF; background:#000; font-size:14px; padding:6px; font-family:"BebasNeueRegular"; }
  356.     .media-item h4 a { color:#FFF; }
  357.     .media-thumb { position:relative; margin-right:12px; float:left; }
  358.     .media-thumb img { border:1px solid #CCC; }
  359.     .video-icon { background:url(images/video-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
  360.     .screenshot-icon { background:url(images/screenshot-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
  361.     .media-meta-wrapper { background:url(images/section-title.png) repeat; height:25px; border-bottom:1px solid #CCC; margin-top:-3px; padding:9px 9px 0 9px; }
  362.     .media-meta-wrapper span { text-shadow: 1px 1px 1px #FFF; font-weight:bold; text-transform: uppercase; letter-spacing:1px; }
  363.     .media-meta { color:#777; float:left; }
  364.     .media-cats { float:right; color:#777; }
  365.  
  366. /***    9. Fontface     ***/
  367. @font-face {
  368.     font-family: 'BebasNeueRegular';
  369.     src: url('fonts/BebasNeue-webfont.eot');
  370.     src: url('fonts/BebasNeue-webfont.eot?iefix') format('eot'),
  371.          url('fonts/BebasNeue-webfont.woff') format('woff'),
  372.          url('fonts/BebasNeue-webfont.ttf') format('truetype'),
  373.          url('fonts/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');
  374.     font-weight: normal;
  375. }
  376.  
  377. /***    10. Shortcodes      ***/
  378.    
  379.     /*     10.1. Buttons    */
  380.     .button { padding:11px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-family:"BebasNeueRegular"; font-size:18px; cursor:pointer; }
  381.     .button a { color:#FFF; text-shadow: 1px 1px 1px #000; }
  382.     .button a:hover { text-decoration:none; }
  383.     .button.black { background:url(images/black-button.png) repeat-x; border:1px solid #000; }
  384.     .button.black:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }
  385.     .button.red { background:url(images/red-button.png) repeat-x; border:1px solid #690000; }
  386.     .button.red:hover { background:url(images/red-button.png) repeat-x; background-position:0 -42px; }
  387.     .button.green { background:url(images/green-button.png) repeat-x; border:1px solid #0e5800; }
  388.     .button.green:hover { background:url(images/green-button.png) repeat-x; background-position:0 -42px; }
  389.     .button.blue { background:url(images/blue-button.png) repeat-x; border:1px solid #003162; }
  390.     .button.blue:hover { background:url(images/blue-button.png) repeat-x; background-position:0 -42px; }
  391.     .button.orange { background:url(images/orange-button.png) repeat-x; border:1px solid #824700; }
  392.     .button.orange:hover { background:url(images/orange-button.png) repeat-x; background-position:0 -42px; }
  393.     .button.light { background:url(images/light-button.png) repeat-x; border:1px solid #afafaf; }
  394.     .button.light a { color:#5d5d5d; text-shadow: 1px 1px 1px #FFF; }
  395.     .button.light:hover { background:url(images/light-button.png) repeat-x; background-position:0 -42px; }
  396.    
  397.     /*     10.2. Dropcap    */
  398.     .dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }
  399.    
  400.     /*     10.3. Video shortcodes    */
  401.     .video-shortcode { margin-bottom:20px; }
  402.    
  403.     /*     10.4. Highlight    */
  404.     .highlight1 { background:#f6f67a; }
  405.     .highlight2 { background:#000; color:#CCC; }
  406.    
  407.     /*     10.5. Checklist    */
  408.     .checklist li { background:url(images/check-list.png) no-repeat left !important; }
  409.    
  410.     /*     10.6. Badlist    */
  411.     .badlist li { background:url(images/bad-list.png) no-repeat left !important; }
  412.    
  413.     /*     10.7. Tabs    */
  414.     ul.tabs {margin:0 !important;padding:0;height:36px;clear:left;}
  415.     ul.tabs li {float:left;padding:0; margin:0; list-style-type:none;}
  416.     ul.tabs a { float:left; display:block; padding:7px 15px 0 15px; text-decoration:none; height:27px; margin-right:3px; position:relative; top:1px; font-family:"BebasNeueRegular"; font-size:18px; text-shadow: 1px 1px 1px #000; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0; }
  417.     ul.tabs a.current{cursor:default;}
  418.     .tab-content{display:none;padding:20px 20px 0 20px;overflow:hidden;}
  419.     .tabs-wrapper ul.tabs {border-bottom:1px solid #999;}
  420.     .tabs-wrapper ul.tabs a { border:1px solid #000; background:url(images/tabs-bg.png) repeat-x; background-position:0 -34px; color:#CCC; }
  421.     .tabs-wrapper ul.tabs a:hover {background:url(images/tabs-bg.png) repeat-x;color:#FFF; }
  422.     .tabs-wrapper ul.tabs a.current { border:1px solid #000; background:url(images/tabs-bg.png) repeat-x; color:#FFF; }
  423.     .tabs-wrapper .tab-content { background:url(images/tab-content-bg.png) repeat-x; border:1px solid #999; border-width:0 1px 1px 1px;}
  424.     .tabs-wrapper{ margin-bottom:20px; }
  425.    
  426.     /*     10.8. Toggles    */
  427.     .toggle { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
  428.     .toggle:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }
  429.     .toggle a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #000;  font-size:18px; }
  430.     .toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:16px; }
  431.     .toggle-content .block {padding:0px;}
  432.    
  433.     /*     10.9. Columns    */
  434.     .one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:14px; line-height:18px; margin-bottom:20px; }
  435.     .one_half {     width: 48%; }
  436.     .one_third { width: 30.6666%; }
  437.     .two_third { width: 65.3332%; }
  438.     .one_fourth { width: 22%; }
  439.     .three_fourth { width: 74%; }
  440.     .last { margin-right: 0 !important; clear: right; }
  441.     .clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
  442.  
  443.     /*     10.10. Game Info    */
  444.     .gameinfo { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px;}
  445.     .gameinfo:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }
  446.     .gameinfo a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #000; font-size:18px; }
  447.     .gameinfo-content { display:none; background:url(images/img-bg.png) repeat; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:20px 20px 10px 20px; border:1px solid #D1D1D1; margin-bottom:16px; }
  448.     .gameinfo-content .gameinfo-block { padding:0px; }
  449.     p.gameinfo-item { background:#FFF; padding:6px 6px 6px 10px; border:1px solid #D1D1D1; color:#777; font-size:12px; margin-bottom:10px; line-height:18px; }
  450.     .gameinfo-item strong { margin-right:8px; }
  451.    
  452. /***    10. Search Page     ***/
  453. #search-wrapper { margin-bottom:30px; }
  454. .search-item { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC; }
  455. .search-item h4 { font-family:"BebasNeueRegular"; font-size:18px; margin-bottom:3px; }
  456. .search-item h4 a { color:#000; }
  457. .search-item span { color:#AAA; margin-right:2px; }
  458. .search-item .search-date { font-size:11px; color:#888; font-style:italic; margin-bottom:6px; }
  459. .search-item .search-date a { color:#888; }
  460. .search-text { line-height:18px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!