API tools faq
paste
Advertisement
cocoofrps

THEME 10 'PRIMADONNA'

cocoofrps
Jan 12th, 2014
855
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.83 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. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--- THEME BY @cocoofrps --->
  25.  
  26. <meta name="color:Background" content="#c9b6a2"/>
  27. <meta name="color:Text" content="#5f6882"/>
  28. <meta name="color:PostBG" content="#d7cbb3"/>
  29. <meta name="color:SidebarBorder" content="#c9a9a2" />
  30. <meta name="color:Border" content="#c9a9a2"/>
  31. <meta name="color:Hover" content="#7784a2"/>
  32. <meta name="color:Scrollbar" content="#eae5ce"/>
  33. <meta name="color:ScrollbarBg" content="#53607e"/>
  34. <meta name="color:Post Links" content="#53607e"/>
  35. <meta name="color:DescriptionText" content="#53607e"/>
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:Sidebar Image" content=""/>
  39.  
  40. <meta name="image:link1" content=""/>
  41. <meta name="image:link2" content=""/>
  42. <meta name="image:link3" content=""/>
  43.  
  44. <meta name="text:link1" content=""/>
  45. <meta name="text:link2" content=""/>
  46. <meta name="text:link3" content=""/>
  47. <meta name="text:link1 name" content=""/>
  48. <meta name="text:link2 name" content=""/>
  49. <meta name="text:link3 name" content=""/>
  50.  
  51. <meta name="if:CoverBackgroundImage" content="1"/>
  52.  
  53. <style type="text/css">
  54.  
  55. ::-webkit-scrollbar-thumb {
  56. height:auto;
  57. border:{color:ScrollbarBg};
  58. border:1px solid {color:ScrollbarBg};
  59. background-color:{color:Scrollbar};
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:9px;
  64. width:4px;
  65. background-color:{color:ScrollbarBg};
  66. }
  67.  
  68. ::selection {
  69. background: {color:Background};
  70. color: {color:PostBG};
  71. }
  72.  
  73. ::-moz-selection {
  74. background: {color:Background};
  75. color: {color:PostBG};
  76. }
  77.  
  78. ::-webkit-selection {
  79. background: {color:Background};
  80. color: {color:PostBG};
  81. }
  82.  
  83. body {
  84. border-top:3px solid {color:Border};
  85. overflow-y:scroll;
  86. background:{color:Background};
  87. margin:0px;
  88. color:{color:Text};
  89. font-family:'courier new';
  90. font-size:10px;
  91. line-height:100%;
  92. letter-spacing:1px;
  93. text-align:justify;
  94. {block:ifNotCoverBackgroundImage}
  95. background-image:url('{image:Background}');
  96. background-attachment:fixed;
  97. {block:ifNotCoverBackgroundImage}
  98. {block:IfCoverBackgroundImage}
  99. background: url('{image:Background}') no-repeat center center fixed;
  100. -webkit-background-size: cover;
  101. -moz-background-size: cover;
  102. -o-background-size: cover;
  103. background-size: cover;
  104. {block:IfCoverBackgroundImage}
  105. }
  106.  
  107. small,big {
  108.  
  109. }
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. font-weight:400;
  114. -moz-outline-style:none;
  115. color:{color:Post Links};
  116. }
  117.  
  118. b {
  119. color:{color:border};
  120. font-weight:100;
  121. }
  122.  
  123. a:hover {
  124. color:{color:Hover};
  125. -webkit-transition: all 0.4s ease-in-out;
  126. -moz-transition: all 0.4s ease-in-out;
  127. -o-transition: all 0.4s ease-in-out;
  128. -ms-transition: all 0.4s ease-in-out;
  129. transition: all 0.4s ease-in-out;
  130. }
  131.  
  132. img {
  133. border:none;
  134. }
  135.  
  136. blockquote {
  137. margin-left:5px;
  138. padding-left:5px;
  139. border-left:2px solid;
  140. }
  141.  
  142. blockquote blockquote {
  143. padding-left:5px;
  144. border-left:2px solid;
  145. }
  146.  
  147. h1 {
  148. font-size:11px;
  149. letter-spacing:2px;
  150. text-transform:uppercase;
  151. font-style:none;
  152. line-height:10px;
  153. text-align:center;
  154. padding:0px;
  155. }
  156.  
  157. /*ENTRIES*/
  158.  
  159. #entries {
  160. width:500px;
  161. position:absolute;
  162. margin-left:100px;
  163. margin-top:30px;
  164. font-size:11px;
  165. letter-spacing:0px;
  166. }
  167.  
  168. #post {
  169. background-color:{color:PostBG};
  170. width:500px;
  171. padding-bottom:20px;
  172. padding:20px;
  173. border:2px solid {color:Border};
  174. margin-top:10px;
  175. }
  176.  
  177. /*SIDEBAR*/
  178. #sidebar {
  179. position:fixed;
  180. width:200px;
  181. margin-left:700px;
  182. margin-top:100px;
  183. z-index:9999;
  184. }
  185.  
  186. #title img {
  187. position:fixed;
  188. width:100px;
  189. margin-left:0px;
  190. margin-top:200px;
  191. background-color:{color:PostBG};
  192. height:100px;
  193. border:2px solid {color:SidebarBorder};
  194. -webkit-border-radius: 50%;
  195. -moz-border-radius: 50%;
  196. -o-border-radius: 50%;
  197. -ms-border-radius: 50%;
  198. border-radius: 50%;
  199. }
  200.  
  201. #png img {
  202. position:fixed;
  203. margin-left:900px;
  204. width:350px;
  205. }
  206.  
  207. #sidebarimage img{
  208. position:fixed;
  209. width:252px;
  210. border:2px solid {color:SidebarBorder};
  211. background-color:{color:PostBG};
  212. height:396px;
  213. }
  214. .swag {
  215. position:fixed;
  216. opacity:0;
  217. width:216px;
  218. padding:20px;
  219. background-color:{color:PostBG};
  220. height:360px;
  221. transition-duration: 0.5s;
  222. -moz-transition-duration: 0.5s;
  223. -webkit-transition-duration: 0.5s;
  224. -o-transition-duration: 0.5s
  225. }
  226. #sidebarimage:hover .swag {
  227. opacity:1;
  228. -webkit-transition: all 0.4s ease-in-out;
  229. -moz-transition: all 0.4s ease-in-out;
  230. -o-transition: all 0.4s ease-in-out;
  231. -ms-transition: all 0.4s ease-in-out;
  232. transition: all 0.4s ease-in-out;
  233. }
  234.  
  235. #imagetwo img{
  236. -webkit-border-radius: 50%;
  237. -moz-border-radius: 50%;
  238. -o-border-radius: 50%;
  239. -ms-border-radius: 50%;
  240. border-radius: 50%;
  241. position:fixed;
  242. width:100px;
  243. background-color:{color:PostBG};
  244. margin-top:100px;
  245. margin-left:200px;
  246. height:100px;
  247. border:2px solid {color:SidebarBorder};
  248. }
  249.  
  250. #desc {
  251. margin-top:440px;
  252. overflow-y:auto;
  253. border:2px solid {color:SidebarBorder};
  254. width:244px;
  255. z-index:-1;
  256. height:80px;
  257. color:{color:DescriptionText};
  258. background-color:{color:SidebarBorder};
  259. position:fixed;
  260. padding:4px;
  261. }
  262.  
  263. #desc p {
  264. margin-top:0px;
  265. padding:5px;
  266. text-align:justify;
  267. }
  268. .links{
  269. position:fixed;
  270. display:block;
  271. margin-left:200px;
  272. width:200px;
  273. margin-top:60px;
  274. z-index:999;
  275. }
  276.  
  277. .links img{
  278. margin-left:60px;
  279. -webkit-transition: all 0.4s ease-in-out;
  280. -moz-transition: all 0.4s ease-in-out;
  281. -o-transition: all 0.4s ease-in-out;
  282. -ms-transition: all 0.4s ease-in-out;
  283. transition: all 0.4s ease-in-out;
  284. }
  285.  
  286. .links img:hover {
  287. -webkit-transition: all 0.4s ease-in-out;
  288. -moz-transition: all 0.4s ease-in-out;
  289. -o-transition: all 0.4s ease-in-out;
  290. -ms-transition: all 0.4s ease-in-out;
  291. transition: all 0.4s ease-in-out;
  292. }
  293.  
  294. img.blur:hover {
  295. -webkit-filter: brightness(120%);
  296. -moz-filter: brightness(120%);
  297. -o-filter: brightness(120%);
  298. -ms-filter: brightness(120%);
  299. filter: brightness(120%);
  300. }
  301.  
  302. #pagination {
  303. position:fixed;
  304. padding:5px;
  305. width:246px;
  306. z-index:99;
  307. text-align:center;
  308. margin-top:510px;
  309. margin-left:700px;
  310. background-color:{color:SidebarBorder};
  311. }
  312.  
  313. #pagination a{
  314. font-style:bold;
  315. font-family:'arial';
  316. letter-spacing:2px;
  317. font-size:6px;
  318. padding:5px;
  319. color:{color:DescriptionText};
  320. text-align:center;
  321. text-transform:uppercase;
  322. z-index:-111;
  323. -webkit-transition: all 0.4s ease-in-out;
  324. -moz-transition: all 0.4s ease-in-out;
  325. -o-transition: all 0.4s ease-in-out;
  326. -ms-transition: all 0.4s ease-in-out;
  327. transition: all 0.4s ease-in-out;
  328. }
  329.  
  330. #pagination a:hover {
  331. color:{color:Background};
  332. -webkit-transition: all 0.4s ease-in-out;
  333. -moz-transition: all 0.4s ease-in-out;
  334. -o-transition: all 0.4s ease-in-out;
  335. -ms-transition: all 0.4s ease-in-out;
  336. transition: all 0.4s ease-in-out;
  337. }
  338.  
  339.  
  340. /*AUDIO INFO*/
  341.  
  342. .playerbuttonbg {
  343. position: absolute;
  344. left: 15px;
  345. top: 15px;
  346. width: 30px;
  347. height: 30px;
  348. background-color: #ffffff;
  349. padding: 10px;
  350. opacity: .4;
  351. filter: alpha(opacity=40);
  352. -moz-opacity: 0.4;
  353. -khtml-opacity: 0.4;
  354. transition: opacity .7s ease-in-out;
  355. -moz-transition: opacity .7s ease-in-out;
  356. -webkit-transition: opacity .7s ease-in-out;
  357. }
  358.  
  359. .playerbuttonbg:hover {
  360. opacity: 1;
  361. filter: alpha(opacity=100);
  362. -moz-opacity: 1;
  363. -khtml-opacity: 1;
  364. }
  365.  
  366. .newplayerbutton {
  367. position: relative;
  368. width:30px;
  369. height:30px;
  370. margin-top:-4px;
  371. overflow: hidden;
  372. }
  373.  
  374. .playerbuttonhug {
  375. position: absolute;
  376. top: -25px;
  377. left: -10px;
  378. }
  379.  
  380. .tumblr_audio_player {
  381. height: 90px;
  382. width: 270px;
  383.  
  384. -moz-transform-origin: top left;
  385. -webkit-transform-origin: top left;
  386. -o-transform-origin: top left;
  387. -ms-transform-origin: top left;
  388. transform-origin: top left;
  389. }
  390.  
  391. .audioimgwrapper {
  392. position: absolute;
  393. left: 0px;
  394. top: 0px;
  395. overflow: hidden;
  396. width: 79px;
  397. height: 79px;
  398. }
  399.  
  400. .audioimgwrapper img {
  401. width: 100%;
  402. height: auto;
  403. }
  404.  
  405. .trackdetails {
  406. text-transform:uppercase;
  407. width: auto;
  408. display:inline-block;
  409. margin-top:23px;
  410. margin-left: 90px;
  411. min-height: 85px;
  412. }
  413.  
  414. .audiowrapper {
  415. position: relative;
  416. display:inline-block;
  417. }
  418.  
  419. /*POST INFO*/
  420.  
  421. #info {
  422. text-align:right;
  423. font-family:'helvetica';
  424. letter-spacing:1px;
  425. font-size:7px;
  426. font-style:none;
  427. line-height:10px;
  428. text-transform:uppercase;
  429. padding:5px;
  430. background-color:{color:Background};
  431. border-color:{color:Border};
  432. }
  433.  
  434. #info a {
  435. text-align:right;
  436. color:{color:PostBG};
  437. }
  438.  
  439. #info a:hover {
  440. -moz-transition-duration:0.3s;
  441. -webkit-transition-duration:0.3s;
  442. -o-transition-duration:0.3s;
  443. color:{color:Hover}
  444. }
  445.  
  446. #tags {
  447. width:489px;
  448. text-align:right;
  449. font-size:7px;
  450. opacity:1;
  451. transition-duration: 0.5s;
  452. -moz-transition-duration: 0.5s;
  453. -webkit-transition-duration: 0.5s;
  454. -o-transition-duration: 0.5s
  455. color:{color:Post Links};
  456. }
  457.  
  458. #tags a {
  459. letter-spacing:0px;
  460. font-family:'helvetica';
  461. text-decoration:none;
  462. display:inline-block;
  463. }
  464.  
  465. #tags a:hover {
  466. -moz-transition-duration:0.3s;
  467. -webkit-transition-duration:0.3s;
  468. -o-transition-duration:0.3s;
  469. color:{color:Hover};
  470. }
  471.  
  472. /*QUESTION*/
  473.  
  474. #asker {
  475. padding:14px;
  476. font-size:11px;
  477. letter-spacing:0px;
  478. text-align:left;
  479. margin-top:0px;
  480. border:2px solid {color:Border};
  481. text-transform:lowercase;
  482. line-height:100%;
  483. }
  484.  
  485. #q {
  486. border:2px solid {color:Border};
  487. -webkit-border-radius: 5px;
  488. -moz-border-radius: 5px;
  489. -o-border-radius: 5px;
  490. -ms-border-radius: 5px;
  491. border-radius: 5px;
  492. }
  493.  
  494. /*CREDIT*/
  495.  
  496. #cred {
  497. position:fixed;
  498. font-family:'helvetica';
  499. text-transform:uppercase;
  500. font-size:20px;
  501. right:9px;
  502. bottom:9px;
  503. padding:4px;
  504. letter-spacing:1px;
  505. }
  506.  
  507. #notes {
  508. font-family:helvetica;
  509. text-transform:uppercase;
  510. }
  511.  
  512. #notes li{
  513. list-style-type:none;
  514. background-color:{color:PostBG};
  515. padding:6px;
  516. }
  517.  
  518. #notes img {
  519. opacity:0;
  520. }
  521.  
  522. #s-m-t-tooltip{
  523. position:absolute;
  524. background-color:{color:PostBG};
  525. padding:3px;
  526. z-index:9999;
  527. border:2px solid {color:DescriptionText};
  528. margin-top:-10px;
  529. margin-left:5px;
  530. display:block;
  531. text-transform:uppercase;
  532. font-size:8px;
  533. color:{color:text};
  534. }
  535.  
  536.  
  537. {CustomCSS}</style>
  538. </head><body>
  539. <div id="sidebar">
  540. <div id="sidebarimage"><img src="{image:Sidebar Image}">
  541. <div class="swag">
  542. <br/><br/><br/><br/><br/><br/><br/><br/>
  543.  
  544.  
  545. <center><big>WHAT I DO</big></center>
  546. <ul>
  547. <li>Reviews:
  548. <ul>Full or First Look</ul></li>
  549. <li>Opinions</li>
  550. <li>Gif Hunts</li>
  551. <li>Guides</li>
  552. <li>Photoshop Help</li>
  553. <li>Writing Help</li>
  554. <li>FC Help</li>
  555. <li>Plot Help</li>
  556. <li>Masterlists</li>
  557. </ul>
  558. <center><big>TO DO</big></center>
  559. <ul>
  560. <li>Nothing.</li>
  561. </ul>
  562.  
  563.  
  564. </div></div>
  565. <div id="desc"><p>{Description}</p></div>
  566. <div class="links">
  567. <a href="{text:link1}" title="refresh"><img src="{image:link1}" class="blur"></a>
  568. <a href="{text:link2}" title="ask"><img src="{image:link2}" class="blur"></a>
  569. <a href="{text:link3}" title="navi"><img src="{image:link3}" class="blur"></a>
  570. </div>
  571. </div>
  572. {block:Pagination}
  573. <div id="pagination">
  574. {block:PreviousPage}<a href="{PreviousPage}" title="back"><big>PREV</big></a> // {/block:PreviousPage}
  575. {block:NextPage}<a href="{NextPage}" title="next"><big> NEXT</big></a>{/block:NextPage}
  576. </div>
  577. {/block:Pagination}
  578.  
  579.  
  580. <div id="entries">
  581. {block:Posts}
  582. <div id="post">
  583.  
  584. {block:Text}
  585. <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="width:490px;font-size:10px;text-tranform:uppercase;padding:5px;background-color:{color:Border};color:{color:PostBG};">{Title}</div></a>{/block:Title}</h1>
  586. {Body}<br>{/block:Text}
  587.  
  588. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  589. {block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
  590.  
  591. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  592. {/block:Caption}<br>{/block:Photoset}
  593.  
  594. {block:Quote}<div style="width:490px;font-size:11px;padding:5px;background-color:{color:Border};color:{color:PostBG};">"{Quote}"</div><br/>
  595. {block:Source}<div class="qsource"> —{Source}</div>
  596. {/block:Source}<br>{/block:Quote}
  597.  
  598. {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="width:490px;font-size:11px;padding:5px;background-color:{color:Border};color:{color:PostBG};">{Name}</div></a>{block:Description}{Description}{/block:Description}<br>{/block:Link}
  599.  
  600. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="font-size:15px;text-transform:uppercase;"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  601.  
  602. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}{Artist}{/block:Artist}<br/>{block:Album}{Album}{/block:Album}<br/></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  603.  
  604.  
  605. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  606.  
  607. <!--- Please don't steal anything. I find it rude and unethical. -->
  608. {block:Answer}<div id="asker"><span style="text-transform:uppercase;color:{color:Post Links};letter-spacing:2px;">{Asker}:</span></br>{Question}</div>{block:Answerer}</br><div style="padding:14px;border:2px solid {color:Border};padding-top:17px;padding-bottom:2px;"><span style="text-transform:uppercase;letter-spacing:2px;">{Answerer}:</span><div style="margin-top:-10px;">{Answer}</div></div>{/block:Answerer}{Replies}</br>{/block:Answer}
  609.  
  610. <div id="info">
  611. <a href="{Permalink}" title="Permalink">{TimeAgo}</a>
  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="Source">source</a>{/block:ContentSource}
  615. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  616. {block:HasTags}<div id="tags">
  617. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>{/block:Tags}
  618. </div>{block:HasTags}
  619. </div>
  620. </div>
  621. {/block:Posts}
  622. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  623. {/block:Posts}</div></div></div>
  624. <br><br><br><br>
  625.  
  626. <div id="cred">
  627. <a href="http://cocoofrps.tumblr.com/" title="THEME 10 BY COCO">♚</a>
  628. </div>
  629. </div>
  630.  
  631.  
  632.  
  633. </body>
  634.  
  635. </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!