API tools faq
paste
Advertisement
cocoofrps

THEME 30 'AWAKE'

cocoofrps
Jan 11th, 2015
552
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:200,
  11. tip_fade_speed:300
  12. }
  13. );
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--- THEME BY @cocoofrps --->
  27.  
  28. <meta name="color:Background" content="#000000"/>
  29. <meta name="color:Text" content="#dcdada"/>
  30. <meta name="color:DescriptionText" content="#c1bec3"/>
  31. <meta name="color:Links" content="#202020" />
  32. <meta name="color:LinksHover" content="#5db6d6" />
  33. <meta name="color:NavLinks" content="#f13855"/>
  34. <meta name="color:PostLinks" content="#c15582"/>
  35. <meta name="color:PagiBG" content="#d76c73"/>
  36. <meta name="color:Permalink" content="#7e6d53"/>
  37. <meta name="color:NavBG" content="#d76c80"/>
  38. <meta name="color:NavDesc" content="#333133"/>
  39. <meta name="color:Border" content="#dcdada"/>
  40. <meta name="color:Hover" content="#6d97ac"/>
  41. <meta name="color:Scrollbar" content="#6cb3d7"/>
  42. <meta name="color:ScrollbarBg" content="#b6a499"/>
  43. <meta name="color:Accent" content="#d76c80"/>
  44.  
  45.  
  46. <meta name="image:Sidebar" content=""/>
  47. <meta name="image:Background" content=""/>
  48.  
  49. <meta name="text:Description Title" content=""/>
  50. <meta name="text:Link 1" content="home"/>
  51. <meta name="text:Link 1 URL" content="/"/>
  52. <meta name="text:Link 2" content="inquire"/>
  53. <meta name="text:Link 2 URL" content="/"/>
  54. <meta name="text:Link 3" content="nav"/>
  55. <meta name="text:Link 3 URL if No Slide Panel" content="/"/>
  56. <meta name="text:Link 4" content="link 4"/>
  57. <meta name="text:Link 4 URL" content="/"/>
  58. <meta name="text:Link 5" content="link 5"/>
  59. <meta name="text:Link 5 URL" content="/"/>
  60. <meta name="text:Link 6" content="link 6"/>
  61. <meta name="text:Link 6 URL" content="/"/>
  62. <meta name="text:Link 7" content="link 7"/>
  63. <meta name="text:Link 7 URL" content="/"/>
  64. <meta name="text:Link 8" content="link 8"/>
  65. <meta name="text:Link 8 URL" content="/"/>
  66. <meta name="text:Link 9" content="link 9"/>
  67. <meta name="text:Link 9 URL" content="/"/>
  68.  
  69. <meta name="if:StretchBackgroundImage" content="0"/>
  70. <meta name="if:SlideNav" content="1"/>
  71. <meta name="if:DarkPostBG" content="1"/>
  72. <meta name="if:LightPostBG" content="0"/>
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. height:auto;
  78. border:{color:ScrollbarBg};
  79. background-color:{color:Scrollbar};
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height:9px;
  84. width:5px;
  85. background-color:{color:ScrollbarBg};
  86. }
  87.  
  88.  
  89. ::selection {
  90. background: {color:Background};
  91. color: {color:Accent};
  92. }
  93.  
  94. ::-moz-selection {
  95. background: {color:Background};
  96. color: {color:Accent};
  97. }
  98.  
  99. ::-webkit-selection {
  100. background: {color:Background};
  101. color: {color:Accent};
  102. }
  103.  
  104. body {
  105. background:{color:Background};
  106. margin:0px;
  107. color:{color:Text};
  108. font-family:'arial';
  109. font-size:11px;
  110. line-height:110%;
  111. letter-spacing:1px;
  112. text-align:justify;
  113. {block:ifNotStretchBackgroundImage}
  114. background-image:url('{image:Background}');
  115. background-attachment:fixed;
  116. {block:ifNotStretchBackgroundImage}
  117. {block:IfStretchBackgroundImage}
  118. background: url('{image:Background}') no-repeat center center fixed;
  119. -webkit-background-size: cover;
  120. -moz-background-size: cover;
  121. -o-background-size: cover;
  122. background-size: cover;
  123. {block:IfStretchBackgroundImage}
  124. }
  125.  
  126. code {
  127. font-size:9px;
  128. font-family:'Courier New';
  129. color:{color:Hover};
  130. text-transform:uppercase;
  131. }
  132.  
  133. small,big {
  134. font-size:8px;
  135. }
  136.  
  137. pre {
  138. font-family:'Courier New';
  139. font-size:8px;
  140. width:auto;
  141. padding:5px 8px;
  142. color:{color:PostLinks};
  143. }
  144.  
  145. a {
  146. text-decoration:none;
  147. outline:none;
  148. -moz-outline-style:none;
  149. -webkit-transition: all 0.4s ease-in-out;
  150. -moz-transition: all 0.4s ease-in-out;
  151. -o-transition: all 0.4s ease-in-out;
  152. -ms-transition: all 0.4s ease-in-out;
  153. transition: all 0.4s ease-in-out;
  154. color:{color:PostLinks};
  155. }
  156.  
  157. b {
  158. color:{color:Hover};
  159. font-weight:100;
  160. }
  161.  
  162. a:hover {
  163. color:{color:Hover};
  164. -webkit-transition: all 0.4s ease-in-out;
  165. -moz-transition: all 0.4s ease-in-out;
  166. -o-transition: all 0.4s ease-in-out;
  167. -ms-transition: all 0.4s ease-in-out;
  168. transition: all 0.4s ease-in-out;
  169. }
  170.  
  171. img {
  172. border:none;
  173. width:auto;
  174. }
  175.  
  176. blockquote {
  177. margin-left:5px;
  178. width:auto;
  179. padding-left:5px;
  180. border-left:5px solid {color:Border};
  181. }
  182.  
  183. blockquote blockquote {
  184. padding-left:5px;
  185. border-left:5px solid {color:Border};
  186. }
  187.  
  188. h1 {
  189. font-size:11px;
  190. letter-spacing:2px;
  191. text-transform:uppercase;
  192. font-style:none;
  193. line-height:10px;
  194. text-align:center;
  195. padding:0px;
  196. }
  197.  
  198. /*ENTRIES*/
  199.  
  200. #entries {
  201. margin-left:550px;
  202. letter-spacing:1px;
  203. padding-bottom:0px;
  204. overflow-y:auto;
  205. font-weight:100;
  206. margin-top:50px;
  207. font-size:11px;
  208. }
  209.  
  210. #post {
  211. width:498px;
  212. line-height:100%;
  213. border:1px solid {color:Border};
  214. padding:20px;
  215. margin-bottom:150px;
  216. {block:ifDarkPostBG}
  217. background-color:rgba(0,0,0,0.5);
  218. {/block:ifDarkPostBG}
  219. {block:ifLightPostBG}
  220. background-color:rgba(255,255,255,0.5);
  221. {/block:ifLightPostBG}
  222. font-family:'consolas';
  223. }
  224.  
  225. /* SIDEBAR */
  226.  
  227. #sidebar {
  228. position:fixed;
  229. bottom:0px;
  230. left:0px;
  231. }
  232.  
  233. .pagi {
  234. position:absolute;
  235. text-align:center;
  236. width:500px;
  237. margin-top:-20px;
  238. }
  239.  
  240. .pagi a {
  241. font-size:8px;
  242. text-transform:uppercase;
  243. padding:3px 5px;
  244. color:{color:Background};
  245. background-color:{color:PagiBG};
  246. display:inline-block;
  247. }
  248.  
  249. .current_page {
  250. padding:3px 5px;
  251. font-size:8px;
  252. {block:ifDarkPostBG}
  253. background-color:rgba(0,0,0,0.5);
  254. {/block:ifDarkPostBG}
  255. {block:ifLightPostBG}
  256. background-color:rgba(255,255,255,0.5);
  257. {/block:ifLightPostBG}
  258. text-transform:uppercase;
  259. display:inline-block;
  260. }
  261.  
  262. .simage {
  263. width:500px;
  264. height:400px;
  265. }
  266.  
  267. .links {
  268. font-family:'courier new';
  269. width:500px;
  270. }
  271.  
  272. .links a {
  273. padding:5px;
  274. background-color:{color:Border};
  275. color:{color:Links};
  276. font-size:9px;
  277. width:490px;
  278. text-align:center;
  279. text-transform:uppercase;
  280. display:block;
  281. }
  282.  
  283. .links a:hover {
  284. background-color:{color:LinksHover};
  285. }
  286.  
  287. .n {
  288. padding:20px;
  289. display:none;
  290. text-align:center;
  291. width:460px;
  292. background-color:{color:NavBG};
  293. }
  294.  
  295. .n a {
  296. width:100px;
  297. background-color:{color:Hover};
  298. padding:10px;
  299. color:{color:Border};
  300. text-transform:uppercase;
  301. font-size:8px;
  302. display:block;
  303. }
  304.  
  305. a.ye {
  306. background-color:{color:LinksHover};
  307. color:{color:Background};
  308. }
  309.  
  310. .right {
  311. background-color:{color:Background};
  312. font-size:8px;
  313. margin-top:-192px;
  314. height:172px;
  315. margin-left:130px;
  316. color:{color:DescriptionText};
  317. text-align:left;
  318. padding:10px;
  319. }
  320.  
  321. .right h1 {
  322. text-transform:uppercase;
  323. font-size:10px;
  324. text-align:center;
  325. background-color:{color:Hover};
  326. padding:5px;
  327. margin-top:0px;
  328. }
  329.  
  330. /*AUDIO INFO*/
  331.  
  332. .imgwrapper img{
  333. width:100px;
  334. }
  335.  
  336. .audio_player {
  337. width:25px;
  338. height:25px;
  339. overflow:hidden;
  340. margin-top:-70px;
  341. margin-left:33px;
  342. background-color:#fff;
  343. position:absolute;
  344. opacity:0.5;
  345. border:1px solid {color:Hover};
  346. padding:5px;
  347. z-index:9;
  348. }
  349.  
  350. .trackdetails {
  351. font-family:calibri;
  352. position:absolute;
  353. font-size:8px;
  354. margin-top:-70px;
  355. text-align:center;
  356. margin-left:250px;
  357. text-transform:uppercase;
  358. letter-spacing:2px;
  359. }
  360.  
  361. /*POST INFO*/
  362.  
  363. #info {
  364. text-align:left;
  365. font-family: 'arial';
  366. letter-spacing:1px;
  367. font-size:8px;
  368. font-style:none;
  369. margin-left:-21px;
  370. margin-bottom:-35px;
  371. margin-top:5px;
  372. color:{color:Permalink};
  373. background-color:{color:Border};
  374. width:530px;
  375. z-index:99999;
  376. line-height:10px;
  377. text-transform:uppercase;
  378. padding:5px;
  379. }
  380.  
  381. #info a {
  382. text-align:right;
  383. color:{color:Permalink};
  384. }
  385.  
  386. #info a:hover {
  387. -moz-transition-duration:0s;
  388. -webkit-transition-duration:0s;
  389. -o-transition-duration:0s;
  390. color:{color:Hover};
  391. }
  392.  
  393. #tags {
  394. text-align:left;
  395. opacity:0;
  396. font-size:8px;
  397. font-family:'arial';
  398. padding:2px;
  399. margin-top:-20px;
  400. text-transform:lowercase;
  401. transition-duration: 0.5s;
  402. -moz-transition-duration: 0.5s;
  403. -webkit-transition-duration: 0.5s;
  404. -o-transition-duration: 0.5s;
  405. }
  406.  
  407. #tagss {
  408. text-align:left;
  409. opacity:1;
  410. font-size:8px;
  411. font-family:'arial';
  412. padding:2px;
  413. margin-top:0px;
  414. text-transform:lowercase;
  415. transition-duration: 0.5s;
  416. -moz-transition-duration: 0.5s;
  417. -webkit-transition-duration: 0.5s;
  418. -o-transition-duration: 0.5s;
  419. }
  420.  
  421.  
  422. #post:hover #tags {
  423. opacity:1;
  424. margin-top:0;
  425. }
  426.  
  427.  
  428. #tags a, #tagss a {
  429. padding:3px;
  430. color:{color:Post Links};
  431. letter-spacing:0px;
  432. font-family:'helvetica';
  433. text-decoration:none;
  434. background-color:{color:Background};
  435. display:inline-block;
  436. }
  437.  
  438. #tags a:hover, #tagss a:hover {
  439. -moz-transition-duration:0.3s;
  440. -webkit-transition-duration:0.3s;
  441. -o-transition-duration:0.3s;
  442. color:{color:Hover};
  443. }
  444.  
  445. /*QUESTION*/
  446.  
  447. .question {
  448. line-height:110%;
  449. }
  450.  
  451. .asker {
  452. font-family:'Arial';
  453. font-size:8px;
  454. text-transform:uppercase;
  455. text-align:right;
  456. text-decoration:underline;
  457. color:{color:Text};
  458. background-color:{color:Hover};
  459. padding:4px;
  460. letter-spacing:5px;
  461. border-radius:0px 0px 2px 2px;
  462. }
  463.  
  464. .asker a {
  465. color:{color:Accent};
  466. }
  467.  
  468. .q {
  469. font-size:8px;
  470. font-family:'arial';
  471. background-color:{color:Hover};
  472. color:{color:Border};
  473. padding:20px;
  474. }
  475.  
  476. .q small,.q big,.q code {
  477. font-size:8px;
  478. }
  479.  
  480. /*CREDIT*/
  481.  
  482. #cred {
  483. position:fixed;
  484. font-family:'courier new';
  485. text-transform:uppercase;
  486. font-size:9px;
  487. background-color:{color:Border};
  488. bottom:10px;
  489. right:10px;
  490. border-radius:3px;
  491. display:block;
  492. padding:5px 10px;
  493. }
  494.  
  495. #cred a {
  496. color:{color:Accent};
  497. }
  498.  
  499. #notes {
  500. font-family:calibri;
  501. text-transform:uppercase;
  502. font-size:8px;
  503. margin-left:-40px;
  504. margin-top:-140px;
  505. width:580px;
  506. }
  507.  
  508. #notes li{
  509. list-style-type:none;
  510. background-color:{color:Accent};
  511. padding:5px;
  512. }
  513.  
  514. #notes img {
  515. opacity:0;
  516. display:none;
  517. }
  518.  
  519. #s-m-t-tooltip{
  520. position:absolute;
  521. background-color:{color:Hover};
  522. padding:3px 5px 3px;
  523. z-index:99999999999999999999999999999999;
  524. margin-top:-30px;
  525. margin-left:-30px;
  526. font-family:'Courier New';
  527. display:block;
  528. text-transform:uppercase;
  529. font-size:8px;
  530. color:{color:text};
  531. }
  532.  
  533. {CustomCSS}</style>
  534. </head>
  535. <body>
  536. <div id="sidebar">
  537. <div class="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  538. {/block:Pagination}</div>
  539. <div class="simage"><img src="{image:Sidebar}"></div>
  540. <div class="links">
  541. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  542. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  543. {block:ifSlideNav}<a href="#" class="more">{text:Link 3}</a>{/block:ifSlideNav}
  544. {block:ifNotSlideNav}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifNotSlideNav}
  545. </div>
  546. <div class="n">
  547. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  548. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  549. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  550. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  551. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  552. <a href="{text:Link 9 URL}" class="ye">{text:Link 9}</a>
  553. <div class="right">
  554. <h1>{text:Description Title}</h1>
  555. <blockquote>{Description}</blockquote>
  556. </div>
  557. </div>
  558. </div>
  559. <!-- POSTS START -->
  560. <div id="entries">
  561. {block:Posts}
  562.  
  563. <div id="post">
  564. {block:Text}
  565. <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="font-size:8px;font-family:'Courier New';text-transform:uppercase;padding:10px;background-color:{color:Hover};color:{color:Text};">{Title}</div></a>{/block:Title}</h1>
  566. {Body}<br>{/block:Text}
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  569. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  570.  
  571. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  572. {/block:Caption}<br>{/block:Photoset}
  573.  
  574. {block:Quote}<div style="font-size:10px;font-family:'courier new';text-transform:uppercase;padding:10px;background-color:{color:Border};color:{color:Background};">"{Quote}"</div><br/>
  575. {block:Source}<div class="qsource"> —{Source}</div>
  576. {/block:Source}<br>{/block:Quote}
  577.  
  578. {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="font-size:8px;font-family:'Courier New';text-transform:uppercase;padding:20px;background-color:{color:Hover};color:{color:Text};">{Name}</div></a>{block:Description}{Description}{/block:Description}<br/>{/block:Link}
  579.  
  580. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="text-transform:uppercase;font-family:'courier new';"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  581. {block:Audio}
  582. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{block:AlbumArt}<div class="imgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} <div class="trackdetails">{block:TrackName}<big>{TrackName}</big><br/>{/block:TrackName}{block:Artist}{Artist}<br/>{/block:Artist}{block:Album}{Album}<br/>{/block:Album}{PlayCountWithLabel}</div>{block:Caption}{Caption}{/block:Caption}<br/>
  583. {/block:Audio}
  584.  
  585. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  586.  
  587. <!--- Please don't steal anything. I find it rude and unethical. -->
  588. {block:Answer}<div id="answer">
  589. <div class="question">
  590. <div class="q">{Question}</div>
  591. <div class="asker">{Asker}</div>
  592. </div>
  593. {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}
  594.  
  595.  
  596. {block:IndexPage}
  597. <div id="info">{block:Date}
  598. <a href="{Permalink}" title="{TimeAgo}"><b>{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {12HourWithZero}:{Minutes}{CapitalAmPm}</b></a>{/block:Date}
  599. {block:NoteCount}
  600. <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource}
  601. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  602. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  603. {block:HasTags}<div id="tags">
  604. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>{/block:Tags}
  605. </div>{block:HasTags}
  606. </div>
  607. {/block:IndexPage}
  608.  
  609. {block:PermalinkPage}
  610. <div id="info">{block:Date}
  611. <a>{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {12HourWithZero}:{Minutes}{CapitalAmPm}</a>{/block:Date}
  612. {block:NoteCount}
  613. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  614. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  615. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  616. {block:HasTags}<div id="tagss">
  617. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>{/block:Tags}
  618. </div>{block:HasTags}
  619. </div>
  620. {/block:PermalinkPage}
  621. </div>
  622.  
  623. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  624. {/block:Posts}</div>
  625.  
  626. </div>
  627.  
  628. </div>
  629. <div id="cred">
  630. <a href="http://cocoofrps.tumblr.com/" title="THEME 30 BY COCO">coco</a>
  631. </div>
  632. </div>
  633.  
  634. </body>
  635. <script>
  636. $(document).ready(function(){
  637. $('.more').click(function(){
  638. $('.n').slideToggle(300,'linear');
  639. })
  640. });
  641. </script>
  642.  
  643. </html>
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!