API tools faq
paste
oxguy3

Steamblr theme for Tumblr

oxguy3
Jul 1st, 2013
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <meta name="image:Header logo" content="" />
  12. <meta name="if:Lock header logo height" content="1" />
  13.  
  14. <meta name="image:Header background" content="" />
  15.  
  16. <meta name="if:Show Home link" content="1" />
  17. <meta name="if:Show Random link" content="1" />
  18. <meta name="if:Show Archive link" content="1" />
  19. <meta name="if:Show RSS link" content="1" />
  20.  
  21.  
  22. <meta name="if:Show tags" content="1" />
  23.  
  24. <meta name="if:Show share links" content="1" />
  25. <meta name="if:Show share to Facebook" content="1" />
  26. <meta name="if:Show share to Twitter" content="1" />
  27. <meta name="if:Show share to Reddit" content="1" />
  28. <meta name="if:Show share to Digg" content="1" />
  29. <meta name="if:Show share to Google Plus" content="1" />
  30.  
  31. <meta name="text:Disqus Shortname" content="" />
  32.  
  33.  
  34. <meta name="if:Replace blue with green" content="0" />
  35.  
  36. <meta name="if:Show description block" content="1" />
  37. <meta name="text:Description block title" content="" />
  38.  
  39. <meta name="text:Extra block 1 title" content=""/>
  40. <meta name="text:Extra block 1 body" content=""/>
  41. <meta name="text:Extra block 2 title" content=""/>
  42. <meta name="text:Extra block 2 body" content=""/>
  43. <meta name="text:Extra block 3 title" content=""/>
  44. <meta name="text:Extra block 3 body" content=""/>
  45.  
  46. <meta name="if:Show search block" content="1" />
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. /*
  52. * NORMALIZE
  53. */
  54.  
  55. a {
  56. text-decoration: none;
  57. color: #ffffff;
  58. }
  59.  
  60.  
  61. .a:focus {
  62. outline: 0px none;
  63. }
  64.  
  65. a:hover {
  66. text-decoration: underline;
  67. }
  68.  
  69. a.nohover:hover {
  70. text-decoration: none;
  71. }
  72.  
  73. img {
  74. border: none;
  75. }
  76.  
  77. * {
  78. margin: 0px;
  79. padding: 0px;
  80. }
  81.  
  82. body {
  83. font-family: Arial, Helvetica, sans-serif;
  84. color: #ffffff;
  85. background-color: #000000;
  86. font-size: 12px;
  87. }
  88.  
  89. h1 {
  90. font-size: 30px;
  91. font-weight: normal;
  92. }
  93.  
  94. h2 {
  95. font-size: 24px;
  96. font-weight: normal;
  97. }
  98.  
  99. h3 {
  100. font-size: 16px;
  101. font-weight: bold;
  102. }
  103.  
  104. h4 {
  105. font-size: 14px;
  106. font-weight: normal;
  107. }
  108.  
  109. h5 {
  110. font-size: 10px;
  111. font-weight: normal;
  112. text-transform: uppercase;
  113. }
  114.  
  115. .ellipsis {
  116. overflow: hidden;
  117. text-overflow: ellipsis;
  118. white-space: nowrap;
  119. }
  120.  
  121. .body_text {
  122. color: #b0aeac;
  123. }
  124.  
  125. .secondary_text {
  126. color: #626366;
  127. }
  128.  
  129.  
  130. blockquote
  131. {
  132. border-left: 3px solid #999999;
  133. padding-left: 10px;
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. /*
  141. * HEADER
  142. */
  143.  
  144. /* apply 16px padding to the sides of all the page-wide divs to prevent content
  145. from touching the sides on small resolutions */
  146. div#footer, div#global_header, div#store_header, div#main, div.page_area {
  147. padding-left: 16px;
  148. padding-right: 16px;
  149. }
  150.  
  151. div.page_content {
  152. width: 940px;
  153. margin: 0px auto;
  154. }
  155.  
  156.  
  157. div#global_header {
  158. /*background-image: url("image:Header background");*/
  159. background-color: #000000;
  160. border-bottom: 1px solid #4D4B48;
  161. background-position: center top;
  162. }
  163.  
  164.  
  165. div#global_header .content {
  166. /*background-image: url("image:Header background");*/
  167. background-position: center top;
  168. position: relative;
  169. width: 940px;
  170. height: 104px;
  171. margin: 0px auto;
  172.  
  173. z-index: 402;
  174. }
  175.  
  176.  
  177. div#global_header, div#global_header .content {
  178. background-image: url("{image:Header background}"),url("http://static.tumblr.com/vdzvnp7/8uXmp8v2q/globalheader_bg.jpg");
  179. }
  180.  
  181.  
  182. div#global_header div.logo {
  183. float: left;
  184. padding-top: 30px;
  185. margin-right: 40px;
  186. /*width: 176px;*/
  187. height: 44px;
  188. }
  189.  
  190.  
  191.  
  192. div#global_header div.logo a {
  193. color: #DDDDDD;
  194. font-size: 32px;
  195. text-shadow: 0 0 4px black;
  196. }
  197.  
  198.  
  199.  
  200. div#global_header .menuitem {
  201. display: block;
  202. position: relative;
  203.  
  204. padding-top: 40px;
  205. padding-left: 7px;
  206. padding-right: 7px;
  207. padding-bottom: 7px;
  208. line-height: 16px;
  209.  
  210. float: left;
  211. font-size: 14px;
  212. color: #b8b6b4;
  213. text-transform: uppercase;
  214. }
  215.  
  216. div#global_header .menuitem.active, div#global_header .menuitem:hover {
  217. color: #ffffff;
  218. text-decoration: none;
  219. }
  220.  
  221. /*div#global_header .menuitem.active {
  222. background-image: url( 'http://cdn2.store.steampowered.com/public/images/v5/globalheader_highlight.png' );
  223. background-repeat: repeat-x;
  224. }*/
  225.  
  226.  
  227. div#global_header #global_description {
  228.  
  229. display: block;
  230. position: relative;
  231.  
  232. /*padding-top: 40px;*/
  233. padding-left: 7px;
  234. padding-right: 7px;
  235. padding-bottom: 7px;
  236. line-height: 16px;
  237.  
  238. float: left;
  239. font-size: 14px;
  240. color: #b8b6b4;
  241. text-transform: uppercase;
  242. }
  243.  
  244.  
  245.  
  246.  
  247.  
  248. /*
  249. * RIGHT COLUMN LINKS
  250. */
  251.  
  252. a.linkbar {
  253. display: block;
  254. position: relative;
  255. height: 22px;
  256. background-image: url("http://static.tumblr.com/vdzvnp7/WDVmp8v53/bg_link_bar.png");
  257. background-repeat: no-repeat;
  258. background-position: right;
  259. padding-top: 8px;
  260. color: #B0AEAC;
  261. margin-bottom: 2px;
  262. text-decoration: none;
  263. }
  264.  
  265. a.linkbar:hover {
  266. text-decoration: none;
  267. color: #FFFFFF;
  268. }
  269.  
  270. .linkbar .rightblock {
  271. position: absolute;
  272. right: 8px;
  273. }
  274.  
  275.  
  276.  
  277.  
  278.  
  279. /*
  280. * MAIN PAGE CONTENT
  281. */
  282.  
  283. div#main {
  284. background-image: url("http://static.tumblr.com/vdzvnp7/FyXmp8vdn/content_bg.png");
  285. background-repeat: repeat-x;
  286. background-color: #000000;
  287. }
  288.  
  289. div#main_content {
  290. width: 940px;
  291. margin: 0px auto;
  292. min-height: 100%;
  293. height: 100%;
  294. padding-top: 16px;
  295.  
  296. width: 940px;
  297. }
  298.  
  299. div.leftcol {
  300. width: 616px;
  301. float: left;
  302. }
  303.  
  304. div.rightcol {
  305. width: 308px;
  306. margin-left: 14px;
  307. float: left;
  308. overflow: hidden;
  309. }
  310.  
  311. .block {
  312. margin-bottom: 28px;
  313. }
  314.  
  315. .leftcol .leftcol_rule {
  316. border-bottom: 1px solid #3c3d3e;
  317. margin: 28px 0px;
  318.  
  319. }
  320.  
  321. .leftcol .block {
  322. width: 616px;
  323. margin-bottom: 28px;
  324. }
  325.  
  326. .rightcol .block {
  327. margin-bottom: 16px;
  328. }
  329.  
  330. .block .block_header {
  331. position: relative;
  332. height: 25px;
  333. line-height: 25px;
  334.  
  335. color: #d6d7d8;
  336.  
  337. border-bottom: 1px solid #000000;
  338. font-weight: bold;
  339. font-size: 12px;
  340. }
  341.  
  342. .block .block_header div, .block .block_header h4 {
  343. padding: 0px 16px;
  344. font-weight: bold;
  345. font-size: 12px;
  346. }
  347.  
  348. .block_header .right {
  349. position: absolute;
  350. right: 0px;
  351. height: 26px;
  352. border-left: 1px solid #000000;
  353. }
  354.  
  355. .block_header .right a {
  356. text-transform: uppercase;
  357. font-size: 10px;
  358. font-weight: normal;
  359. color: #b0aeac;
  360. }
  361.  
  362. .block_header .right a:hover {
  363. text-decoration: none;
  364. }
  365.  
  366. .block_content {
  367. border: 1px solid #4d4b49;
  368. background-color: #262626;
  369.  
  370. font-size: 12px;
  371. color: #b0aeac;
  372. }
  373.  
  374. .underlined_links a {
  375. color: #B0AEAC;
  376. text-decoration: underline;
  377. }
  378.  
  379. .underlined_links a:hover {
  380. color: #ffffff;
  381. }
  382.  
  383. .rightcol .block_flipped_gradient {
  384. border: none;
  385. background-image: url("http://static.tumblr.com/vdzvnp7/Lmhmp8vbp/rightcol_bg_block_flipped.png");
  386. background-position: top left;
  387. background-repeat: no-repeat;
  388. height: 1px;
  389. }
  390.  
  391. .rightcol .block_content {
  392. border: none;
  393. border-left: 1px solid #262626;
  394. /** background-image is now defined by a later base64 property */
  395. /*background-image: url('http://cdn2.store.steampowered.com/public/images/v5/rightcol_bg_blue.png');*/
  396. background-position: bottom right;
  397. background-repeat: no-repeat;
  398. }
  399.  
  400. /*.rightcol #col_right_review_payment_tips .block_content {
  401. background-image: url( 'http://cdn2.store.steampowered.com/public/images/v5/rightcol_bg_block_green.png' );
  402. }*/
  403.  
  404. .block_content.nopad {
  405. padding: 0px;
  406. }
  407.  
  408. .block_content_inner {
  409. padding: 16px;
  410. }
  411.  
  412. .inner_block_col_left {
  413. position: absolute;
  414. width: 118px;
  415. }
  416.  
  417. .inner_block_col_right {
  418. margin-left: 124px;
  419. }
  420.  
  421. .block .block_content .rule {
  422. border-bottom: 1px solid #3c3d3e;
  423.  
  424. }
  425.  
  426. .block .block_content .inner_rule {
  427. border-bottom: 1px solid #3c3d3e;
  428. margin: 16px 0px;
  429. }
  430.  
  431. .block .block_footer {
  432.  
  433. margin-top: 1px;
  434.  
  435. position: relative;
  436. height: 26px;
  437. line-height: 26px;
  438.  
  439. background-color: #262626;
  440. color: #626366;
  441. font-size: 10px;
  442.  
  443. text-align: center;
  444. }
  445.  
  446. .block_footer div {
  447. padding: 0px 16px;
  448. }
  449.  
  450. .block_footer a {
  451. color: #b0aeac
  452. }
  453.  
  454. .block_footer .right, .block_header .right {
  455. position: absolute;
  456. right: 0px;
  457. border-left: 1px solid #000000;
  458. height: 26px;
  459. }
  460.  
  461. .block_footer .left, .block_header .left {
  462. position: absolute;
  463. left: 0px;
  464. border-right: 1px solid #000000;
  465. height: 26px;
  466. }
  467.  
  468. .block_footer img {
  469. vertical-align: middle;
  470. }
  471.  
  472. /*.block .block_header {
  473. background-image: url('http://cdn2.store.steampowered.com/public/images/v5/full_bg_gray.png');
  474. background-repeat: no-repeat;
  475. background-color: #303030;
  476. }
  477.  
  478. .leftcol .block .block_header {
  479. background-image: url('http://cdn2.store.steampowered.com/public/images/v5/maincol_bg_gray.png');
  480. background-repeat: no-repeat;
  481. background-color: #303030;
  482. }*/
  483.  
  484. .rightcol .block .block_header {
  485. /** background-image is now defined by a later base64 property */
  486. /*background-image: url('http://cdn2.store.steampowered.com/public/images/v5/rightcol_bg_blue.png');*/
  487. background-repeat: no-repeat;
  488. background-color: #292f35;
  489. }
  490.  
  491. /*.rightcol .block .block_header_green {
  492. background-image: url('http://cdn2.store.steampowered.com/public/images/v5/rightcol_bg_green.png');
  493. }*/
  494.  
  495. .block_content h4 {
  496. color: #ffffff;
  497. }
  498.  
  499.  
  500. .rightcol .block_content, .rightcol .block .block_header, .newsleftcol .block .block_header {
  501. {block:IfNotReplaceBlueWithGreen}
  502. background-image: url("http://static.tumblr.com/vdzvnp7/OG5mp8v6d/rightcol_bg_blue.png");
  503. {/block:IfNotReplaceBlueWithGreen}
  504. {block:IfReplaceBlueWithGreen}
  505. background-image: url("http://static.tumblr.com/vdzvnp7/5OEmp8v74/rightcol_bg_green.png");
  506. {/block:IfReplaceBlueWithGreen}
  507. }
  508.  
  509.  
  510.  
  511.  
  512.  
  513. /*
  514. * NEWS
  515. */
  516.  
  517. #main {
  518. min-height: 300px;
  519. }
  520.  
  521. .newsleftcol {
  522. float: right;
  523. margin-left: 30px;
  524. width: 238px;
  525. margin-top: 10px;
  526. }
  527.  
  528. .newsrightcol {
  529. float: left;
  530. width: 670px;
  531. }
  532.  
  533. .newsleftcol .block {
  534. margin-bottom: 16px;
  535. }
  536.  
  537. .newsleftcol .block .block_header {
  538. background-color:#292F35;
  539. /** background-image is now defined by an earlier base64 property */
  540. /*background-image: url('http://cdn2.store.steampowered.com/public/images/v5/rightcol_bg_blue.png');*/
  541. background-repeat:no-repeat;
  542. }
  543.  
  544. a.linkbar {
  545. background-image:url("http://static.tumblr.com/vdzvnp7/WDVmp8v53/bg_link_bar.png");
  546. background-position: right center;
  547. padding-left: 4px;
  548. margin-right: 8px;
  549. width: 204px;
  550. }
  551.  
  552. a.linkbar_active, a.linkbar_active:hover, a.linkbar_active:active, a.linkbar_active:visited {
  553. color: #000000;
  554. background-color: #aeadab;
  555. background-image: none;
  556. margin-left: 0px;
  557. width: 204px;
  558. }
  559.  
  560. .page_title_area
  561. {
  562. margin-bottom:0px;
  563. }
  564.  
  565. div#main_content {
  566. padding-top: 6px;
  567. }
  568.  
  569. #main_header {
  570. float: left;
  571. margin-bottom: 12px;
  572. margin-top: 6px;
  573. }
  574.  
  575. #main_header_expanded {
  576. float: left;
  577. margin-bottom: 12px;
  578. }
  579.  
  580. #main_pre_header {
  581. color: #D4D4D4;
  582. font-weight: bold;
  583. margin-bottom: 5px;
  584. margin-top: 0px;
  585. }
  586.  
  587. #main_post_header {
  588. margin-top: 5px;
  589. }
  590.  
  591.  
  592. #main_post_header a {
  593. color: #D4D4D4;
  594. }
  595.  
  596. #viewmodelinks {
  597. float: right;
  598. margin-top: 8px;
  599. margin-left: 50px;
  600. font-size: 10px;
  601. text-transform: uppercase;
  602. }
  603.  
  604.  
  605. /*.view_inactive {
  606. padding-left: 5px;
  607. padding-right: 5px;
  608. padding-top: 2px;
  609. padding-bottom: 2px;
  610. }
  611.  
  612. a.view_inactive, a.view_inactive:hover, a.view_inactive:active, a.view_inactive:visited {
  613. color: #cbcac5;
  614. }*/
  615.  
  616. .view_active {
  617. background-color: #5178a4;
  618. padding-left: 5px;
  619. padding-right: 5px;
  620. padding-top: 2px;
  621. padding-bottom: 2px;
  622. }
  623.  
  624. .block_content_inner
  625. {
  626. padding-right: 8px;
  627. }
  628.  
  629. .block_sub_region {
  630. margin-bottom: 12px;
  631. }
  632.  
  633. .block_sub_region a {
  634. color: #B0AEAC;
  635. }
  636.  
  637. .block_sub_region a:hover {
  638. text-decoration: underline;
  639. color: #FFFFFF;
  640. }
  641.  
  642. .block_sub_header {
  643. font-size: 11px;
  644. color: #666465;
  645. margin-bottom: 4px;
  646. text-transform: uppercase;
  647. }
  648.  
  649. .block_sub_header_channels {
  650. font-size: 11px;
  651. color: #666465;
  652. margin-bottom: 4px;
  653. text-transform: uppercase;
  654. margin-top: 14px;
  655. }
  656.  
  657. div#news_search {
  658. }
  659.  
  660. .searchbox_news {
  661. border: 1px solid #82807c;
  662. background-color: #4d4b49;
  663. color: #a6a5a2;
  664. height: 23px;
  665. padding-left: 4px;
  666. margin-right: 8px;
  667. z-index: 250;
  668. }
  669.  
  670. .searchbox_news input {
  671. border: none;
  672. background-color: #4d4b49;
  673. color: #b0aeac;
  674. margin-top: 2px;
  675. white-space: nowrap;
  676. outline: none;
  677. width: 163px;
  678. }
  679.  
  680.  
  681. .searchbox_news img {
  682. vertical-align: middle;
  683. }
  684.  
  685. #main_content {
  686. height: 500px;
  687. }
  688.  
  689. .newshr {
  690. height: 1px;
  691. width: 100%;
  692. background-color: #383838;
  693. clear: left;
  694. }
  695.  
  696. .newsHeadlineBlock {
  697. margin-top: 6px;
  698. }
  699.  
  700. .newsHeadlineBlock .feed {
  701. text-align: right;
  702. float: right;
  703. color: #666465;
  704. width: 140px;
  705. overflow: hidden;
  706. }
  707.  
  708. .newsHeadlineBlock .title a, .newsHeadlineBlock .title a:active, .newsHeadlineBlock .title a:visited {
  709. color: #d4d4d4;
  710. text-decoration: none;
  711. outline: none;
  712. }
  713.  
  714. .newsHeadlineBlock .title {
  715. float: left;
  716. clear: left;
  717. margin-left: 0px;
  718. width: 440px;
  719. overflow: hidden;
  720. margin-bottom: 6px;
  721. font-weight: normal;
  722. font-size: 13px;
  723. }
  724.  
  725. .newsHeadlineBlock .title:hover {
  726. color: #ffffff;
  727. text-decoration: underline;
  728. }
  729.  
  730. .newsHeadlineBlock .date {
  731. float: left;
  732. margin-left: 15px;
  733. color: #666465;
  734. }
  735.  
  736. .newsPostBlock {
  737. margin-top: 20px;/*12px*/
  738. margin-bottom: 20px;/*12px*/
  739. clear: left;
  740. vertical-align: top;
  741. }
  742.  
  743. .newsPostBlock .feed {
  744. margin-top: 2px;
  745. clear: left;
  746. float: left;
  747. color: #BBBBBB/*#666465*/;font-size:14px;font-style:italic;
  748. height: 14px;
  749. }
  750.  
  751.  
  752. .newsPostBlock .feed a { color: #BBBBBB; }
  753.  
  754.  
  755. .newsPostBlock .headline {
  756. margin-bottom: 1px;
  757. }
  758.  
  759. .newsPostBlock .headline .date {
  760. margin-left: 15px;
  761. float: right;
  762. clear: right;
  763. /*color: #666465;*/
  764. display: block;
  765. text-align: right;
  766. }
  767.  
  768.  
  769. .newsPostBlock .headline .date a {
  770. color: #666465;
  771. }
  772.  
  773.  
  774.  
  775. /*.newsPostBlock .headline .askerline {
  776. float: left;
  777. font-weight: normal;
  778. font-size: 22px;
  779. width: 562px;
  780. color: #666465;
  781. }*/
  782.  
  783.  
  784.  
  785. .newsPostBlock .headline .posttitle {
  786. float: left;
  787. font-weight: normal;
  788. font-size: 22px;
  789. width: 562px;
  790. }
  791.  
  792. .newsPostBlock .headline .posttitle, .newsPostBlock .headline .posttitle a, .newsPostBlock .headline .posttitle a:active, .newsPostBlock .headline .posttitle a:visited {
  793. color: #d4d4d4;
  794. text-decoration: none;
  795. }
  796.  
  797. .newsPostBlock .headline .posttitle a:hover {
  798. text-decoration: underline;
  799. }
  800.  
  801.  
  802. .newsPostBlock .body {
  803. color: #BBBBBB;
  804. margin-top: 10px;
  805. line-height: 17px;
  806. clear: left;
  807. margin-bottom: 10px;
  808. }
  809.  
  810. .body img {
  811. float: left;
  812. clear: left;
  813. margin-right: 12px;
  814. margin-bottom: 12px;
  815. border-style: none;
  816. /*width: 224px;*/
  817. }
  818.  
  819. .share {
  820. color: #666465;
  821. margin-top: 5px;
  822. margin-bottom: 0px;
  823. float: left;
  824. font-size: 10px;
  825. text-transform: uppercase;
  826. clear: both;
  827. line-height: 14px;
  828. }
  829.  
  830. .share img {
  831. vertical-align: baseline;
  832. }
  833.  
  834. .share a{
  835. color: #666465;
  836. }
  837.  
  838. .newsPostBlock .body li {
  839. margin-left: 32px;
  840. margin-top:8px;
  841. list-style-type: disc;
  842. color: #999999;
  843. }
  844.  
  845. .share:empty {
  846. display:none;
  847. }
  848.  
  849. a.shareicon {
  850. display:inline-block;
  851. height:16px;
  852. width:16px;
  853. }
  854.  
  855. a.shareicon_facebook {
  856. background-image: url("http://static.tumblr.com/vdzvnp7/vCtmp8vff/facebook.png");
  857. }
  858.  
  859. a.shareicon_twitter {
  860. background-image: url("http://static.tumblr.com/vdzvnp7/DxWmp8vge/twitter_1.png");
  861. }
  862.  
  863. a.shareicon_reddit {
  864. background-image: url("http://static.tumblr.com/vdzvnp7/0Ermp8vgy/reddit.png");
  865. }
  866.  
  867. a.shareicon_digg {
  868. background-image: url("http://static.tumblr.com/vdzvnp7/jr8mp8vi7/digg.png");
  869. }
  870.  
  871. a.shareicon_googleplus {
  872. background-image: url("http://static.tumblr.com/vdzvnp7/sJfmp8vix/google_plus.png");
  873. }
  874.  
  875.  
  876.  
  877.  
  878.  
  879. /*
  880. * MINE
  881. */
  882.  
  883. #permalinknotes, #pagination, #minifooter {
  884. margin-top: 12px;
  885. margin-bottom: 12px;
  886. clear: left;
  887. vertical-align: top;
  888. color: #BBBBBB;
  889. line-height: 17px;
  890. }
  891.  
  892. #permalinknotes {
  893. list-style-position: inside;
  894. }
  895.  
  896. #permalinknotes_title {
  897. font-size: 18px;
  898. margin-top: 12px;
  899. }
  900.  
  901. #pagination, #minifooter {
  902. text-align: center;
  903. }
  904.  
  905.  
  906. .post-chat .body ul.chat li
  907. {
  908. list-style: none inside;
  909. margin-left: 0;
  910. }
  911.  
  912. .post-chat .body ul.chat li span.label
  913. {
  914. /*text-transform: uppercase;
  915. font-size: 10px;
  916. font-weight: bold;*/
  917. color: #BBBBBB;
  918. }
  919.  
  920. .post-chat .body ul.chat li.user_
  921. {
  922. color: #d4d4d4;
  923. }
  924.  
  925. span.tag:before
  926. {
  927. content:"#";
  928. }
  929.  
  930.  
  931. #main_header h1
  932. {
  933. font-size: 26px;
  934. text-transform: uppercase;
  935. color: #666465;
  936. }
  937.  
  938.  
  939. div.contentsource, div.readmore {
  940. padding-top: 1em;
  941. color: #999999;
  942. }
  943.  
  944. div.contentsource a, div.readmore a {
  945. color: #999999;
  946. }
  947.  
  948. div.newsPostBlock img {
  949. max-width: 670px;
  950. }
  951.  
  952. {CustomCSS}
  953. </style>
  954. </head>
  955. <body>
  956. <div id="global_header">
  957. <div class="content">
  958. <div class="logo"><span id="logo_holder">
  959. <a href="/">
  960. {block:IfHeaderLogoImage}
  961. <img src="{image:Header logo}"{block:IfLockHeaderLogoHeight} style="height:44px;"{/block:IfLockHeaderLogoHeight}><!--width="176" height="44"-->
  962. {/block:IfHeaderLogoImage}
  963. {block:IfNotHeaderLogoImage}
  964. {Title}
  965. {/block:IfNotHeaderLogoImage}
  966. </a>
  967. </span></div>
  968.  
  969. {block:IfShowHomeLink}
  970. <a class="menuitem" href="/">{lang:Home}</a>
  971. {block:IfShowHomeLink}
  972.  
  973. {block:HasPages}
  974. {block:Pages}
  975. <a class="menuitem" href="{URL}">{Label}</a>
  976. {/block:Pages}
  977. {/block:HasPages}
  978.  
  979. {block:SubmissionsEnabled}
  980. <a class="menuitem" href="/submit">{SubmitLabel}</a>
  981. {/block:SubmissionsEnabled}
  982.  
  983. {block:AskEnabled}
  984. <a class="menuitem" href="/ask">{AskLabel}</a>
  985. {/block:AskEnabled}
  986.  
  987. {block:IfShowRandomLink}
  988. <a class="menuitem" href="/random">{lang:Random}</a>
  989. {/block:IfShowRandomLink}
  990. {block:IfShowArchiveLink}
  991. <a class="menuitem" href="/archive">{lang:Archive}</a>
  992. {/block:IfShowArchiveLink}
  993. {block:IfShowRSSLink}
  994. <a class="menuitem" href="{RSS}">{lang:RSS}</a>
  995. {/block:IfShowRSSLink}
  996.  
  997. </div>
  998. </div>
  999.  
  1000.  
  1001. <div id="main">
  1002. <div id="main_content">
  1003.  
  1004.  
  1005.  
  1006. <div class="newsrightcol">
  1007.  
  1008. {block:DayPage}
  1009. <div class="page_title_area">
  1010. <div id="main_header"><h1>{Month} {DayOfMonth}, {Year}</h1></div>
  1011. </div>
  1012. <div class="newshr"></div>
  1013. {/block:DayPage}
  1014.  
  1015. {block:TagPage}
  1016. <div class="page_title_area">
  1017. <div id="main_header"><h1>{lang:Showing TagResultCount posts tagged Tag}</h1></div>
  1018. </div>
  1019. <div class="newshr"></div>
  1020. {/block:TagPage}
  1021.  
  1022. {block:SearchPage}
  1023. <div class="page_title_area">
  1024. <div id="main_header"><h1>{lang:Showing SearchResultCount results for SearchQuery 2}</h1></div>
  1025. </div>
  1026. <div class="newshr"></div>
  1027. {/block:SearchPage}
  1028.  
  1029. {block:NoSearchResults}
  1030. <div class="page_title_area">
  1031. <div id="main_header"><h1>{lang:Sorry no results for SearchQuery}</h1></div>
  1032. </div>
  1033. <div class="newshr"></div>
  1034. {/block:NoSearchResults}
  1035.  
  1036. <div id="mainBlock">
  1037. <div id="news">
  1038. {block:Posts}
  1039. <div class="newsPostBlock post-{PostType}">
  1040. <div class="headline">
  1041. <div class="date">
  1042. {block:Date}<div><a href="{Permalink}" title="{lang:Permalink for this post}">{ShortMonth}&nbsp;{DayOfMonth},&nbsp;{Year}</a></div>{/block:Date}
  1043. {block:NoteCount}<div><a href="{Permalink}#notes" title="{lang:View notes for this post}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
  1044. </div>
  1045.  
  1046. {block:Text}
  1047. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1048. {/block:Text}
  1049.  
  1050. {block:Quote}
  1051. <div class="posttitle">"{Quote}"</div>
  1052. {/block:Quote}
  1053.  
  1054. {block:Link}
  1055. <div class="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  1056. {/block:Link}
  1057.  
  1058. {block:Chat}
  1059. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1060. {/block:Chat}
  1061.  
  1062. {block:Answer}
  1063. <div class="posttitle">"{Question}"</div>
  1064. {/block:Answer}
  1065.  
  1066. </div>
  1067. <div style="clear:both"></div>
  1068.  
  1069. {block:Answer}
  1070. <div class="feed">{lang:Asked by Asker 2}</div>
  1071. <div style="clear:both"></div>
  1072. {/block:Answer}
  1073.  
  1074. <div class="body">
  1075.  
  1076.  
  1077. {block:Text}
  1078. {Body}
  1079. {/block:Text}
  1080.  
  1081. {block:Photo}
  1082. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1083. <div style="clear:both"></div>
  1084. {block:Caption}
  1085. <div class="caption">{Caption}</div>
  1086. {/block:Caption}
  1087. {/block:Photo}
  1088.  
  1089. {block:Panorama}
  1090. {LinkOpenTag}
  1091. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1092. {LinkCloseTag}
  1093.  
  1094. {block:Caption}
  1095. <div class="caption">{Caption}</div>
  1096. {/block:Caption}
  1097. {/block:Panorama}
  1098.  
  1099. {block:Photoset}
  1100. {Photoset-500}
  1101.  
  1102. {block:Caption}
  1103. <div class="caption">{Caption}</div>
  1104. {/block:Caption}
  1105. {/block:Photoset}
  1106.  
  1107. {block:Quote}
  1108. {block:Source}
  1109. <div class="source">{Source}</div>
  1110. {/block:Source}
  1111. {/block:Quote}
  1112.  
  1113. {block:Link}
  1114. {block:Description}
  1115. <div class="description">{Description}</div>
  1116. {/block:Description}
  1117. {/block:Link}
  1118.  
  1119. {block:Chat}
  1120. <ul class="chat">
  1121. {block:Lines}
  1122. <li class="{Alt} user_{UserNumber}"{block:Label} chatlabel="{PlaintextLabel}"{/block:Label}>
  1123. {block:Label}
  1124. <span class="label">{Label}</span>
  1125. {/block:Label}
  1126. <span class="chatline">{Line}</span>
  1127. </li>
  1128. {/block:Lines}
  1129. </ul>
  1130. {/block:Chat}
  1131.  
  1132. {block:Audio}
  1133. {AudioPlayerBlack}
  1134.  
  1135. {block:Caption}
  1136. <div class="caption">{Caption}</div>
  1137. {/block:Caption}
  1138. {/block:Audio}
  1139.  
  1140. {block:Video}
  1141. {Video-500}
  1142.  
  1143. {block:Caption}
  1144. <div class="caption">{Caption}</div>
  1145. {/block:Caption}
  1146. {/block:Video}
  1147.  
  1148. {block:Answer}
  1149. <div class="answer">{Answer}</div>
  1150. {/block:Answer}
  1151.  
  1152.  
  1153. {block:More}
  1154. <div style="clear:both"></div>
  1155. <div class="readmore"><a href="{Permalink}">{lang:Read more}</a></div>
  1156. {/block:More}
  1157.  
  1158.  
  1159. {block:ContentSource}
  1160. <div style="clear:both"></div>
  1161. <div class="contentsource">({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)</div>
  1162. {/block:ContentSource}
  1163.  
  1164. </div>
  1165.  
  1166.  
  1167.  
  1168.  
  1169. <div class="share">
  1170. {block:RebloggedFrom}
  1171. <a href="{Permalink}">{lang:Reblogged TimeAgo from ReblogParentName 2}</a>{block:IfShowShareLinks}&nbsp;&nbsp;|&nbsp;{/block:IfShowShareLinks}
  1172. {/block:RebloggedFrom}
  1173.  
  1174. {block:NotReblog}
  1175. <a href="{Permalink}">{lang:Posted TimeAgo}</a>{block:IfShowShareLinks}&nbsp;&nbsp;|&nbsp;{/block:IfShowShareLinks}
  1176. {/block:NotReblog}
  1177.  
  1178. {block:IfShowShareLinks}
  1179. Share:
  1180. {block:IfShowShareToFacebook}
  1181. &nbsp;<a href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedPermalink}" target="_blank" class="shareicon shareicon_facebook" title="Share on Facebook"></a>
  1182. {/block:IfShowShareToFacebook}
  1183. {block:IfShowShareToTwitter}
  1184. &nbsp;<a href="https://twitter.com/share?url={URLEncodedPermalink}" target="_blank" class="shareicon shareicon_twitter" title="Share on Twitter"></a>
  1185. {/block:IfShowShareToTwitter}
  1186. {block:IfShowShareToReddit}
  1187. &nbsp;<a href="http://www.reddit.com/submit?url={URLEncodedPermalink}" target="_blank" class="shareicon shareicon_reddit" title="Share on Reddit"></a>
  1188. {/block:IfShowShareToReddit}
  1189. {block:IfShowShareToDigg}
  1190. &nbsp;<a href="http://digg.com/submit?url={URLEncodedPermalink}" target="_blank" class="shareicon shareicon_digg" title="Share on Digg"></a>
  1191. {/block:IfShowShareToDigg}
  1192. {block:IfShowShareToGooglePlus}
  1193. &nbsp;<a href="https://plus.google.com/share?url={URLEncodedPermalink}" target="_blank" class="shareicon shareicon_googleplus" title="Share on Google+"></a>
  1194. {/block:IfShowShareToGooglePlus}
  1195. {/block:IfShowShareLinks}
  1196. </div>
  1197.  
  1198. {block:HasTags}
  1199. {block:IfShowTags}
  1200. <div class="share">
  1201. {block:Tags}
  1202. <span class="tag tag_{Tag}"><a href="{TagURL}">{Tag}</a>&nbsp;</span>
  1203. {/block:Tags}
  1204. </div>
  1205. <div style="clear:both"></div>
  1206. {/block:IfShowTags}
  1207. {/block:HasTags}
  1208.  
  1209.  
  1210. <div style="clear:both"></div>
  1211. </div>
  1212. {block:IndexPage}<div class="newshr"></div>{/block:IndexPage}
  1213. {/block:Posts}
  1214.  
  1215. {block:PermalinkPage}
  1216. {block:IfDisqusShortname}
  1217. <div id="disqus_thread"></div>
  1218. <script type="text/javascript">
  1219. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1220. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace <example> with your forum shortname
  1221.  
  1222. /* * * DON'T EDIT BELOW THIS LINE * * */
  1223. (function() {
  1224. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1225. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1226. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1227. })();
  1228. </script>
  1229. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1230. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1231. {/block:IfDisqusShortname}
  1232. {/block:PermalinkPage}
  1233.  
  1234.  
  1235. {block:PostNotes}
  1236. <div class="newshr"></div>
  1237. <a name="notes"/>
  1238. <div id="permalinknotes_title">{lang:Notes}</div>
  1239. <div id="permalinknotes">{PostNotes-16}</div>
  1240. {/block:PostNotes}
  1241.  
  1242. {block:Pagination}
  1243. <div id="pagination">
  1244. {block:PreviousPage}
  1245. <a href="{PreviousPage}">&#171; {lang:Previous}</a>
  1246. {/block:PreviousPage}
  1247. &nbsp;{lang:Page CurrentPage of TotalPages}&nbsp;
  1248. {block:NextPage}
  1249. <a href="{NextPage}">{lang:Next} &#187;</a>
  1250. {/block:NextPage}
  1251. </div>
  1252. {/block:Pagination}
  1253.  
  1254. {block:DayPagination}
  1255. <div id="pagination">
  1256. {block:PreviousDayPage}
  1257. <a href="{PreviousDayPage}">
  1258. &#171; {ShortMonth} {DayOfMonth}
  1259. </a>
  1260. {/block:PreviousDayPage}
  1261.  
  1262. {block:NextDayPage}
  1263. {block:PreviousDayPage} | {/block:PreviousDayPage}
  1264. <a href="{NextDayPage}">
  1265. {ShortMonth} {DayOfMonth} &#187;
  1266. </a>
  1267. {/block:NextDayPage}
  1268. </div>
  1269. {/block:DayPagination}
  1270.  
  1271. <div id="minifooter">&copy; {CopyrightYears} <a href="/">{Title}</a>.<br>{lang:Powered by Tumblr 2}. Steamblr theme based on <a href="http://store.steampowered.com/news/">Steam's newsfeed</a>, assembled by oxguy3.</div>
  1272.  
  1273. </div>
  1274. </div>
  1275. </div>
  1276.  
  1277.  
  1278.  
  1279. <div class="newsleftcol">
  1280.  
  1281. {block:IfShowDescriptionBlock}
  1282. <div class="block" id="global_description">
  1283. {block:IfDescriptionBlockTitle}
  1284. <div class="block_header">
  1285. <div>{text:Description Block title}</div>
  1286. </div>
  1287. {/block:IfDescriptionBlockTitle}
  1288. <div class="block_content">
  1289. <div class="block_content_inner">
  1290. {Description}
  1291. </div>
  1292. </div>
  1293. </div>
  1294. {/block:IfShowDescriptionBlock}
  1295.  
  1296. {block:IfExtraBlock1Body}
  1297. <div class="block" id="extrablock1">
  1298. {block:IfExtraBlock1Title}
  1299. <div class="block_header">
  1300. <div>{text:Extra Block 1 Title}</div>
  1301. </div>
  1302. {/block:IfExtraBlock1Title}
  1303. <div class="block_content">
  1304. <div class="block_content_inner">{text:Extra Block 1 Body}</div>
  1305. </div>
  1306. </div>
  1307. {/block:IfExtraBlock1Body}
  1308.  
  1309. {block:IfExtraBlock2Body}
  1310. <div class="block" id="extrablock2">
  1311. {block:IfExtraBlock2Title}
  1312. <div class="block_header">
  1313. <div>{text:Extra Block 2 Title}</div>
  1314. </div>
  1315. {/block:IfExtraBlock2Title}
  1316. <div class="block_content">
  1317. <div class="block_content_inner">{text:Extra Block 2 Body}</div>
  1318. </div>
  1319. </div>
  1320. {/block:IfExtraBlock2Body}
  1321.  
  1322. {block:IfExtraBlock3Body}
  1323. <div class="block" id="extrablock3">
  1324. {block:IfExtraBlock3Title}
  1325. <div class="block_header">
  1326. <div>{text:Extra Block 3 Title}</div>
  1327. </div>
  1328. {/block:IfExtraBlock3Title}
  1329. <div class="block_content">
  1330. <div class="block_content_inner">{text:Extra Block 3 Body}</div>
  1331. </div>
  1332. </div>
  1333. {/block:IfExtraBlock3Body}
  1334.  
  1335. <!--<div class="block">
  1336. <div class="block_header">
  1337. <div>Channels</div>
  1338. </div>
  1339. <div class="block_content">
  1340. <div class="block_content_inner">
  1341. <a class="linkbar linkbar_active" href="http://store.steampowered.com/news/?">All News</a>
  1342. <a class="linkbar" href="http://store.steampowered.com/news/?">Some News</a>
  1343. <div class="block_sub_header_channels">Syndicated</div>
  1344. <a class="linkbar" href="http://store.steampowered.com/news/?feed=eurogamer">Eurogamer</a>
  1345. </div>
  1346. </div>
  1347. </div>-->
  1348.  
  1349. {block:IfShowSearchBlock}
  1350. <div class="block">
  1351. <div class="block_header">
  1352. <div>{lang:Search}</div>
  1353. </div>
  1354. <div class="block_content">
  1355. <div class="block_content_inner">
  1356. <form id="searchform" action="/search" method="get">
  1357. <div class="searchbox_news" id="searchbox_news">
  1358. <input id="searchbox-input" type="text" class="default" name="q" value="{SearchQuery}"/>
  1359. |
  1360. <a href="#" onclick="document.getElementById('searchform').submit()"><img src="http://static.tumblr.com/vdzvnp7/54fmp8w0q/ico_search.gif" width="18" height="18" border="0"></a>
  1361. <!--<input type="submit" value="Search"/>-->
  1362. </div>
  1363. </form>
  1364. </div>
  1365. </div>
  1366. </div>
  1367. {/block:IfShowSearchBlock}
  1368.  
  1369. </div>
  1370. </div>
  1371. </div>
  1372.  
  1373.  
  1374.  
  1375. </body>
  1376. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!