API tools faq
paste
direwolved

THEME#004

direwolved
Mar 20th, 2013
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 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.  
  3. <!-- BASE CODE by GETNAKEDMILEY -->
  4. <!-- THEME by DREWVANAKCER -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12. <meta name="color:bg" content="#FFFFFF">
  13. <meta name="color:link" content="#1a1919">
  14. <meta name="color:hover" content="#1a1919">
  15. <meta name="color:text" content="#1a1919">
  16. <meta name="color:sidebarlink" content="454545">
  17. <meta name="color:tags" content="#1a1919">
  18. <meta name="color:scrollbar" content="#1a1919">
  19. <meta name="color:infobg" content="#1a1919">
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:linkA" content="">
  24. <meta name="text:linkA url" content="/">
  25. <meta name="text:linkB" content="">
  26. <meta name="text:linkB url" content="/">
  27. <meta name="text:linkC" content="">
  28. <meta name="text:linkC url" content="/">
  29. <meta name="text:linkD" content="">
  30. <meta name="text:linkD url" content="/">
  31.  
  32.  
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} {block:Headerdesc}<meta name="headerdesc" content="{MetaHeaderdesc}" />{/block:Headerdesc}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42.  
  43. a {
  44. color:{color:link};
  45. text-decoration:none;
  46. -moz-transition-duration:0.5s;
  47. -webkit-transition-duration:0.5s;
  48. -o-transition-duration:0.5s;
  49. }
  50.  
  51. a:hover {
  52. color:{color:hover};
  53. text-decoration:none;
  54. -moz-transition-duration:0.5s;
  55. -webkit-transition-duration:0.5s;
  56. -o-transition-duration:0.5s;
  57. }
  58.  
  59.  
  60. ::-webkit-scrollbar {background-color:{color:#ffffff}; height:8px; width:8px}
  61. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  63.  
  64. body {
  65. background-color:{color:bg};
  66. font-family:calibri;
  67. font-style:normal;
  68. font-weight:normal;
  69. }
  70.  
  71.  
  72.  
  73.  
  74. h1 {
  75. font-weight:normal;
  76. font-size:9px;
  77. font-family:calibri;
  78. text-align:left;
  79. font-style:normal;
  80. line-height:80%;
  81. letter-spacing:1px;
  82. text-transform:uppercase;
  83. color:{color:text};
  84. }
  85.  
  86. h2 {
  87. font-size:10px;
  88. font-style:bold;
  89. text-align:left;
  90. line-height:100%;
  91. letter-spacing:-0.5px;
  92. color:{color:text};
  93. font-weight:normal;
  94. padding:5px;
  95. padding-bottom:2px;
  96. }
  97.  
  98.  
  99. blockquote {
  100. border-left:1px solid {color:text};
  101. padding-left:5px;
  102. margin:5px;
  103. }
  104.  
  105. #theme {
  106. background-color:{color:bg};
  107. width:700px;
  108. margin: 0 auto -12px auto;
  109. text-align: center;
  110. }
  111.  
  112. #top {
  113. color:{color:sidebarlink};
  114. background-color:{color:infobg};
  115. position:fixed;
  116. width:1900px;
  117. height:80px;
  118. margin-top:0px;
  119. text-align:left;
  120. margin-left:-600px;
  121. }
  122.  
  123. #sidebar {
  124. color:{color:text};
  125. position:fixed;
  126. width:150px;
  127. height:auto;
  128. margin-top:350px;
  129. text-align:left;
  130. margin-left:-90px;
  131. }
  132.  
  133. #sidebar img {
  134. margin-top:-70px;
  135. margin-left:20px;
  136. width:90px;
  137. height:auto;
  138. margin-bottom:5px;
  139. }
  140.  
  141.  
  142. .links{
  143. margin-top:40px;
  144. width:250px;
  145. font-size:8px;
  146. margin-left:820px;
  147. font-family:calibri;
  148. font-style:normal;
  149. text-transform:uppercase;
  150. text-align:center;
  151. letter-spacing:6px;
  152. line-height:125%;
  153. }
  154.  
  155. .links a{
  156. padding:3px;
  157. color:{color:sidebarlink};
  158. letter-spacing:0px;
  159. text-decoration:none;
  160. -moz-transition-duration:1s;
  161. -webkit-transition-duration:1s;
  162. -o-transition-duration:1s;
  163. }
  164.  
  165. .links a:hover{
  166. color:{color:hover};
  167. background-color:{color:bg};
  168. -moz-transition-duration:1s;
  169. -webkit-transition-duration:1s;
  170. -o-transition-duration:1s;
  171. }
  172.  
  173. .desc {
  174. margin-bottom:10px;
  175. width:90px;
  176. margin-top:3px;
  177. text-align:center;
  178. margin-left:20px;
  179. font-size:8px;
  180. font-family:calibri;
  181. font-style:normal;
  182. color:{color:text};
  183. letter-spacing:1px;
  184. line-height:95%;
  185. }
  186.  
  187. .desc a {
  188. color:{color:link};
  189. }
  190.  
  191.  
  192. .pagi {
  193. margin-top:5px;
  194. width:250px;
  195. font-size:8px;
  196. margin-left:820px;
  197. text-transform:uppercase;
  198. letter-spacing:3px;
  199. font-style:normal;
  200. text-align:center;
  201. }
  202.  
  203. .pagi a {
  204. color:{color:bg};
  205. }
  206.  
  207.  
  208.  
  209. #stuffcontainer {
  210. float:left;
  211. margin-top:95px;
  212. text-align:justify;
  213. background-color:{color:bg};
  214. color:{color:text};
  215. margin-bottom: 35px;
  216. }
  217.  
  218.  
  219. #stuff {
  220. width:500px;
  221. margin-top:35px;
  222. margin-left:100px;
  223. text-align:justify;
  224. font-size:10px;
  225. line-height:90%;
  226. letter-spacing:0x;
  227. color:{color:text};
  228. }
  229.  
  230. .caption {
  231. width:500px;
  232. text-align:justify;
  233. line-height:100%;
  234. }
  235.  
  236. .ask {
  237. padding:3px;
  238. text-align:center;
  239. text-transform:lowercase;
  240. color:{color:infobg};
  241. background-color:{color:#ffffff};
  242. }
  243.  
  244. .ans {
  245. font-family:calibri;
  246. font-style:normal;
  247. font-size:10px;
  248. text-transform:lowercase;
  249. text-align:center;
  250. padding:1px;
  251. color:{color:text};
  252. }
  253.  
  254. .month {
  255. width:15px;
  256. padding:5px;
  257. font-size:8px;
  258. font-family:arial;
  259. color:{color:link};
  260. background-color:{color:infobg};
  261. text-transform:uppercase;
  262. font-style:normal;
  263. letter-spacing:2px;
  264. text-align:left;
  265. -moz-transition-duration:0.5s;
  266. -webkit-transition-duration:0.5s;
  267. -o-transition-duration:0.5s;
  268. }
  269.  
  270.  
  271. .aaudio {
  272. height:65px;
  273. overflow:auto
  274. }
  275.  
  276. .apic img {
  277. position:absolute;
  278. width:60px;
  279. }
  280.  
  281. .audioback {
  282. width:25px;
  283. height:25px;
  284. overflow:hidden;
  285. position:absolute;
  286. z-index:999;
  287. margin-top:2px;
  288. margin-left:2px;
  289. }
  290.  
  291. .audio {
  292. width:30px;
  293. height:30px;
  294. overflow:hidden;
  295. margin-left:13px;
  296. margin-top:13px;
  297. position:absolute;
  298. background-color:white;
  299. opacity: 0.7;
  300. filter:alpha(opacity=70);
  301. -moz-opacity: 0.7;
  302. -khtml-opacity: 0.7;
  303. border:2px solid #eee
  304. }
  305.  
  306.  
  307. #postinfo {
  308. width:490px;
  309. padding:5px;
  310. margin-top:2px;
  311. font-size:8px;
  312. font-family:calibri;
  313. color:{color:sidebarlink};
  314. background-color:{color:infobg};
  315. text-transform:uppercase;
  316. font-style:normal;
  317. letter-spacing:2px;
  318. text-align:left;
  319. -moz-transition-duration:0.5s;
  320. -webkit-transition-duration:0.5s;
  321. -o-transition-duration:0.5s;
  322. }
  323.  
  324. #postinfo a {
  325. color:{color:sidebarlink};
  326. text-align:right;
  327. letter-spacing:1px;
  328. line-spacing:10px
  329. font-style:normal;
  330. background-color:{color:#d4d4d4};
  331.  
  332. }
  333.  
  334. #postinfo a:hover {
  335. color:{color:ffffff};
  336. }
  337.  
  338. .note {
  339. font-family:calibri;
  340. text-transform:uppercase;
  341. font-style:normal;
  342. letter-spacing:0px;
  343. font-size: 8px;
  344. text-align:left;
  345. line-height:90%;
  346. margin-left:-40px;
  347. }
  348.  
  349. .note li {
  350. list-style-type:none;
  351. border-bottom:0px solid {color:border};
  352. padding:10px 25px 10px 25px;
  353. text-align:right;
  354. margin:0px;
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. }
  359.  
  360. .tags {
  361. width:500px;
  362. font-style:normal;
  363. text-transform:uppercase;
  364. font-family:calibri;
  365. color:{color:infobg};
  366. letter-spacing:1px;
  367. line-height:100%;
  368. font-size:8px;
  369. text-align:center;
  370. padding:2px;
  371. -moz-transition-duration:0.5s;
  372. -webkit-transition-duration:0.5s;
  373. -o-transition-duration:0.5s;
  374. }
  375.  
  376. .tags a {
  377. color:{color:tags};
  378. letter-spacing:1px;
  379. padding:1px;
  380. }
  381.  
  382. .tags a:hover {
  383. color:{color:link};
  384. letter-spacing:1px;
  385. }
  386.  
  387. .user_1, .user_3, .user_5, .user_7, .user_7, .user_9, .user_11 {
  388. background-color:#f2f2f2; margin-right:25px; color:#666666; }
  389. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 { background -color:#fafafa; color:#666666; margin-right:25px;}
  390. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:5px;}
  391.  
  392. .label {
  393. text-decoration:bold;
  394. font-weight:700;
  395. background-color:{color:infobg};
  396. margin-right:5px;
  397. }
  398.  
  399. #cred {
  400. position:fixed;
  401. font-size:8px;
  402. font-family:calibri;
  403. font-style:normal;
  404. font-weight:normal;
  405. line-height:150%;
  406. letter-spacing:2px;
  407. right:0px;
  408. bottom:10px;
  409. text-transform:uppercase;
  410. text-align:center;
  411. }
  412.  
  413. #cred a {
  414. padding:3px;
  415. color:{color:#fdfdfd};
  416. background-color:{color:transparent};
  417. -moz-transition-duration:0.5s;
  418. -webkit-transition-duration:0.5s;
  419. -o-transition-duration:0.5s;
  420.  
  421. {CustomCSS}
  422.  
  423. </style></head>
  424.  
  425. <body>
  426. <div id="theme">
  427. <div id="top">
  428. <div class="links">
  429. {block:IfLinkA}
  430. <a href="{text:linkA url}">{text:linkA}</a>
  431. {/block:IfLinkA}
  432. {block:IfLinkB}
  433. <a href="{text:linkB url}">{text:linkB}</a>
  434. {/block:IfLinkB}
  435. {block:IfLinkC}
  436. <a href="{text:linkC url}">{text:linkC}</a>
  437. {/block:IfLinkC}
  438. {block:IfLinkD}
  439. <a href="{text:linkD url}">{text:linkD}</a>
  440. {/block:IfLinkD}
  441. </div>
  442. {block:Pagination}
  443. <div class="pagi">
  444. {block:PreviousPage}
  445. <a href="{PreviousPage}">⟵</a>
  446. {/block:PreviousPage}
  447. {block:NextPage}
  448. <a href="{NextPage}">⟶</a>
  449. {/block:NextPage}
  450. </div>
  451. {/block:Pagination}
  452. </div>
  453. <div id="sidebar">
  454. <br><img src="{image:sidebar}">
  455. <div class="desc">
  456. {Description}<br><br>
  457. </div></div>
  458.  
  459. <div id="stuffcontainer">
  460.  
  461. {block:Posts}
  462.  
  463. <div id="stuff">
  464.  
  465. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  466.  
  467. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  468.  
  469. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  470. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  471.  
  472. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  473.  
  474. {block:Photoset}<center>{Photoset-500}</center>
  475. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  476.  
  477. {block:Chat}<ul class="chat">{block:Lines}
  478. <li class="user_{UserNumber}">
  479. {block:Label}
  480. <span class="label">
  481. {Label}</span>
  482. {/block:Label}
  483. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  484.  
  485. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  486.  
  487. {block:Answer}<div class="ask"> "{Question}" <b>- {Asker}</b> </div>
  488. <div class="ans">{Answer}</div>{/block:answer}
  489.  
  490. {block:Audio}
  491. <div class="aaudio">
  492. {block:AlbumArt}<div class="apic"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  493. <div class="audio"><div class="audioback">{AudioPlayerWhite}</div></div>
  494. <div style="margin-left:70px">
  495. {PlayCount} plays.
  496. {block:TrackName}<br><b>♪</b> {Trackname}{/block:TrackName}
  497. {block:Artist}<br><b>♫</b> {Artist}{/block:Artist}
  498. <br>{block:AlbumArt}{/block:AlbumArt}
  499. </div></div>
  500. {block:Caption}
  501. {Caption}
  502. {/block:Caption}
  503. {/block:Audio}
  504.  
  505.  
  506. {block:Date} <div id="postinfo">posted <a>{TimeAgo}</a> <a href="{Permalink}">({NoteCountWithLabel}) </a>{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName},</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© {SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  507. {block:HasTags} <br><div class="tags">
  508. <b>filed under:</b> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  509. {/block:HasTags}
  510. <div class="note">
  511. {block:PostNotes}{PostNotes}{/block:PostNotes}
  512. </div>
  513. </div>
  514. {/block:Posts}
  515.  
  516.  
  517. </div>
  518.  
  519.  
  520. <div id="cred"><a href="http://drewvanakcer.tumblr.com">credit</div>
  521.  
  522.  
  523. </div>
  524. </div>
  525. </div>
  526. </body>
  527. </html>
Advertisement
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!