API tools faq
paste
Advertisement
dar-g-ling

#4 Law Theme

dar-g-ling
Jan 11th, 2015
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.97 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
  6. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="Description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="image:Background" content="">
  16. <meta name="image:Sidebar Pic" content="http://static.tumblr.com/137d83ce6467da67fcc4a0f945fbb269/u4c0ltq/yrZnb19cp/tumblr_static_aycv3avkn6ok4wk4g4gskwk0o.png">
  17.  
  18. <meta name="color:BG Color" content="#000">
  19. <meta name="color:Post BG" content="">
  20. <meta name="color:Text" content="#e3e3e3">
  21. <meta name="color:Link" content="#fff">
  22. <meta name="color:Link Hover" content="#494949">
  23. <meta name="color:Nav" content="#131313">
  24. <meta name="color:Nav Hover" content="#ffffff">
  25. <meta name="color:Lines" content="#fff">
  26. <meta name="color:Scrollbar" content="#a2a2a2">
  27.  
  28. <meta name="text:URL 1" content="/">
  29. <meta name="text:Link 1" content="Two tabs on your tongue">
  30. <meta name="text:URL 2" content="">
  31. <meta name="text:Link 2" content="Muse">
  32. <meta name="text:URL 3" content="">
  33. <meta name="text:Link 3" content="Tags">
  34. <meta name="text:URL 4" content="">
  35. <meta name="text:Link 4" content="">
  36.  
  37.  
  38. </head>
  39. <style>
  40.  
  41. ::-webkit-scrollbar {background-color:{color:BG}; width:5px}
  42. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};}
  43.  
  44. body {
  45. background-image:url('{image:Background}');
  46. background-color:{color:BG Color};
  47. color:{color:Text};
  48. font-family: 'Roboto Condensed', Helvetica;
  49. font-size:10px;
  50. }
  51.  
  52. h1 {
  53. text-align:center;
  54. font-family: 'Josefin Sans', 'Roboto Condensed', Helvetica;
  55. text-transform:uppercase;
  56. }
  57.  
  58. h2 {
  59. text-align:center;
  60. font-family: 'Josefin Sans', 'Roboto Condensed', Helvetica;
  61. text-transform:uppercase;
  62. text-decoration:underline;
  63. }
  64.  
  65. a {
  66. text-decoration:none;
  67. color:{color:Link};
  68. -webkit-transition: all .6s ease-out;
  69. -moz-transition: all .6s ease-out;
  70. -o-transition: all .6s ease-out;
  71. }
  72.  
  73. a:hover {
  74. color:{color:Link Hover};
  75. }
  76.  
  77. blockquote {
  78. border-left:1px;
  79. border-left: solid;
  80. padding-left:3px;
  81. }
  82.  
  83. blockquote blockquote {
  84. border-left:1px;
  85. border-left: solid;
  86. padding-left:3px;
  87. }
  88.  
  89. #sidebarpic {
  90. border-width: 2px;
  91. border-color: {color:Nav};
  92. border-style: solid;
  93. position: fixed;
  94. overflow:hidden;
  95. left: 120px;
  96. top: 40px;
  97. width: 220px;
  98. height: 300px;
  99. }
  100.  
  101. #sidebarpic img{
  102. width:220px;
  103. overflow:hidden;
  104. }
  105.  
  106. #navbar {
  107. position:fixed;
  108. top:360px;
  109. left:120px;
  110. }
  111.  
  112. .navlinks {
  113. background-color:{color:Nav};
  114. text-align:center;
  115. text-transform:uppercase;
  116. width:220px;
  117. height:12px;
  118. padding:3px;
  119. margin-bottom:5px;
  120. -webkit-transition: all .5s ease-in-out;
  121. -moz-transition: all .5s ease-in-out;
  122. -o-transition: all .5 ease-in-out;
  123. }
  124.  
  125. .navlinks:hover {
  126. background-color:{color:Nav Hover};
  127. color:{color:Link Hover};
  128. }
  129.  
  130. #title {
  131. font-size: 50px;
  132. font-family: 'Josefin Sans' , "Roboto Condensed";
  133. color: {color:Title};
  134. font-weight: bold;
  135. text-align: right;
  136. text-transform:uppercase;
  137. position: fixed;
  138. right: 100px;
  139. bottom:38px;
  140. }
  141.  
  142. #underlinks {
  143. font-size:12px;
  144. text-transform:lowercase;
  145. text-align:center;
  146. }
  147.  
  148. #underlinks a {
  149. opacity:.3;
  150. }
  151.  
  152. #underlinks a:hover {
  153. opacity:1;
  154. color:#d4d4d4;
  155. }
  156.  
  157. .line1 {
  158. background-color: {color:Lines};
  159. position: fixed;
  160. left: 70px;
  161. top: 40px;
  162. width: 1px;
  163. height: 100%;
  164. z-index:997;
  165. }
  166.  
  167. .line2 {
  168. background-color: {color:Lines};
  169. position: fixed;
  170. left: 80px;
  171. top: 0px;
  172. width: 2px;
  173. height: 100%;
  174. z-index:998;
  175. }
  176.  
  177. .vertline {
  178. background-color: {color:Lines};
  179. position: fixed;
  180. left: 0px;
  181. bottom: 100px;
  182. width: 100%;
  183. height: 5px;
  184. z-index:999;
  185. }
  186.  
  187. #postcontainer {
  188. position:fixed;
  189. width:100%;
  190. top:0px;
  191. right:0px;
  192. bottom:105px;
  193. left:460px;
  194. overflow:auto;
  195. z-index:-3;
  196. }
  197.  
  198. /* 8 Post Types stylization here */
  199.  
  200. .post {
  201. width:500px;
  202. background:{color:Post BG};
  203. margin-left:7px;
  204. margin-right:7px;
  205. margin-bottom:7px;
  206. padding:3px;
  207. }
  208.  
  209. .quote {
  210. text-align:justify;
  211. font-size:18px;
  212. padding:3px;
  213. background-color: rgba(255,255,255,.3);
  214. }
  215.  
  216. .asks {
  217. padding:3px;
  218. background-color: rgba(255,255,255,.2);
  219. }
  220.  
  221. .notes {
  222. font-size:9px;
  223. text-align:center;
  224. text-transform:uppercase;
  225. border-top:1px dashed rgba(255, 255, 255, .7);
  226. padding-top:5px;
  227. }
  228.  
  229. .tags {
  230. font-size:9px;
  231. text-align:center;
  232. text-transform:uppercase;
  233. }
  234.  
  235. .audio {
  236. margin-bottom:10px;
  237. height:100px;
  238. }
  239.  
  240. .albumart {
  241. position:absolute;
  242. width:98px;
  243. border:1px solid rgba(0,0,0,.1);
  244. padding:2px;
  245. z-index:-3;
  246. }
  247.  
  248. .player {
  249. position:absolute;
  250. background:#000;
  251. width:27px;
  252. z-index:999;
  253. height:27px;
  254. overflow:hidden;
  255. margin-top:35px;
  256. margin-left:35px;
  257. padding:3px;
  258. opacity:0;
  259. -webkit-transition: all 0.6s ease-out;
  260. -o-transition: all 0.6s ease-out;
  261. -webkit-transition: all 0.6s ease-out;
  262. -moz-transition: all 0.6s ease-out;
  263. }
  264.  
  265. .audio:hover .player {
  266. opacity:1;
  267. }
  268.  
  269. .audioinfo {
  270. width:370px;
  271. float:right;
  272. text-align:left;
  273. padding:2px;
  274. line-height:20px;
  275. }
  276.  
  277. .chats {
  278. line-height:20px;
  279. }
  280.  
  281. #pagination {
  282. position:fixed;
  283. text-align:center;
  284. font-size:16px;
  285. font-weight:bolder;
  286. width:130px;
  287. left: 330px;
  288. top: 50px;
  289. }
  290.  
  291. #pagination a {
  292. text-decoration:none;
  293. color:{text:Link};
  294. -webkit-transition: all 0.5s ease-out;
  295. -moz-transition: all 0.5s ease-out;
  296. -o-transition: all 0.5s ease-out;
  297. }
  298.  
  299. #pagination a:hover {
  300. color:{text:Link Hover};
  301. }
  302.  
  303. </style>
  304. <body>
  305.  
  306. <div id="pagination">
  307. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> →</a>{/block:NextPage}{/block:Pagination}</div>
  308.  
  309. <div id="title">{Title}
  310. <div id="underlinks"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://artdelafolie.tumblr.com">theme</a></div>
  311. </div>
  312.  
  313. <div id="sidebarpic"><img src="{image:Sidebar Pic}"></div>
  314. <div id="navbar">
  315. <div class="navlinks"><a href="{text:URL 1}">{text:Link 1}</a></div>
  316. <div class="navlinks"><a href="{text:URL 2}">{text:Link 2}</a></div>
  317. <div class="navlinks"><a href="{text:URL 3}">{text:Link 3}</a></div>
  318. <div class="navlinks"><a href="{text:URL 4}">{text:Link 4}</a></div>
  319. </div>
  320. <div class="line1"></div>
  321. <div class="line2"></div>
  322. <div class="vertline"></div>
  323.  
  324. <div id="postcontainer">
  325.  
  326. {block:Posts}<div class="post">
  327. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  328.  
  329. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  330.  
  331. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  332.  
  333. {block:Quote}<div class="quote">{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  334.  
  335. {block:Link}<h2>> <a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  336.  
  337. {block:Answer}<div class="asks"><img src="{AskerPortraitURL-30}"/><i><b> {Asker}</b> asked: </i>{Question}</div>{Answer}{/block:answer}
  338.  
  339. {block:Audio}
  340. <div class="audio">
  341. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  342. <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  343. <div class="audioinfo">
  344. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  345. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  346. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  347. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</div></div>
  348.  
  349. {block:Caption}{Caption}{/block:Caption}
  350. {/block:Audio}
  351.  
  352. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  353. <div class="chats">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  354.  
  355. <div class="notes">
  356. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} || <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  357. {block:RebloggedFrom} || <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
  358. {block:ContentSource} || © <a href="{SourceURL}">{SourceLink}
  359. </a>{/block:ContentSource}{/block:Date}
  360. </div>
  361.  
  362. {block:HasTags}<div class="tags">
  363. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  364. {/block:HasTags}
  365.  
  366.  
  367. {block:PostNotes}{PostNotes}{/block:PostNotes}
  368.  
  369. </div>{/block:Posts}
  370.  
  371. </div>
  372. </body>
  373. </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!