Advertisement
lexaofrp

THEME O6: COURTNEY

Sep 8th, 2014
634
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <head><title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!------Theme 6: COURTNEY by lexaofrp------->
  11.  
  12. <meta name="image:background" content=""/>
  13. <meta name="image:header" content=""/>
  14. <meta name="image:AskBG" content=""/>
  15. <meta name="image:LinksBG" content=""/>
  16. <meta name="image:DescBGimg" content=""/>
  17. <meta name="image:RightSB" content=""/>
  18. <meta name="image:LeftSB" content=""/>
  19.  
  20. <meta name="color:Background" content="#000000"/>
  21. <meta name="color:PostBG" content="#ffffff"/>
  22. <meta name="color:Post Links" content="#ffffff"/>
  23. <meta name="color:Borders" content="#000000"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:infoBG" content="#ffffff"/>
  26. <meta name="color:SBLinks" content="#ffffff" />
  27. <meta name="color:SBLinksBG" content="#ffffff"/>
  28. <meta name="color:Sidebar" content="#ffffff"/>
  29. <meta name="color:Hover" content="#000000"/>
  30. <meta name="color:Scrollbar" content="#ffffff"/>
  31. <meta name="color:ScrollbarBg" content="#ffffff"/>
  32. <meta name="color:DescBG" content="#ffffff"/>
  33. <meta name="color:Desc Text" content="#ffffff"/>
  34.  
  35. <meta name="text:Home URL" content="/"/>
  36. <meta name="text:Home" content="Home"/>
  37. <meta name="text:Ask URL" content="/"/>
  38. <meta name="text:Ask" content="Ask"/>
  39. <meta name="text:Link 1 URL" content="/"/>
  40. <meta name="text:Link 1" content="Link 1"/>
  41. <meta name="text:Link 2 URL" content="/"/>
  42. <meta name="text:Link 2" content="Link 2"/>
  43. <meta name="text:Link 3 URL" content="/"/>
  44. <meta name="text:Link 3" content="Link 3"/>
  45. <meta name="text:Link 4 URL" content="/"/>
  46. <meta name="text:Link 4" content="Link 4"/>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. blockquote {
  52. font-size:10px;
  53. font-family:'courier new';
  54. max-width:500px;
  55. border-left:3px solid{color:Post links};
  56. padding:10px;
  57. color:{color:Background};
  58. background-color:{color:DescBG};}
  59.  
  60. code {
  61. font-size:9px;
  62. font-family:'Courier New';
  63. color:{color:text};
  64. text-transform:uppercase;}
  65.  
  66. pre {
  67. font-family:'Courier New';
  68. text-align:center;
  69. font-size:10px;
  70. max-width:500px;
  71. padding:10px ;
  72. color:{color:SBLinksBG};
  73. background-color: {color:Sidebar};
  74. border:2px solid {color:borders};}
  75.  
  76. h1{
  77. font-family:'courier new';
  78. font-size:15px;
  79. text-align:center;
  80. text-transform:uppercase;
  81. background-color:{color:infobg};
  82. color:{color:postBG};
  83. border-top:5px solid {color:Post Links};
  84. padding-top:8px;
  85. padding-bottom:5px;}
  86.  
  87. /*GENERAL*/
  88.  
  89. body {
  90. font-family:courier;
  91. font-size:10px;
  92. background-image:url('{image:background}');
  93. background-attachment:fixed;
  94. color:{color:background};
  95. background-color:{color:background}; }
  96.  
  97. a {
  98. color:{color:Post Links};
  99. text-decoration:none;
  100. -webkit-transition:all 0.5s ease-in-out;
  101. -moz-transition:all 0.5s ease-in-out;
  102. -o-transition:all 0.5s ease-in-out;
  103. transition:all 0.5s ease-in-out;}
  104.  
  105. a:hover {
  106. color:{color:Hover};
  107. text-decoration:underline;
  108. -webkit-transition:all 0.5s ease-in-out;
  109. -moz-transition:all 0.5s ease-in-out;
  110. -o-transition:all 0.5s ease-in-out;
  111. transition:all 0.5s ease-in-out;}
  112.  
  113.  
  114. /*END GENERAL*/
  115.  
  116. /*SIDEBAR*/
  117.  
  118. .box {
  119. position:fixed;
  120. margin-left:1030px;
  121. margin-top:-230px;
  122. color:{color:borders};
  123. height:950px;
  124. width:100px;
  125. padding:0px;
  126. text-align:justify;
  127. background-image:url('{image:RightSB}');
  128. overflow:hidden;
  129. }
  130.  
  131. .box2 {
  132. position:fixed;
  133. margin-left:-830px;
  134. margin-top:230px;
  135. border-top:7px solid {color:Borders};
  136. border-bottom:7px solid {color:Borders};
  137. color:{color:borders};
  138. height:400px;
  139. width:290px;
  140. padding:0px;
  141. text-align:justify;
  142. background-image:url('{image:LeftSB}');
  143. }
  144.  
  145. .box h1, .box2 h1, .description h1 {
  146. text-transform:lowercase;
  147. text-align:center;
  148. font-weight:bold;
  149. text-decoration:overline underline;
  150. font-style:italic;
  151. color:{color:borders};
  152. border-top: 2px solid {color:Borders};
  153. border-bottom:2px solid {color:Borders};
  154. letter-spacing:0pt;
  155. word-spacing:4pt;
  156. font-size:12px;
  157. text-align:center;
  158. font-family:georgia, serif;
  159. line-height:1;
  160. background-color:{color:Post links};
  161. margin-top:0px;
  162. }
  163.  
  164. .sidebar {
  165. position:absolute;
  166. width:820px;
  167. height:200px;
  168. margin-left:200px;
  169. margin-top:-220px;
  170. text-align:center;
  171. padding-top:10px;
  172. padding-bottom:0px;
  173. color:{color:text};
  174. background-color:{color:Sidebar};
  175. }
  176.  
  177. .sidebarimg {
  178. position:absolute;
  179. width:820px;
  180. margin-top:-10px;
  181. margin-left:-10px;
  182. z-index:9999999999999;
  183. }
  184.  
  185. .sidebarimg img {
  186. width:820px;
  187. height:200px;
  188. padding:10px;
  189. z-index:999999999999999999;
  190. }
  191.  
  192. .description {
  193. position:fixed;
  194. overflow:auto;
  195. margin-top:20px;
  196. margin-left:235px;
  197. color:{color:Desc Text};
  198. width:200px;
  199. height:230px;
  200. padding-left:10px;
  201. padding-right:10px;
  202. padding-top:10px;
  203. text-align:justify;
  204. opacity:.7;
  205. font-family:'courier new';
  206. font-size:10px;
  207. background-color:{color:DescBG};
  208. z-index:9999999999;
  209. border-top:7px solid {color:borders};
  210. border-bottom:7px solid {color:borders};
  211. }
  212.  
  213. .links {
  214. position:fixed;
  215. display:inline-block;
  216. text-align:right;
  217. margin-top:278px;
  218. margin-left:188px;
  219. padding-bottom:0px;
  220. z-index:99999;
  221. width:300px;
  222. height:305px;
  223. }
  224.  
  225. .links a {
  226. display:inline-block;
  227. position:right;
  228. text-align:center;
  229. margin-left:5px;
  230. margin-right:5px;
  231. margin-top:5px;
  232. margin-bottom:12px;
  233. padding-top:6px;
  234. padding-bottom:12px;
  235. padding-left:5px;
  236. padding-right:5px;
  237. width:120px;
  238. height:5px;
  239. font-family:'courier new';
  240. font-style:normal;
  241. font-weight:normal;
  242. text-decoration:none;
  243. text-transform:uppercase;
  244. font-size:10px;
  245. color:{color:SBLinks};
  246. z-index:999999999999999999999999999999999999;
  247. background-color:{color:SBLinksBg};
  248. background-image:url('{image:LinksBG}');
  249. border-top: solid 2px {color:borders};
  250. border-bottom:solid 2px {color:borders};
  251. -webkit-transition:all 0.5s ease-in-out;
  252. -moz-transition:all 0.5s ease-in-out;
  253. -o-transition:all 0.5s ease-in-out;
  254. transition:all 0.5s ease-in-out;
  255. }
  256.  
  257. .links a:hover {
  258. text-decoration:none;
  259. color:{color:Hover};
  260. -webkit-transition:all 0.5s ease-in-out;
  261. -moz-transition:all 0.5s ease-in-out;
  262. -o-transition:all 0.5s ease-in-out;
  263. transition:all 0.5s ease-in-out;}
  264.  
  265.  
  266. .pagination {
  267. font-size:12px;
  268. padding-bottom:10px;
  269. padding-top:8px;
  270. position:fixed;
  271. text-align:center;
  272. width:155px;
  273. height:12px;
  274. font-family:'courier new';
  275. margin-top:190px;
  276. margin-left:20px;
  277. background-color:{color:Sidebar};
  278. border:solid 2px {color:info bg};
  279. }
  280.  
  281. .pagination a {
  282. color:{color:ScrollbarBG};
  283. padding:2px 5px;
  284. z-index:999999999999999999999999;
  285. }
  286.  
  287. .pagination a:hover{
  288. text-decoration:none;
  289. color:{color:hover};
  290. -webkit-transition:all 0.5s ease-in-out;
  291. -moz-transition:all 0.5s ease-in-out;
  292. -o-transition:all 0.5s ease-in-out;
  293. transition:all 0.5s ease-in-out;}
  294.  
  295.  
  296. /*END SIDEBAR*/
  297.  
  298. /*CREDIT DO NOT REMOVE*/
  299.  
  300. #credit {
  301. position:fixed;
  302. font-family:'courier new';
  303. color:{color:Borders};
  304. text-transform:uppercase;
  305. font-size:20px;
  306. background-color:{color:borders};
  307. width:20px;
  308. height:20px;
  309. right:10px;
  310. bottom:10px;
  311. padding-right:10px;
  312. padding-left:10px;
  313. padding-bottom:10px;
  314. border-radius:20px;
  315. opacity:1;
  316. border:2px solid {color:postbg};
  317. }
  318.  
  319. /*END OF CREDIT*/
  320.  
  321. /*POSTS*/
  322.  
  323. .posts {
  324. width:520px;
  325. margin-left:500px;
  326. margin-top:220px;
  327. color:{color:postbg};
  328. }
  329.  
  330. .entries {
  331. width:500px;
  332. padding:10px;
  333. color:{color:text};
  334. background-color:{color:postbg};
  335. }
  336.  
  337. .info {
  338. display:block;
  339. padding:10px;
  340. font-family:'courier new';
  341. font-style:italic;
  342. color:{color:Post Links};
  343. background-color:{color:infoBG};
  344. margin-top:-21px;
  345. margin-bottom:20px;
  346. margin-left:0px;
  347. width:480px;
  348. border:10px solid {color:postbg};
  349. }
  350.  
  351. .info a {
  352. color:{color:Post Links};
  353. -webkit-transition:all 0.5s ease-in-out;
  354. -moz-transition:all 0.5s ease-in-out;
  355. -o-transition:all 0.5s ease-in-out;
  356. transition:all 0.5s ease-in-out;}
  357.  
  358. .info a:hover {
  359. color:{color:hover};
  360. -webkit-transition:all 0.5s ease-in-out;
  361. -moz-transition:all 0.5s ease-in-out;
  362. -o-transition:all 0.5s ease-in-out;
  363. transition:all 0.5s ease-in-out;}
  364.  
  365. .tags a {
  366. display:inline-block;
  367. margin-right:5px;
  368. background-color:{color:infoBG};
  369. color:{color:Post Links};}
  370.  
  371. .post_title {
  372. display:block;
  373. padding:5px;
  374. text-align:center;
  375. font-size:15px;
  376. font-family:'courier new';
  377. text-transform:uppercase;
  378. font-style:italic;}
  379.  
  380. .text {
  381. display:block;
  382. padding:5px;
  383. text-align:justify;
  384. color:{color:Text};
  385. }
  386.  
  387. .photo img {
  388. display:block;
  389. margin-bottom:5px; }
  390.  
  391. .quote {
  392. display:block;
  393. padding:10px;
  394. text-align:center;
  395. font-size:20px;
  396. font-family:'cambria';
  397. font-style:italic;
  398. border-top:5px solid {color:scrollbar};
  399. color:{color:postbg};
  400. background-color:{color:infoBG};}
  401.  
  402. .source {
  403. display:block;
  404. padding:5px;
  405. text-align:right;
  406. font-size:9px;}
  407.  
  408. .chat li {
  409. display:block;
  410. padding:5px;
  411. color:{color:text};}
  412.  
  413. .audioimg img {
  414. width:100px;
  415. height:100px;
  416. color:{color:text};
  417. font-family:'courier new';
  418. text-align:center;
  419. text-transform:uppercase;}
  420.  
  421. .audioinfo {
  422. color:{color:Text};}
  423.  
  424. .question {
  425. display:block;
  426. margin-top:12px;
  427. text-align:center;
  428. text-transform:Uppercase;
  429. font-size:12px;
  430. font-family:'courier new'';
  431. font-style:normal;
  432. min-height:40px;
  433. width:500px;
  434. color:{color:PostBG};
  435. background-color:{color:infoBG};
  436. line-height:25px;}
  437.  
  438. .question img {
  439. background-color:{color:PostBG};
  440. margin-right:5px;
  441. margin-bottom:-10px;
  442. color:{color:PostBG};}
  443.  
  444. .asker{
  445. color:{color:SBLinksBG};
  446. font-family:'Courier New';
  447. font-size:15px;
  448. display:block;
  449. text-transform:uppercase;
  450. text-align:center;
  451. height:10px;
  452. padding-top:13px;
  453. margin-top:-12px;
  454. margin-bottom:-22px;
  455. background-image:url('{image:AskBG}');
  456. background-color:{color:infoBg};
  457. padding-bottom:30px;
  458. letter-spacing:2px;
  459. z-index:99999;
  460. }
  461. /*END POSTS*/
  462.  
  463. /*SCROLLBAR*/
  464.  
  465. ::-webkit-scrollbar {
  466. height:7px;
  467. width:7px;
  468. border:solid 2px {color:scrollbar};
  469. color:{color:scrollbar};
  470. background-color:{color:scrollbarBG};}
  471.  
  472. ::-webkit-scrollbar-thumb {
  473. height:auto;
  474. border:solid 2px {color:scrollbar};
  475. background-color:{color:scrollbar};}
  476.  
  477. .notes {
  478. font-family:'courier new';
  479. text-align:center;
  480. text-transform:uppercase;
  481. font-size:8px;
  482. width:520px;
  483. margin-left:460px;
  484. margin-top:20px;
  485. background-color:rgba(0,0,0,0);
  486. }
  487.  
  488. .notes li{
  489. list-style-type:none;
  490. background-color:rgba(0,0,0,0);
  491. padding:5px;
  492. }
  493.  
  494. .notes img {
  495. opacity:0;
  496. display:none;
  497. }
  498. /*END SCROLLBAR*/
  499.  
  500.  
  501.  
  502. </style>
  503. </ul>
  504. </div>
  505.  
  506. </div>
  507.  
  508. </head>
  509. <body>
  510. <div class="box"</div>
  511.  
  512. <div class="box2"></div>
  513.  
  514. </div>
  515.  
  516. </div>
  517. </div>
  518. {block:IfInfiniteScrolling}
  519. </div>
  520. {block:IfInfiniteScrolling}
  521. <!--SIDEBAR-->
  522. </ul>
  523.  
  524. <div class="sidebar">
  525.  
  526. <div class="sidebarimg">
  527. <img src="{image:header}"/>
  528. </div></div>
  529. <div class="pagination">
  530. {block:Pagination}
  531. {block:PreviousPage}<a href="{PreviousPage}">← SINK</a>
  532. {/block:PreviousPage}
  533. {block:NextPage}
  534. <a href="{NextPage}">FLOAT ➝</a>
  535. {/block:NextPage}
  536. {/block:Pagination}
  537. </div>
  538. </div>
  539.  
  540. <div class="links">
  541. {block:ifHome}<a href="{text:Home URL}">{text:Home}</a>{/block:ifHome}
  542. {block:ifAsk}<a href="{text:Ask URL}">{text:Ask}</a>{/block:ifAsk}
  543. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  544. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  545. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  546. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  547.  
  548. </div></div>
  549. <div class="description">
  550. {Description}
  551. </div>
  552. </div>
  553. </div>
  554. <!--END SIDEBAR-->
  555. <!--POSTS-->
  556.  
  557. <div class="posts">
  558.  
  559. {block:Posts}
  560.  
  561. <div class="entries">
  562. <!--TEXT POSTS-->
  563.  
  564. {block:Text}
  565.  
  566. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  567. <div class="text">{Body}</div>
  568.  
  569. {/block:Text}
  570.  
  571. <!--END TEXT POSTS-->
  572.  
  573. <!--PHOTO POSTS-->
  574.  
  575. {block:Photo}
  576.  
  577. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  578. <div class="text">{Caption}</div>
  579.  
  580. {/block:Photo}
  581.  
  582. <!--END PHOTO POSTS-->
  583.  
  584. <!--PHOTOSET POSTS-->
  585.  
  586. {block:Photoset}
  587.  
  588. <center><div class="photo">{Photoset-500}</div></center>
  589. <div class="text">{Caption}</div>
  590.  
  591. {/block:Photoset}
  592.  
  593. <!--END PHOTOSET POSTS-->
  594.  
  595. <!--QUOTE POSTS-->
  596.  
  597. {block:Quote}
  598.  
  599. <div class="quote">"{Quote}"</div>
  600. <div class="source">{Source}</div>
  601.  
  602. {/block:Quote}
  603.  
  604. <!--END QUOTE POSTS-->
  605.  
  606. <!--LINK POSTS-->
  607.  
  608. {block:Link}
  609.  
  610. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  611. {block:Description}<div class="text">{Description}</div>{/block:Description}
  612.  
  613. {/block:Link}
  614.  
  615. <!--END LINK POSTS-->
  616.  
  617. <!--CHAT POSTS-->
  618.  
  619. {block:Chat}
  620.  
  621. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  622. <div class="chat">
  623. <ul>
  624. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  625. </ul>
  626. </div>
  627.  
  628. {/block:Chat}
  629.  
  630. <!--END CHAT POSTS-->
  631.  
  632. <!--AUDIO POSTS-->
  633.  
  634. {block:Audio}
  635.  
  636. <table>
  637. <tr>
  638. <td>
  639. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  640. </td>
  641. <td>
  642. <div class="audioplayer">{AudioPlayerBlack}</div>
  643. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  644. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  645. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  646. </td>
  647. </tr>
  648. </table>
  649. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  650.  
  651. {/block:Audio}
  652.  
  653. <!--END AUDIO POSTS-->
  654.  
  655. <!--VIDEO POSTS-->
  656.  
  657. {block:Video}
  658.  
  659. <center><div class="photo">{VideoEmbed-500}</div></center>
  660. <div class="text">{Caption}</div>
  661.  
  662. {/block:Video}
  663.  
  664. <!--END VIDEO POSTS-->
  665.  
  666. <!--ANSWER POSTS-->
  667.  
  668. {block:Answer}<div id="answer">
  669. <div class="question">
  670. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  671. {block:Answerer}<br/><br/><div class="question"><div class="asker">{Answerer}</div><br/><div class="q">{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  672.  
  673. <!--END ANSWER POSTS-->
  674. </div>
  675. <div class="info">
  676. <a>{Month} {DayOfMonth}, {Year} {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}</a>
  677. posted on <a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a> with {NoteCountWithLabel}{block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> - <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}<br>
  678. {block:HasTags}
  679. <div class="tags">tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  680. {/block:HasTags}
  681. </div>
  682.  
  683. {/block:Posts}
  684.  
  685. </div>
  686. {/block:PermalinkPage}
  687. </div>{/block:Posts}
  688. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  689. {/block:Posts}</div></div></div></div>
  690. <!-- END POSTS-->
  691.  
  692. </div>
  693. <div id="credit">
  694. <a href="http://lexaofrp.tumblr.com" title="lexaofrp">☂</a>
  695. </div>
  696. </div>
  697. </div>
  698. </body>
  699.  
  700. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement