Advertisement
newgirlofrph

Theme One

Jul 28th, 2014
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
  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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9.  
  10. <meta name="color:background" content=""/>
  11. <meta name="color:text" content=""/>
  12. <meta name="color:sidebar links" content=""/>
  13. <meta name="color:link" content=""/>
  14. <meta name="color:hover" content=""/>
  15. <meta name="color:accent" content=""/>
  16. <meta name="color:title" content=""/>
  17. <meta name="color:music box" content=""/>
  18. <meta name="color:postbg" content=""/>
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="text:link1" content="link1"/>
  21. <meta name="text:link1url" content="link 1 url"/>
  22. <meta name="text:link2" content="link2"/>
  23. <meta name="text:link2url" content="link 2 url"/>
  24. <meta name="text:link3" content="link3"/>
  25. <meta name="text:link3url" content="link 3 url"/>
  26. <meta name="text:link4" content="link4"/>
  27. <meta name="text:link4url" content="link 4 url"/>
  28. <meta name="text:link5" content="link5"/>
  29. <meta name="text:link5url" content="link 5 url"/>
  30. <meta name="image:background" content="" />
  31. <meta name="text:Music Code" content=""/>
  32.  
  33.  
  34. <style type="text/css">
  35. ::-webkit-scrollbar-thumb:vertical {
  36. background-color: {color:Link};
  37. height:auto;
  38. border-radius:18px;
  39. border:1px #ddd solid;
  40. }
  41. ::-webkit-scrollbar-thumb:horizontal {
  42. height:auto !important;
  43. border-radius:18px;
  44. }
  45. ::-webkit-scrollbar {
  46. height:auto;
  47. width:7px;
  48. background-color: {color:background};
  49. border-radius:18px;
  50. }
  51.  
  52. body {
  53. background-color:{color:background};
  54. font-family:'helvetica neue';
  55. font-size:12px;
  56. color:{color:text};
  57. background-image:url({image:Background});
  58. background-attachment: fixed;
  59. background-size:cover;
  60. background-position:right;
  61.  
  62. }
  63.  
  64.  
  65.  
  66. a {
  67. color:{color:link};
  68. text-decoration:none;
  69. -webkit-transition-duration:.3s;
  70. -moz-transition-duration:.3s;
  71. -o-transition-duration:.3s;
  72. }
  73.  
  74.  
  75. a:hover {
  76. color:{color:hover};
  77. -webkit-transition-duration:.3s;
  78. -moz-transition-duration:.3s;
  79. -o-transition-duration:.3s;
  80. }
  81.  
  82.  
  83.  
  84. h1 {
  85. font-size:2em;
  86. font-weight:bold;
  87. letter-spacing:-2px;
  88. color:{color:accent};
  89. }
  90.  
  91.  
  92. b {
  93. color:{color:accent};
  94. }
  95.  
  96. i {
  97. color:{color:accent};
  98. }
  99.  
  100. em {
  101. color:{color:accent};
  102. }
  103.  
  104. big {
  105. color:{color:accent};
  106. font-size:2em;
  107. }
  108.  
  109. strong {
  110. color:{color:accent};
  111. }
  112.  
  113.  
  114.  
  115.  
  116. blockquote {
  117. padding-left:5px;
  118. border-left:2px solid {color:accent};;
  119. }
  120.  
  121. blockquote blockquote {
  122. padding-left:10px;
  123. border-left:2px solid {color:accent};
  124. }
  125.  
  126.  
  127.  
  128. #fresh {
  129.  
  130. font-family:channel;
  131. font-size:25px;
  132. color:{color:title};
  133. letter-spacing:-3px;
  134. text-transform:none;
  135. font-weight:bold;
  136. margin-bottom:10px;
  137. -webkit-transition-duration:1s;
  138. -moz-transition-duration:1s;
  139. -o-transition-duration:1s;
  140. }
  141.  
  142. #fresh a {
  143. color:{color:title};
  144. -webkit-transition-duration:1s;
  145. -moz-transition-duration:1s;
  146. -o-transition-duration:1s;
  147. }
  148.  
  149. #fresh a:hover {
  150. color:{color:title};
  151. -webkit-transition-duration:1s;
  152. -moz-transition-duration:1s;
  153. -o-transition-duration:1s;
  154. }
  155.  
  156. #sidebar {
  157. width:400px;
  158. height:240px;
  159. margin-left:150px;
  160. margin-top:10px;
  161. position:fixed;
  162. }
  163.  
  164. #sidebarimage {
  165. width:400px;
  166.  
  167. }
  168.  
  169. #sidebarimage img {
  170. width:400px;
  171. border:4px black solid;
  172. }
  173.  
  174. #desc {
  175. width:388px;
  176. margin-top:15px;
  177. color:{color:text};
  178. text-align:justify;
  179. font-family:'helvetica neue';
  180. font-size:10px;
  181. font-weight:bold;
  182. padding-bottom:10px;
  183. padding:10px;
  184. background-color:{color:title};
  185. border:3px solid {color:Border}
  186. width:400px;
  187. height: 58px;
  188. overflow:auto;
  189. border: 1px solid #ddd;
  190.  
  191. }
  192.  
  193.  
  194. #links {
  195. width:400px;
  196. word-spacing:3px;
  197. display:inline-block;
  198. font-family:channel;
  199. text-align:center;
  200. font-size:14px;
  201. padding:3px;
  202. font-weight:bold;
  203. margin-top:15px;
  204. color:{color:sidebar links};
  205. letter-spacing:-1px;
  206. text-transform:lowercase;
  207. }
  208.  
  209.  
  210. #links a {
  211. color:{color:sidebar links};
  212. }
  213.  
  214.  
  215. #links a:hover {
  216. -webkit-transition-duration:.5s;
  217. -moz-transition-duration::.5s;
  218. -o-transition-duration:.5s;
  219. }
  220.  
  221. #postcontainer {
  222.  
  223.  
  224. margin-left:600px;
  225. margin-top:50px;
  226. width:550px;
  227.  
  228. }
  229.  
  230. #post {
  231.  
  232.  
  233. text-align:left;
  234. width:500px;
  235. padding-bottom:40px;
  236. padding:25px;
  237. margin-top:75px;
  238. background-color:{color:title};
  239. border:3px solid {color:Border};
  240. }
  241.  
  242. .asker {
  243.  
  244. background-color:{color:hover};
  245. border-bottom:4px solid {color:accent};
  246. width:100%;
  247. text-align:left;
  248. padding:5px;
  249. font-family:arial;
  250. font-size:16px;
  251. color:black;
  252. letter-spacing:-1px;
  253. text-transform:lowercase;
  254. font-weight:bold;
  255. }
  256.  
  257.  
  258. .asker a {
  259. border:none;
  260. }
  261. .question {
  262. background-color:{color:link};
  263. border-bottom:6px double {color:hover};
  264. color:white;
  265. width:100%;
  266. padding:5px;
  267. font-family:arial;
  268. text-align:center;
  269. font-size:14px;
  270. min-height:20px;
  271. font-style:italic;
  272.  
  273. }
  274.  
  275. .reply {
  276. border-bottom:4px solid black;
  277. padding:5px;
  278. font-size:12px;
  279. font-weight:bold;
  280. }
  281.  
  282.  
  283.  
  284.  
  285. #info {
  286. margin-top:10px;
  287. font-size:9px;
  288. color:white;
  289. background-color:{color:link};
  290. padding-top:7px;
  291. padding-bottom:7px;
  292. text-align:center;
  293. width:100%;
  294. }
  295.  
  296. #info a {
  297. color:white;
  298. font-weight:bold;
  299. font-size:10px;
  300. }
  301.  
  302. ::selection {
  303. background-color:{color:accent};
  304. }
  305.  
  306.  
  307.  
  308.  
  309.  
  310. #cred {
  311. bottom:3px;
  312. position:fixed;
  313. right:10px;
  314. float:right;
  315. font-family:helvetica;
  316. font-weight:bold;
  317. color:black;
  318. font-size:20px;
  319. letter-spacing:-2px;
  320. text-transform:lowercase;
  321. }
  322.  
  323. #cred a {
  324. color:{color:title};
  325. }
  326.  
  327. #cred a:hover {
  328. color:{color:accent};
  329. }
  330.  
  331.  
  332. #pagi {
  333. margin-top:20px;
  334. }
  335.  
  336. .jump_page {
  337.  
  338. padding: 4px 8px;
  339. border: 2px solid #888;
  340. background-color: {color:title};
  341. color:{color:text};
  342. font-family:helvetica;
  343. font-size:11px;
  344. text-decoration:none;
  345. }
  346.  
  347. .current_page, .jump_page:hover {
  348.  
  349.  
  350. padding: 4px 8px;
  351. border: 2px solid #aaa;
  352. background-color: {color:title};
  353. color: {color:text};
  354. font-family:helvetica;
  355. font-size:11px;
  356. text-decoration:none;
  357. }
  358.  
  359.  
  360. .photoset {
  361. border:5px #ccc double;
  362. -webkit-transition-duration:1s;
  363. -moz-transition-duration:1s;
  364. -o-transition-duration:1s;
  365. }
  366.  
  367. #musicbox{
  368. background:{color:music box};
  369. width:50px;
  370. height:65px;
  371. text-align:center;
  372. font-family:channel;
  373. font-size:8px;
  374. margin-top:-50px;
  375. overflow:hidden;
  376. padding:5px;
  377. position:fixed;
  378. transition:1s;
  379. -moz-transition-duration:1s;
  380. -webkit-transition-duration:1s;
  381. -o-transition-duration:1s;
  382. }
  383. #musicbox:hover{
  384. margin-top:0px;
  385. transition:1s;
  386. -moz-transition-duration:1s;
  387. -webkit-transition-duration:1s;
  388. -o-transition-duration:1s;
  389. }
  390.  
  391. .musicplayer{
  392. margin-top:10px;
  393. margin-bottom:10px;
  394. padding:1px;
  395. }
  396.  
  397. </style>
  398.  
  399. </head>
  400. <body>
  401.  
  402. <div id="musicbox"><div class="musicplayer">{text:Music Code}<br><br><br><br><br>♫</div></div>
  403.  
  404.  
  405. <div id="sidebar">
  406. <div id="fresh"><a href="/">{Title}</a></div>
  407.  
  408. <div id="sidebarimage">
  409.  
  410. <img src="{image:sidebar}">
  411.  
  412. </div>
  413.  
  414. <div id="links">
  415. <a href="{text:link1url}">{text:link1}</a>
  416. <a href="{text:link2url}">{text:link2}</a>
  417. <a href="{text:link3url}">{text:link3}</a>
  418. <a href="{text:link4url}">{text:link4}</a>
  419. <a href="{text:link5url}">{text:link5}</a>
  420.  
  421.  
  422. </div>
  423. <div id="desc">{Description}
  424. </div>
  425.  
  426.  
  427.  
  428.  
  429. <div id="pagi">
  430. {block:Pagination}
  431. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  432. {block:JumpPagination length="5"}
  433. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  434. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  435. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  436. {/block:Pagination}
  437. </div></div>
  438.  
  439.  
  440.  
  441. <div id="postcontainer">
  442.  
  443. {block:Posts}
  444. <div id="post">
  445.  
  446. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  447.  
  448.  
  449.  
  450. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  451.  
  452.  
  453.  
  454. {block:Photoset}
  455. <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  456.  
  457.  
  458. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  459.  
  460.  
  461.  
  462. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  463.  
  464.  
  465.  
  466. {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote}
  467.  
  468.  
  469. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  470.  
  471.  
  472. {block:Answer}
  473. <div class="asker">
  474. {Asker} whispered . . .</div><div class="question">{Question}</div>
  475. <div class="reply">
  476. {Answer}</div>
  477. {/block:Answer}
  478.  
  479.  
  480.  
  481. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
  482.  
  483. <div id="info">
  484.  
  485. posted <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a> at {Time}
  486. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  487. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  488. <br>
  489. {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
  490. </div></div>
  491. {/block:Posts}</div>
  492.  
  493.  
  494.  
  495. <div id="cred"><a href="http://newgirlofrph.tumblr.com/">©</a></div>
  496.  
  497.  
  498. </body>
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement