API tools faq
paste
Advertisement
stephanieofrp

yikes theme by stephanieofrp

stephanieofrp
Jun 23rd, 2017
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.03 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3.  
  4.  
  5. <!---- // STEPHANIEOFRP THEME — YIKES //
  6.  
  7. &&. pls dont remove the credit
  8. &&. the base code for this theme was athenaofrp's
  9. &&. for help, contact me @ stephanieofrp.tumblr.com
  10. &&. don't steal it pls i worked hard
  11. &&. edit for personal use only thx
  12.  
  13. --->
  14. <head>
  15.  
  16.  
  17.  
  18.  
  19. <link rel=”shortcut icon” href=”{Favicon}”/>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:bold"content="#f8f8f8">
  24. <meta name="color:italic"content="#f3f3f3">
  25. <meta name="color:text"content="#c6c6c6">
  26. <meta name="color:link"content="#a2a2a2">
  27. <meta name="color:title"content="#cecece">
  28. <meta name="color:hover"content="#000000">
  29. <meta name="color:border"content="#000000">
  30. <meta name="color:post"content="#43496b">
  31. <meta name="color:background"content="#dadada">
  32. <meta name="color:sidebar"content="#43496b">
  33. <meta name="color:sbar border"content="#43496b">
  34. <meta name="color:scrollbarBG"content="#43496b">
  35. <meta name="color:scrollbar"content="#000000">
  36. <meta name="color:ask bg"content="#2f3662">
  37.  
  38.  
  39.  
  40. <meta name="image:sbar2"content="">
  41. <meta name="image:sbar bg"content="">
  42. <meta name="image:background"content="">
  43. <meta name="image:icon1"content="">
  44. <meta name="image:icon2"content="">
  45. <meta name="image:icon3"content="">
  46.  
  47. <meta name="text:link 1 label" content="" />
  48. <meta name="text:link 1" content=""/>
  49. <meta name="text:link 2 label" content="" />
  50. <meta name="text:link 2" content=""/>
  51. <meta name="text:link 3 label" content="" />
  52. <meta name="text:link 3" content=""/>
  53.  
  54.  
  55. <script src="http://tympanus.net/Tutorials/CaptionHoverEffects/js/modernizr.custom.js"></script>
  56. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <link rel="shortcut icon" href="{Favicon}" />
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. body{
  64. color:{color:text};
  65. font-family:arial;
  66. font-size:10px;
  67. background:{color:background} url('{image:background}') top left fixed repeat;
  68. }
  69.  
  70. h1 {
  71. font-size:16px;
  72. text-transform:uppercase;
  73. font-family:arial;
  74. background-color:{color:background};
  75. font-style:bold;
  76. text-align:center;
  77. color:{color:post links};
  78. padding:5px;
  79. }
  80.  
  81. h1 a{
  82. color:{color:post links};
  83. }
  84.  
  85. h2 {
  86. font-size:16px;
  87. text-transform:uppercase;
  88. font-family:arial;
  89. background-color:{color:postbg};
  90. font-style:bold;
  91. text-align:center;
  92. color:{color:post links};
  93. padding:5px;
  94. }
  95.  
  96. h2 a{
  97. color:{color:post links};
  98. }
  99.  
  100. blockquote {
  101. border-left:2px solid {color:border};
  102. margin-left:3px;
  103. padding-left:9px;
  104. padding-right:-3px;
  105. }
  106.  
  107. img {
  108. max-width:100%;
  109. }
  110.  
  111. pre {
  112. padding:5px;
  113. padding-left:7px;
  114. background-color: {color:ask bg};
  115. border-bottom:solid #000;
  116. border-right:solid #000;
  117. font-family:arial;
  118. white-space: pre-wrap;
  119. line-height:120%;
  120. }
  121.  
  122. small {
  123. font-size:11px;
  124. }
  125.  
  126. big {font-size:13px;
  127. }
  128.  
  129. b { font-weight:bold;
  130. color:{color:bold}; }
  131. i { font-weight:italic;
  132. color:{color:italic}; }
  133. u {text-decoration:none;
  134. border-bottom:1px solid {color:text}; }
  135.  
  136. a { color:{color:link};
  137. font-family:arial;
  138. text-decoration:none;-moz-transition-duration:0.5s;
  139. -webkit-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;}
  141. a:hover {color:{color:hover};}
  142.  
  143. #entries{
  144. width:500px;
  145. margin-left:0px;
  146. margin-top:10px;
  147. position:absolute;
  148.  
  149. }
  150.  
  151.  
  152. .container{
  153. position:fixed;
  154. overflow:auto;
  155. margin-top:39px;
  156. margin-left:441px;
  157. width:533px;
  158. height:573px;
  159. }
  160.  
  161. #post{
  162. background-color:{color:post};
  163. border:0px solid {color:border};
  164. width:500px;
  165. margin-left:0px;
  166. margin-bottom:18px;
  167. font-size:12px;
  168. font-family:arial;
  169. padding-right:10px;
  170. padding-left:18px;
  171. padding-top:18px;
  172. padding-bottom:18px;
  173. line-height:120%;
  174. }
  175.  
  176.  
  177.  
  178. .pagi {
  179. margin-top:585px;
  180. margin-left:62px;
  181. width:310px;
  182. background-color:{color:post};
  183. position:fixed;
  184. text-align:center;
  185. padding:8px;
  186. font-family:helvetica;
  187. font-size:3px;
  188. }
  189.  
  190. .pagi a {
  191. color:{color:link};
  192. }
  193.  
  194.  
  195. #titleb {
  196. position:fixed;
  197. font-family:arial;
  198. text-align:center;
  199. margin-top:50px;
  200. margin-left:1005px;
  201. width:302px;
  202. height:38px;
  203. background-color:{color:ask bg};
  204. border:6px solid {color:post};
  205. padding:8px;
  206. font-size:32px;
  207. text-transform:uppercase;
  208. font-style:italic;
  209. font-weight:bold;
  210. color:{color:title};
  211. }
  212.  
  213.  
  214.  
  215. #sbar2 {margin-top:50px;
  216. margin-left:62px;
  217. position:fixed;
  218. width:300px;
  219. height:384px;
  220. border:13px solid {color:sbar border};
  221. background-image: url('{image:sbar2}');
  222. z-index:9999999;
  223.  
  224. }
  225.  
  226.  
  227. .sbar3{
  228. width:300px;
  229. height:384px;
  230. margin-top:0px;
  231. margin-left:0px;
  232. position:fixed;
  233. display:block;
  234. z-index:9999999;
  235. opacity:0;
  236. transition-delay:0.1s;
  237. -webkit-transition-delay:0.1s;
  238. transition-duration: 0.4s;
  239. -moz-transition-duration:0.2s;
  240. -webkit-transition-duration:0.8s;
  241. -o-transition-duration:0.2s;
  242.  
  243. }
  244.  
  245. .sbar3:hover{
  246. opacity:1;
  247. transition-delay:0.1s;
  248. -webkit-transition-delay:0.1s;
  249. transition-duration: 0.4s;
  250. -moz-transition-duration:0.2s;
  251. -webkit-transition-duration:0.8s;
  252. -o-transition-duration:0.2s;
  253.  
  254.  
  255.  
  256. }
  257.  
  258.  
  259. #sbar3bg {
  260. width:300px;
  261. height:384px;
  262. position:fixed;
  263. margin-top:50px;
  264. margin-left:62px;
  265. font-size:11px;
  266. text-align:right;
  267. letter-spacing:1px;
  268. overflow:auto;
  269. background:{color:sidebar bg};
  270. border:solid 13px {color:sbar border};
  271. z-index:-9;
  272. opacity:1;
  273. background-image:url('{image:sbar bg}');
  274.  
  275.  
  276. }
  277.  
  278. #png{
  279. position:fixed;
  280. opacity:1;
  281. background-color:none;
  282. top:0px;
  283. left:0px;
  284. z-index:-99999;
  285.  
  286.  
  287. }
  288.  
  289.  
  290. #icon1 {margin-top:190px;
  291. margin-left:1025px;
  292. position:fixed;
  293. width:80px;
  294. height:80px;
  295. border:8px solid {color:sbar border};
  296. background-image: url('{image:icon1}');
  297. }
  298.  
  299.  
  300. #icon2 {margin-top:335px;
  301. margin-left:1120px;
  302. position:fixed;
  303. width:80px;
  304. height:80px;
  305. border:8px solid {color:sbar border};
  306. background-image: url('{image:icon1}');
  307. }
  308.  
  309.  
  310. #icon3 {margin-top:480px;
  311. margin-left:1217px;
  312. position:fixed;
  313. width:80px;
  314. height:80px;
  315. border:8px solid {color:sbar border};
  316. background-image: url('{image:icon1}');
  317. }
  318.  
  319.  
  320.  
  321. #description {
  322. position:fixed;
  323. font-family:arial;
  324. text-align:justify;
  325. margin-top:478px;
  326. margin-left:62px;
  327. width:155px;
  328. height:75px;
  329. background-color:{color:post};
  330. padding:10px;
  331. font-size:10px;
  332. text-transform:normal;
  333. overflow:auto;
  334. }
  335.  
  336. .links {
  337. position:fixed;
  338. margin-top:478px;
  339. margin-left:252px;
  340. }
  341.  
  342. .links a {
  343. width:120px;
  344. margin-bottom:8px;
  345. height:7px;
  346. text-align:center;
  347. padding:8px;
  348. padding-bottom:11px;
  349. letter-spacing:3px;
  350. color:{color:text};
  351. font-family:arial;
  352. background-color:{color:post};
  353. font-size:10px;
  354. font-weight:bold;
  355. text-transform:uppercase;
  356. display:block;
  357. }
  358.  
  359.  
  360. #info {
  361. width:500px;
  362. text-align:left;
  363. font-family:'trebuchet ms';
  364. margin-top:3px;
  365. margin-left:px;
  366. letter-spacing:1px;
  367. font-size:7px;
  368. font-style:none;
  369. padding:1px;
  370. line-height:10px;
  371. text-transform:uppercase;
  372. border-top:1px solid;
  373. border-color:{color:Border};
  374. }
  375.  
  376. #info a {
  377. text-align:center;
  378. color:{color:Post Links};
  379. }
  380.  
  381. #info a:hover {
  382. -moz-transition-duration:0.3s;
  383. -webkit-transition-duration:0.3s;
  384. -o-transition-duration:0.3s;
  385. color:{color:Hover}
  386. }
  387.  
  388. .note {
  389. text-transform:uppercase;
  390. font-style:normal;
  391. letter-spacing:0px;
  392. font-size: 8px;
  393. text-align:left;
  394. line-height:90%;
  395. margin-left:-40px;
  396. }
  397.  
  398. .note li {
  399. list-style-type:none;
  400. border-bottom:1px solid {color:border};
  401. padding:10px 25px 10px 25px;
  402. text-align:left;
  403. margin:0px;
  404. -moz-transition-duration:0.5s;
  405. -webkit-transition-duration:0.5s;
  406. -o-transition-duration:0.5s;
  407. }
  408.  
  409. .audio {
  410. width:500px;
  411. padding-bottom:1px;
  412. background-color:{color:infobg};
  413. }
  414.  
  415. .albumart {
  416. float:left;
  417. padding:0px 10px 10px 0px;
  418. }
  419.  
  420. .albumart img {
  421. width:50px;
  422. height:50px;
  423. }
  424.  
  425. .playercontainer {
  426. text-align:left;
  427. padding:2px;
  428. background-color:transparent;
  429. width:480px;
  430. }
  431.  
  432. .audioinfo {
  433. padding:5px;
  434. color:{color:text};
  435. }
  436.  
  437. .questions{
  438. color:{color:text};
  439. background-color:{color:ask bg};
  440. font-size:11px;
  441. line-height:15px;
  442. padding:1px;
  443. padding-top:7px;
  444. text-align:center;
  445. }
  446.  
  447. .answer{
  448. color:{color:text};
  449. text-align:left;
  450. margin-top:1px;
  451. margin-left:10px;
  452. }
  453.  
  454.  
  455.  
  456. ::-webkit-scrollbar {
  457. height:5px;
  458. width:5px;
  459. background-color:{color:scrollbarBG};}
  460.  
  461. ::-webkit-scrollbar-thumb {
  462. height:auto;
  463. border:solid 2px {color:scrollbarBG};
  464. background-color:{color:scrollbar};}
  465.  
  466. :-moz-scrollbar {
  467. height:7px;
  468. width:8px;
  469. background-color:{color:scrollbarBG};}
  470.  
  471. :-moz-scrollbar-thumb {
  472. height:auto;
  473. background-color:{color:scrollbar};}
  474.  
  475. :-o-scrollbar {
  476. height:7px;
  477. width:8px;
  478. background-color:{color:scrollbarBG};}
  479.  
  480. :-o-scrollbar-thumb {
  481. height:auto;
  482. background-color:{color:scrollbar};}
  483.  
  484. :scrollbar {
  485. height:7px;
  486. width:8px;
  487. background-color:{color:scrollbarBG};}
  488.  
  489. :scrollbar-thumb {
  490. height:auto;
  491. background-color:{color:scrollbar};}
  492.  
  493.  
  494.  
  495.  
  496.  
  497. #credit {
  498. width: 55px;
  499. height: 5px;
  500. font-family: Arial;
  501. font-size: 11px;
  502. text-transform: uppercase;
  503. text-align: center;
  504. bottom: 10px;
  505. right: 10px;
  506. font-style:italic;
  507. font-weight:bold;
  508. letter-spacing: 2px;
  509. line-height: 4px;
  510. padding: 10px 3px;
  511. display: block;
  512. color: #ffffff;
  513. background-color:{color:post};
  514. position: fixed;
  515. }
  516.  
  517.  
  518. {CustomCSS}
  519. </style>
  520.  
  521. <script type="text/javascript">
  522. var adfly_id = 10813033;
  523. </script>
  524.  
  525.  
  526.  
  527. </head>
  528. <body>
  529.  
  530.  
  531.  
  532. <div id="titleb">{Title}</div>
  533. <div id="description">
  534. {description}
  535. </div></div>
  536.  
  537.  
  538.  
  539. <div id="sidebar">
  540.  
  541. <div id="icon1"><img src="{image:icon1}"/></div>
  542. <div id="icon2"><img src="{image:icon2}"/></div>
  543. <div id="icon3"><img src="{image:icon3}"/></div>
  544.  
  545. <center>
  546. <div id="sbar1"><img src="{image:sbar1}"/></div>
  547. <div id="sbar2"><img src="{image:sbar2}"/></div>
  548. <div class="sbar3">
  549. <div id="sbar3bg"></div>
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556. </center>
  557.  
  558.  
  559. </center>
  560.  
  561.  
  562. </div>
  563.  
  564. <div class="links">
  565. <a href="{text:link 1}">{text:link 1 label}</a>
  566. <a href="{text:link 2}">{text:link 2 label}</a>
  567. <a href="{text:link 3}">{text:link 3 label}</a>
  568. </div>
  569. </div>
  570.  
  571. {block:Pagination}
  572. <div class="pagi">
  573. {block:PreviousPage}
  574. <small><a href="{PreviousPage}">BACK</a> —</small>
  575. {/block:PreviousPage}
  576. {block:NextPage}
  577. <small><a href="{NextPage}">NEXT</a></small>
  578. {/block:NextPage}
  579. </div>
  580. {/block:Pagination}
  581.  
  582.  
  583. </div>
  584.  
  585. <div class="container">
  586. <div id="entries">
  587.  
  588. {block:Posts}
  589.  
  590. <div id="post">
  591.  
  592.  
  593.  
  594. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  595.  
  596.  
  597.  
  598. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  599.  
  600. {block:Photoset}<center>{Photoset-500}</center>
  601. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  602.  
  603.  
  604. {block:Quote}
  605. <h2>{Quote}</h2>
  606. <div align="center">
  607. {block:Source}<h1>-{Source}</h1>{/block:Source}
  608. </div>
  609. {/block:Quote}
  610.  
  611.  
  612. {block:Video}
  613. {Video-500}<br>
  614. {PlayCountWithLabel}
  615. {/block:Video}
  616.  
  617.  
  618. {block:Link}
  619. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  620. {block:Description}{Description}{/block:Description}
  621. {/block:Link}
  622.  
  623. {block:Chat}
  624. {block:Lines}
  625. {block:Label}
  626. <p><b>{Label}</b>
  627. {/block:Label}
  628. &nbsp;{Line}
  629. {/block:Lines}
  630. {/block:Chat}
  631.  
  632. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  633. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  634. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  635. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  636. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  637.  
  638.  
  639. {block:Answer}<div class="questions"><div style='border-bottom:solid 3px; padding-bottom:5px;color:#000;'><b><i>{Asker} asked: </i></b></div><p>{Question} </div> <div class="answer">{Answer}</div>{/block:answer}
  640.  
  641. {block:Date}<div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  642. {block:ContentSource} ( ©<a href="{SourceURL}">{SourceLink}</a> ){/block:ContentSource}</div>{/block:Date}
  643. {block:HasTags}
  644. <div style="margin-top:5px;font-style:italic;text-align:center;">
  645. {block:Tags}<a href="{TagURL}"></a>{/block:Tags}</center></div>
  646. {/block:HasTags}
  647. <div class="note">
  648. {block:PostNotes}{PostNotes}{/block:PostNotes}
  649. </div>
  650. </div>
  651.  
  652. {/block:Posts}
  653.  
  654. </div>
  655. <div id="credit"><a href="http://bit.ly/1gbZcV0">steph</a></div>
  656. </div>
  657. </body>
  658.  
  659.  
  660.  
  661.  
  662.  
  663. </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!