API tools faq
paste
Advertisement
Guest User

theme #4

a guest
Aug 3rd, 2014
518
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.06 KB | None | 0 0
raw download clone embed print report diff
  1. <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
  2.  
  3. <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic' rel='stylesheet' type='text/css'>
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head><title>{Title}</title>
  11.  
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17.  
  18. <!--META NAMES-->
  19.  
  20. <meta name="color:body" content="#666666"/>
  21. <meta name="color:links" content="#6f6e6e"/>
  22. <meta name="color:sblinks" content="#a8a8a8">
  23. <meta name="color:hover" content="#fafafa"/>
  24. <meta name="color:info" content="#a8a8a8">
  25. <meta name="color:desc" content="#aaaaaa">
  26. <meta name="color:name" content="#aaaaaa">
  27.  
  28. <meta name="color:bg" content="#ffffff">
  29. <meta name="color:scrollbar" content="#AAAAAA">
  30. <meta name="color:scrollbarbg" content="#ffffff">
  31.  
  32. <meta name="image:sb" content=""/>
  33.  
  34. <meta name="text:link A" content=""/>
  35. <meta name="text:link A url" content="/">
  36. <meta name="text:link B" content=""/>
  37. <meta name="text:link B url" content="/">
  38. <meta name="text:link C" content=""/>
  39. <meta name="text:link C url" content="/">
  40. <meta name="text:link D" content=""/>
  41. <meta name="text:link D url" content="/">
  42. <meta name="text:name" content="+"/>
  43. <meta name="text:urlaboutme" content="/">
  44.  
  45.  
  46. <!--THEME BY MEALIK - PLS DO NOT STEAL AND OR CLAIM AS YOUR OWN. I WORK HARD ON MY THEMES SO I REALLY HOPE YOU COULD LIKE OR REBLOG THE POST WHEN YOU USE THIS (I JUST WANNA KNOW PEOPLE LIKE IT OK). IF YOU NEED ANY HELP YOU CAN ALWAYS MESSAGE ME-->
  47.  
  48.  
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54. ::-webkit-scrollbar-thumb {
  55. height:auto;
  56. background-color:{color:Scrollbar};
  57. }
  58.  
  59. ::-webkit-scrollbar {
  60. height:9px;
  61. width:4px;
  62. background-color:{color:ScrollbarBg};
  63. }
  64.  
  65. body {
  66. background-color:{color:bg};
  67. font-family:source sans pro;
  68. font-size:9px;
  69. text-align:justify;
  70. color:{color:body};
  71. margin:0;
  72. }
  73.  
  74. a {
  75. color:{color:links};
  76. text-decoration:none;
  77. -moz-outline-style:none;
  78. }
  79.  
  80. a:hover{
  81. color:{color:hover};
  82. -moz-transition-duration:0.3s;
  83. -webkit-transition-duration:0.3s;
  84. -o-transition-duration:0.3s;
  85. }
  86.  
  87. img {
  88. border:none;
  89. }
  90.  
  91. blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96. blockquote blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101.  
  102. /*SIDEBAR*/
  103.  
  104. #sidebar{
  105. position:fixed;
  106. margin-top:150px;
  107. margin-left:100px;
  108. width:200px;
  109. }
  110.  
  111. /*sidebar img, here you can change the width. however you'll have to change the width of the links and desc too!*/
  112. #sidebarimg img{
  113. width:200px;
  114. border: double 4px #eee;
  115.  
  116. }
  117.  
  118.  
  119.  
  120. #links{
  121. width:200px;
  122. font-size:15px;
  123. margin-top:5px;
  124. text-align:right;
  125. text-transform:uppercase;
  126. letter-spacing:3px;
  127. }
  128.  
  129. #links a{
  130. color:{color:sblinks};
  131. }
  132.  
  133. #links a:hover{
  134. color:{color:hover};
  135. text-transform:lowercase;
  136. font-style:italic;
  137. -moz-transition-duration:0.3s;
  138. -webkit-transition-duration:0.3s;
  139. -o-transition-duration:0.3s;
  140.  
  141. }
  142.  
  143. #name{
  144. font-family:nunito;
  145. font-size:13px;
  146. color:{color:name};
  147. font-style:cursive;
  148. text-align:right;
  149. letter-spacing:4px;
  150. }
  151.  
  152. #name a:hover{
  153. letter-spacing:8px;
  154. -moz-transition-duration:0.6s;
  155. -webkit-transition-duration:0.6s;
  156. -o-transition-duration:0.6s;
  157. }
  158.  
  159. #desc{
  160. width:170px;
  161. margin-top:5px;
  162. margin-left:30px;
  163. font-size:12px;
  164. color:{color:desc};
  165. text-align:right;
  166. font-family:source sans pro;
  167. }
  168.  
  169. .pagi {
  170. font-size:12px;
  171. text-transform:uppercase;
  172. letter-spacing:3px;
  173. font-style:normal;
  174. text-align:right;
  175. margin-left:0px;
  176. padding:2px;
  177. margin-top:5px;
  178.  
  179.  
  180.  
  181. }
  182.  
  183. .pagi a {
  184. color:{color:sblinks};
  185. }
  186.  
  187. .pagi a:hover{
  188. letter-spacing:4px;
  189. -moz-transition-duration:0.3s;
  190. -webkit-transition-duration:0.3s;
  191. -o-transition-duration:0.3s;
  192. }
  193.  
  194.  
  195.  
  196. /*ENTRIES*/
  197.  
  198. #container {
  199. width:500px;
  200. padding:10px;
  201. margin-left:450px;
  202. margin-top:55px;
  203. }
  204.  
  205. #posts{
  206. width:500px;
  207. padding:25px;
  208. margin-top:30px;
  209. }
  210.  
  211.  
  212. /*POST INFO*/
  213.  
  214. #info {
  215. width:500px;
  216. text-align:right;
  217. font-family:source sans pro;
  218. font-size:10px;
  219. text-transform:uppercase;
  220. padding:1px;
  221. color:{color:info};
  222. line-height:10px;
  223. margin-top:5px;
  224. margin-bottom:55px;
  225. letter-spacing:1px;
  226. }
  227.  
  228. #info a{
  229. color:{color:info};
  230. }
  231.  
  232. #info a:hover{
  233. color:{color:hover};
  234. }
  235.  
  236. #tags{
  237. width:500px;
  238. padding:5px;
  239. margin-top:-3px;
  240. margin-left:-5px;
  241. float:left;
  242. text-align:right;
  243. font-size:8px;
  244. opacity:1;
  245. color:{color:links};
  246. transition-duration: 0.5s;
  247. -moz-transition-duration: 0.5s;
  248. -webkit-transition-duration: 0.5s;
  249. -o-transition-duration: 0.5s
  250. }
  251.  
  252. #tags a {
  253. display:inline-block;
  254. color:{color:info};
  255. font-size:8px;
  256. text-align:center;
  257. text-decoration:none;
  258. }
  259.  
  260. #notes{
  261. font-size:7px;
  262. text-transform:uppercase;
  263. }
  264.  
  265. #asking {
  266. font-family:nunito;
  267. font-size:12px;
  268. background:#eee;
  269. padding:4px;
  270. text-align:center;
  271. }
  272.  
  273. #answer{
  274. font-size:12px;
  275. text-align:center;
  276. padding:1px;
  277.  
  278. }
  279.  
  280. /*CREDIT*/
  281.  
  282. #maker{
  283. float:right;
  284. position:fixed;
  285. letter-spacing:2px;
  286. bottom:5px;
  287. right:15px;
  288. padding:5px;
  289. font-size:10px;
  290. text-transform:uppercase;
  291. }
  292.  
  293. #maker a{
  294. color:{color:links};
  295. }
  296.  
  297. #maker a:hover{
  298. letter-spacing:4px;
  299. }
  300.  
  301.  
  302.  
  303. {CustomCSS}
  304.  
  305. </style></head>
  306.  
  307.  
  308. <body>
  309.  
  310. <div id="sidebar">
  311.  
  312. <div id="sidebarimg">
  313. <a href="/"><img src="{image:sb}"></a></div>
  314. <div id="links">
  315. <a href="{text:link A url}">{text:link A}</a>
  316. <a href="{text:link B url}">{text:link B}</a>
  317. <a href="{text:link C url}">{text:link C}</a>
  318. <a href="{text:link D url}">{text:link D}</a>
  319. </div>
  320. <div id="desc"><div id="name"><a style="color:{color:name};" href="{text:urlaboutme}">{text:name}</a></div>{description}</div>
  321. <div class="pagi">
  322. {block:Pagination}
  323. {block:PreviousPage}
  324. <a href="{PreviousPage}">prev</a>
  325. {/block:PreviousPage}
  326. {block:NextPage}
  327. <a href="{NextPage}">next</a>
  328. {/block:NextPage}
  329. </div>
  330. {/block:Pagination}
  331. </div>
  332. </div>
  333.  
  334.  
  335. <div id="container">
  336. {block:Posts}
  337. <div id="post">
  338.  
  339. <!--TEXT POSTS-->
  340.  
  341. {block:Text}
  342. {block:Title}<h2>{Title}</h2>{/block:Title}
  343. {Body}
  344. {/block:Text}
  345.  
  346. <!--ASKS-->
  347.  
  348. {block:Answer}
  349. <div class="question">
  350. <div id="asking"><big><big><i>{Asker}</big></big></i>: {Question}</div>
  351. </div><div id="answer">
  352. {Answer}</div>
  353. {/block:Answer}
  354.  
  355. <!--QUOTE POSTS-->
  356. {block:Quote}
  357.  
  358. <div class="quote">
  359. <div class="quotetext_{Length}">"{Quote}"</div>
  360. {block:Source}<div class="source">{Source}</div>{/block:Source}
  361. </div>
  362. {/block:Quote}
  363.  
  364. <!--LINK POSTS-->
  365.  
  366. {block:Link}
  367. <h2><a href="{URL}">{Name}</a></h2>
  368. {block:Description}{Description}{/block:Description}
  369. {/block:Link}
  370.  
  371. <!--CHAT POSTS-->
  372.  
  373. {block:Chat}
  374. {block:Title}<h2>{Title}</h2>{/block:Title}
  375. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  376. {Line}</li>{/block:Lines}</ul>
  377. {/block:Chat}
  378.  
  379. <!--PHOTO POSTS-->
  380.  
  381. {block:Photo}
  382. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  383.  
  384. {block:Caption}{Caption}{/block:Caption}
  385. {/block:Photo}
  386.  
  387. <!--PHOTOSET POSTS-->
  388.  
  389. {block:Photoset}
  390. {Photoset-500}
  391. {block:Caption}{Caption}{/block:Caption}
  392. {/block:Photoset}
  393.  
  394. <!--VIDEO POSTS-->
  395.  
  396. {block:Video}
  397. {Video-500}
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:Video}
  400.  
  401.  
  402. <!--AUDIO-->
  403.  
  404. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  405. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  406. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  407. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  408. {/block:Audio}
  409.  
  410.  
  411. <!--POST INFO-->
  412.  
  413. <div id="info">
  414. <br/>
  415. <a href="{reblogurl}">
  416. reblog</a>
  417.  
  418.  
  419. {block:RebloggedFrom}| <a href="{ReblogParentURL}">from</a> | {/block:RebloggedFrom}
  420. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  421. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>|{/block:RebloggedFrom}
  422. {block:notecount}<a href="{Permalink}"> {NoteCount}</a> <a style="color:#f377a0;"> </a></a> {/block:notecount}
  423. {block:HasTags}<div id="tags">
  424.  
  425. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  426. </div>{block:HasTags}
  427. </div>
  428. </div>
  429.  
  430. {/block:Posts}
  431. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  432. {/block:Posts}</div></div></div>
  433. <br><br><br><br>
  434.  
  435.  
  436. </div></div>
  437.  
  438. {/block:Posts}
  439.  
  440. <!--THEME MAKER'S CREDIT-->
  441. <div id="maker">
  442. <a href="http://www.ofsexy.tumblr.com">credit</a>
  443. </div>
  444.  
  445. </body></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!