API tools faq
paste
stephanieofrp

roses theme by stephanieofrp

stephanieofrp
Dec 20th, 2015
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---- // STEPHANIEOFRP THEME — ROSES //
  4.  
  5. ▷ pls dont remove the credit
  6. ▷ for help, contact me @ stephanieofrp.tumblr.com
  7. ▷ don't steal it pls i worked hard
  8. ▷ edit for personal use only thx
  9.  
  10. --->
  11.  
  12. <html>
  13.  
  14.  
  15. <head>
  16.  
  17.  
  18. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <!--- Photos --->
  23. <meta name="image:png"content="">
  24.  
  25.  
  26. <!--- Colors --->
  27. <meta name="color:background" content="#ffffff">
  28. <meta name="color:scrollbar" content="#ffffff">
  29. <meta name="color:text" content="#000000">
  30. <meta name="color:slinks" content="#000000">
  31. <meta name="color:links" content="#000000">
  32. <meta name="color:footer" content="#ffffff">
  33. <meta name="color:hover" content="#fff">
  34. <meta name="color:scrollbar" content="#000000">
  35. <meta name="color:pagi" content="#000000">
  36. <meta name="color:info text" content="#000000">
  37. <meta name="color:border" content="#000000">
  38.  
  39.  
  40. <!--- Links --->
  41. <meta name="text:link 1 label" content="" />
  42. <meta name="text:link 1" content=""/>
  43. <meta name="text:link 2 label" content="" />
  44. <meta name="text:link 2" content=""/>
  45. <meta name="text:link 3 label" content="" />
  46. <meta name="text:link 3" content=""/>
  47. <meta name="text:link 4 label" content="" />
  48. <meta name="text:link 4" content=""/>
  49.  
  50.  
  51.  
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57.  
  58. #s-m-t-tooltip{
  59. font-size:9px;
  60. position:absolute;
  61. margin-top:15px;
  62. font-family:arial;
  63. border:1px solid {color:border};
  64. background:#f0f0f0;
  65. z-index:9999;
  66. color:{color:text};
  67. background-color:#f0f0f0;
  68. text-transform:lowercase;
  69. padding:3px 3px 3px 3px;
  70. -webkit-transition:all 0.2s;
  71. -moz-transition:all 0.2s;
  72. -ms-transition:all 0.2s;
  73. -o-transition:all 0.2s;
  74. transition:all 0.2s;
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar {
  79. width:2px;
  80. height:3px;
  81. background-color:transparent ;}
  82. ::-webkit-scrollbar-thumb {
  83. background-color:{color:scrollbar};
  84. }
  85.  
  86.  
  87. /* CREDIT */
  88.  
  89.  
  90. #cred{
  91. position:fixed;
  92. display:block;
  93. bottom: 42px;
  94. right: 9px;
  95. text-align:center;
  96. color:{color:links};
  97. width:35px;
  98. font-style:italic;
  99. font-weight:bold;
  100. font-size:7px;
  101. text-transform:uppercase;
  102. letter-spacing:2px;
  103. padding:5px;
  104. padding-right:6px;
  105. }
  106.  
  107. /*BASICS*/
  108.  
  109. pre{
  110. text-align:left;
  111. font-weight:bold;
  112. font-size:11.7px;
  113. padding:4px;
  114. border-bottom:3px solid {color:border};
  115. color:{color:text};
  116. }
  117.  
  118. h1{
  119. text-align:center;
  120. text-transform:uppercase;
  121. font-size:17px;
  122. padding:5px;
  123. color:{color:text};
  124. }
  125.  
  126. h2{
  127. text-align:center;
  128. text-transform:uppercase;
  129. font-size:17px;
  130. padding:5px;
  131. color:{color:text};
  132. }
  133.  
  134. h3{
  135. text-align:center;
  136. text-transform:uppercase;
  137. font-size:17px;
  138. padding:5px;
  139. color:{color:text};
  140. }
  141.  
  142. blockquote{
  143. border-left:2px solid #000;
  144. color:{color:text};
  145. padding:7px;
  146. padding-top:3px;
  147. padding-bottom:3px;
  148. margin-left:9px;
  149. }
  150.  
  151. img{
  152. max-width:100%;
  153. }
  154.  
  155.  
  156. pre {
  157. padding:5px;
  158. font-family:arial;
  159. white-space: pre-wrap;
  160. line-height:120%;
  161. }
  162.  
  163. small {
  164. font-size:11px;
  165. }
  166.  
  167. big{
  168. font-size:13px;
  169. }
  170.  
  171. body{
  172. background:{color:Background} url('{image:Background}') top left fixed repeat;
  173. color:{color:Text};
  174. background-image:;
  175. background-attachment:fixed;
  176.  
  177. }
  178.  
  179. a{
  180. color:{color:Links};
  181. font-family:arial;
  182. text-decoration:none;
  183. }
  184.  
  185. a:hover{
  186. color: {color:hover};
  187. -moz-transition-duration:0.3s;
  188. -webkit-transition-duration:0.3s;
  189. -o-transition-duration:0.3s;
  190. }
  191.  
  192. /* SIDEBAR */
  193.  
  194.  
  195. #titlebg{
  196. position:fixed;
  197. width:540px;
  198. height:40px;
  199. margin-left:-175px;
  200. margin-top:305px;
  201. padding-bottom:26px;
  202. background-color:transparent;
  203. font-family:arial;
  204. z-index:40;
  205. font-style:italic;
  206. color:{color:text};
  207. text-align:right;
  208. text-transform:uppercase;
  209. font-size:42px;
  210. padding-top:11px;
  211. font-weight:bold;
  212. }
  213.  
  214.  
  215. #footer{
  216. position:fixed;
  217. margin-top:635px;
  218. margin-left:-10px;
  219. width:1800px;
  220. height:50px;
  221. background-color:{color:footer};
  222. border-top:1px solid {color:Border};
  223. z-index:50;
  224. }
  225.  
  226.  
  227.  
  228. #png{
  229. position:fixed;
  230. margin-left:1040px;
  231. margin-top:200px;
  232. width:260px;
  233. height:410px;
  234. }
  235.  
  236.  
  237.  
  238. #description{
  239. overflow-y:auto;
  240. position:fixed;
  241. margin-left:45px;
  242. margin-top:360px;
  243. width:300px;
  244. height:55px;
  245. padding:15px;
  246. padding-top:10px;
  247. text-align:right;
  248. background-color:transparent;
  249. font-family:arial;
  250. overflow:auto;
  251. line-height:14px;
  252. font-size:10px;
  253. }
  254.  
  255. #pagi{
  256. position:fixed;
  257. width:341px;
  258. height:200px;
  259. margin-left:80px;
  260. margin-top:412px;
  261. text-align:center;
  262. line-height:150%;
  263. font-family:arial;
  264. text-transform:uppercase;
  265. color:{color:pagi};
  266. font-size:11px;
  267. }
  268.  
  269.  
  270. #pagi a{
  271. background-color:transparent;
  272. width:400px;
  273. height:20px;
  274. padding:3px;
  275. padding-bottom:4.5px;
  276.  
  277. margin-bottom:5px;
  278. margin-right:2px;
  279. margin-left:5px;
  280. color:{color:pagi};
  281. }
  282.  
  283. #pagi a:hover{
  284. -moz-transition-duration:0.3s;
  285. -webkit-transition-duration:0.3s;
  286. -o-transition-duration:0.3s;
  287. color:{color:hover};
  288. }
  289.  
  290.  
  291.  
  292.  
  293. /* LINKS */
  294.  
  295.  
  296.  
  297. .links {
  298. position:fixed;
  299. margin-top:640px;
  300. margin-left:472px;
  301. z-index:60;
  302. }
  303.  
  304. .links a {
  305. width:100px;
  306. height:14px;
  307. margin-bottom:8px;
  308. text-align:center;
  309. letter-spacing:3px;
  310. color:{color:slinks};
  311. font-family:arial;
  312. background-color:transparent;
  313. font-size:8px;
  314. font-weight:bold;
  315. display:inline-block;
  316. text-transform:uppercase;
  317. padding-right:8px;
  318. padding-top:8px;
  319. padding-bottom:3px;
  320. padding-left:9px;
  321. }
  322.  
  323.  
  324.  
  325.  
  326.  
  327. /* POSTS SECTION */
  328.  
  329.  
  330. .container{
  331. position:fixed;
  332. overflow:auto;
  333. margin-top:10px;
  334. margin-left:460px;
  335. width:550px;
  336. height:625px;
  337. }
  338.  
  339.  
  340. #entries{
  341. margin-top:00px;
  342. background-color:transparent;
  343. font-family:arial;
  344. }
  345.  
  346. #posts{
  347. margin-left:00px;
  348. width:500px;
  349. color:{color:Text};
  350. padding:18px;
  351. padding-top:15px;
  352. margin-bottom:5px;
  353. font-family:arial;
  354. font-size:12px;
  355. line-height:130%;
  356. background-color:transparent;
  357. }
  358.  
  359.  
  360. #info{
  361. width:538px;
  362. margin-left:-18px;
  363. color:{color:info text};
  364. font-family:arial;
  365. text-align:center;
  366.  
  367. margin-bottom:-16px;
  368. font-size:9px;
  369. }
  370.  
  371.  
  372.  
  373. #info a{
  374. color:{color:info text};
  375. font-family:arial;
  376. text-align:center;
  377.  
  378. }
  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.  
  389.  
  390.  
  391.  
  392.  
  393. .questions{
  394. color:{color:text};
  395. background-color:{color:ask bg};
  396. font-size:11px;
  397. line-height:125%;
  398. padding:1px;
  399. padding-top:7px;
  400. text-align:center;
  401. }
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409. .answer{
  410. color:{color:text};
  411. text-align:left;
  412. margin-top:1px;
  413.  
  414. }
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422. </style>
  423. </head>
  424.  
  425. <body>
  426.  
  427.  
  428. <div id="titlebg">{Title}</div>
  429. <div id="footer"></div>
  430. <div id="png"><img src="{image:png}"></div>
  431. <div id="description">{Description}</div>
  432.  
  433. <div id="pagi">
  434.  
  435. {block:PreviousPage}<a href="{PreviousPage}"> ‹‹ </a>{/block:PreviousPage}
  436. {block:NextPage}<a href="{NextPage}"> ›› </a>{/block:NextPage}
  437. </div></div>
  438.  
  439. <div class="links">
  440. <a href="{text:link 1}">{text:link 1 label}</a>
  441. <a href="{text:link 2}">{text:link 2 label}</a>
  442. <a href="{text:link 3}">{text:link 3 label}</a>
  443. <a href="{text:link 4}">{text:link 4 label}</a>
  444. </div>
  445.  
  446.  
  447.  
  448. <div class="container">
  449. <div id="entries">
  450.  
  451. {block:Posts}
  452.  
  453. <div id="posts">
  454.  
  455.  
  456.  
  457. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  458.  
  459.  
  460.  
  461. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  462.  
  463. {block:Photoset}<center>{Photoset-500}</center>
  464. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  465.  
  466.  
  467. {block:Quote}
  468. <h2>{Quote}</h2>
  469. <div align="center">
  470. {block:Source}<h1>-{Source}</h1>{/block:Source}
  471. </div>
  472. {/block:Quote}
  473.  
  474.  
  475. {block:Video}
  476. {Video-500}<br>
  477. {PlayCountWithLabel}
  478. {/block:Video}
  479.  
  480.  
  481. {block:Link}
  482. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  483. {block:Description}{Description}{/block:Description}
  484. {/block:Link}
  485.  
  486. {block:Chat}
  487. {block:Lines}
  488. {block:Label}
  489. <p><b>{Label}</b>
  490. {/block:Label}
  491. &nbsp;{Line}
  492. {/block:Lines}
  493. {/block:Chat}
  494.  
  495. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="50px" height="50px" align="right"/>{/block:AlbumArt}
  496. {block:TrackName}<b>{TrackName}</b>{/block:TrackName} x
  497. {block:Artist}<b>{Artist}</b>{/block:Artist}<p>
  498. <span class="audio">{AudioPlayerBlack}</left></span>
  499. {/block:ExternalAudio}
  500. {/block:Audio}
  501.  
  502.  
  503. {block:Answer}<div class="questions"><div style='border-bottom:solid 1px #000; padding-bottom:5px; line-height:150%; text-align: center;'><b>{Asker} said: </b> {Question} </div><div class="answer">{Answer}</div></div>{/block:answer}
  504.  
  505.  
  506. <br><div id="info"><p>{block:Date}<div style="text-align:center"><a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCount}</a> • <a href="{ReblogParentURL}">VIA</a> • <a href="{SourceURL}">SOURCE</a></div>{/block:Date}
  507.  
  508. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  509. </div>
  510. {/block:Posts}
  511.  
  512. </div>
  513.  
  514. </div>
  515. </body>
  516.  
  517.  
  518. <div id="cred"><a href="http://bit.ly/1gbZcV0">steph</a></div>
  519.  
  520.  
  521. </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!