lwestbrook

city lights

Jul 27th, 2013
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.92 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10. <!--
  11. if you steal this theme and use as base code i will eat your soul
  12. -->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#838282"/>
  15. <meta name="color:Link" content="#000000">
  16. <meta name="color:bg" content="#43c3d8">
  17.  
  18. <meta name="image:sidebar" content=""/>
  19. <meta name="image:sidebar2" content=""/>
  20. <meta name="image:sidebar3" content=""/>
  21.  
  22.  
  23. <!--Links-->
  24. <meta name="text:blogtitle" content="blog title"/>
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="/" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 title" content="/" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 title" content="/" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 title" content="/" />
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40.  
  41. ::-webkit-scrollbar {height: auto;width: 6px;}
  42. ::-webkit-scrollbar-thumb {background-color:#949393;}
  43. ::-webkit-scrollbar-track{background-color:#eee;}
  44.  
  45. body {
  46. background:{color:background};
  47. background-image: url('{image:background}');
  48. color:{color:text};
  49. font-family:arial;
  50. font-size:8px;
  51. line-height:100%;
  52. }
  53.  
  54.  
  55. a:link, a:active, a:visited {color: {color:link};
  56. text-decoration:none;
  57. }
  58.  
  59. a:hover {color:{color:link hover};
  60. text-decoration:none; transition:all 0.4s linear;
  61. -webkit-transition: all 0.4s linear;
  62. -moz-transition: all 0.4s linear;
  63. -ms-transition: all 0.4s linear;
  64. -o-transition: all 0.4s linear;
  65. }
  66.  
  67. a {
  68. text-decoration:none;
  69. outline:none;
  70. -moz-outline-style:none;
  71. color:{color:link};
  72. }
  73.  
  74. img {
  75. border:none;
  76. }
  77.  
  78. blockquote {
  79. padding-left:5px;
  80. border-left:3px solid;
  81. }
  82.  
  83. blockquote blockquote {
  84. padding-left:5px;
  85. border-left:3px solid;
  86. }
  87.  
  88. h1 {
  89. font-weight:normal;
  90. font-size:13px;
  91. font-family:corbel;
  92. text-align:center;
  93. font-style:normal;
  94. line-height:100%;
  95. letter-spacing:1px;
  96. text-transform:normal;
  97. color:#929292;
  98. }
  99.  
  100. h2 {
  101. font-size:10px;
  102. text-align:center;
  103. line-height:100%;
  104. letter-spacing:-0.5px;
  105. color:#929292;
  106. font-weight:bold;
  107. text-transform:uppercase;
  108. padding:5px;
  109. padding-bottom:2px;
  110. }
  111.  
  112. @font-face{font-family: Color of Autumn; src: url(http://static.tumblr.com/9wzbixa/XDxmj2h3a/colors_of_autumn.ttf);}
  113.  
  114. @font-face{font-family: sin city; src: url(http://static.tumblr.com/hzstbps/F2ymqlejj/sin_city.ttf);}
  115.  
  116.  
  117. #entry {
  118. padding-right:50px;
  119. padding-left:45px;
  120. padding-top:5px;
  121. padding-bottom:5px;
  122. width:425px;
  123. margin-left:450px;
  124. margin-top:30px;
  125. text-align:left;
  126. letter-spacing:2px;
  127. font-size:12px;
  128. line-height:100%;
  129. font-family:calabria;
  130. }
  131.  
  132. #content {
  133. width:500px;
  134. margin: 0 auto -12px auto;
  135. text-align: center;
  136. }
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. #sidebar {
  144. position:fixed;
  145. width: 110px;
  146. height: 1000px;
  147. margin-left:331px;
  148. margin-top:-50px;
  149. border-right: #101010 solid 4px;
  150. }
  151.  
  152.  
  153.  
  154. #sidebar2 {
  155. position:fixed;
  156. width: 500px;
  157. height: 1000px;
  158. margin-left:975px;
  159. margin-top:-50px;
  160. border-left: #101010 solid 4px;
  161. background-color:#000;
  162. }
  163.  
  164.  
  165.  
  166. #one img {
  167. width: 100px;
  168. height: 150px;
  169. margin-left:-180px;
  170. margin-top:190px;
  171. padding:5px;
  172. opacity:1;
  173. transition: all 0.7s ease-out;
  174. -o-transition-transition: all 0.7s ease-out;
  175. -webkit-transition: all 0.7s ease-out;
  176. -moz-transition: all 0.7s ease-out;
  177. }
  178.  
  179. #sidebar:hover #one img{
  180. margin-left:-40px;
  181. opacity:.4;
  182. transition: all 1s ease-out;
  183. -o-transition-transition: all 1s ease-out;
  184. -webkit-transition: all 1s ease-out;
  185. -moz-transition: all 1s ease-out;
  186. }
  187.  
  188. #two img {
  189. width: 100px;
  190. height: 150px;
  191. margin-left:-40px;
  192. margin-top:43px;
  193. padding:5px;
  194. opacity:1;
  195. transition: all 0.7s ease-out;
  196. -o-transition-transition: all 0.7s ease-out;
  197. -webkit-transition: all 0.7s ease-out;
  198. -moz-transition: all 0.7s ease-out;
  199. }
  200.  
  201. #sidebar:hover #two img{
  202. margin-left:-180px;
  203. opacity:.4;
  204. transition: all 1s ease-out;
  205. -o-transition-transition: all 1s ease-out;
  206. -webkit-transition: all 1s ease-out;
  207. -moz-transition: all 1s ease-out;
  208. }
  209.  
  210.  
  211.  
  212. #description {
  213. display:block;
  214. padding:3px;
  215. position:fixed;
  216. font-family:cambria;
  217. line-height:90%;
  218. font-size:10px;
  219. width:100px;
  220. margin-top:-350px;
  221. padding:8px;
  222. margin-left:-183px;
  223. text-align:center;
  224. color:{color:description};
  225. opacity:0;
  226. -webkit-transition: all .5s ease;
  227. -moz-transition: all .5s ease;
  228. -o-transition: all .5s ease
  229. }
  230.  
  231. #sidebar:hover #description
  232. {color:{color:description};
  233. opacity:100;
  234. -moz-transition-duration:0.4s;
  235. -webkit-transition-duration:0.4s;
  236. -o-transition-duration:0.4s;}
  237.  
  238.  
  239. #links{
  240. margin-top:-160px;
  241. width:100px;
  242. padding:1px;
  243. height:150px;
  244. margin-left:-25px;
  245. display:block;
  246. text-align:center;
  247. line-height:135%;
  248. font-size: 30px;
  249. font-family:Color of Autumn;
  250. letter-spacing:2px;
  251. opacity:0;
  252. -webkit-transition: all .5s ease;
  253. -moz-transition: all .5s ease;
  254. -o-transition: all .5s ease
  255. }
  256.  
  257. #sidebar:hover #links
  258. {opacity:1;
  259. -moz-transition-duration:0.4s;
  260. -webkit-transition-duration:0.4s;
  261. -o-transition-duration:0.4s;
  262. color:{color:link};}
  263.  
  264.  
  265. .blogtitle {
  266. margin-top: 302px;
  267. margin-left: 115px;
  268. width: 300px;
  269. font-size: 22px;
  270. font-family: sin city;
  271. word-spacing: 2px;
  272. text-align:center;
  273. letter-spacing:6.2px;
  274. position:fixed;
  275. padding: 15px;
  276. color: #000;
  277. z-index: 100;
  278. background-color: #101010;
  279. text-shadow:-2px 2px #03b0ff, 2px 2px #01ff07;
  280. }
  281.  
  282.  
  283. #sidebar2 {
  284. position:fixed;
  285. width: 500px;
  286. height: 1000px;
  287. margin-left:975px;
  288. margin-top:-50px;
  289. border-left: #101010 solid 4px;
  290. background-color:#000;
  291. }
  292.  
  293. #sidebar2 img {
  294. width: 500px;
  295. height: 750px;
  296. margin-left:-5px;
  297. margin-top:-60px;
  298. padding:5px;
  299. opacity:1;
  300. }
  301.  
  302. #post {
  303. width:500px;
  304. margin-top:5px;
  305. margin-left:-35px;
  306. padding-bottom:30px;
  307. padding-top:25px;
  308. font-size:9px;
  309.  
  310. }
  311.  
  312. #asker {
  313. padding:10px;
  314. font-family:calabria;
  315. border-top: 1px solid #e8e8e8;
  316. letter-spacing:1px;
  317. text-align:left;
  318. background-color:#fafafa;
  319. }
  320.  
  321. #pagi {
  322. font-family:times;
  323. font-size:9px;
  324. width:100px;
  325. height:15px;
  326. text-align:center;
  327. text-transform:lowercase;
  328. letter-spacing:1px;
  329. margin-top:-240px;
  330. margin-left:-185px;
  331. color:#000000;
  332. padding:10px;
  333. position:fixed;
  334. opacity:0;
  335. -webkit-transition: all .5s ease;
  336. -moz-transition: all .5s ease;
  337. -o-transition: all .5s ease
  338. }
  339.  
  340. #sidebar:hover #pagi
  341. {opacity:1;
  342. -moz-transition-duration:0.4s;
  343. -webkit-transition-duration:0.4s;
  344. -o-transition-duration:0.4s;
  345. color:{color:link};}
  346.  
  347. #info {
  348. font-family:calibri;
  349. font-size: 10px;
  350. font-style: italic;
  351. margin-top:10px;
  352. padding-top:10px;
  353. text-transform:lowercase;
  354. border-top:1px solid #eee;
  355. text-align:center;
  356. line-height:110%;
  357. }
  358.  
  359.  
  360.  
  361. {CustomCSS}</style>
  362. <body>
  363.  
  364. <div class="blogtitle">{text:blogtitle}</div>
  365.  
  366. <div id="sidebar">
  367.  
  368. <div id="one"><img src="{image:sidebar}"></div>
  369. <div id="two"><img src="{image:sidebar2}"></div>
  370.  
  371.  
  372.  
  373.  
  374. <div id="description">
  375. {Description}
  376. </div>
  377.  
  378. <div id="pagi">
  379. {block:Pagination}
  380. {block:PreviousPage}
  381. <a href="{PreviousPage}">suck</a>
  382. {/block:PreviousPage}
  383. {/block:Pagination}
  384.  
  385. {block:JumpPagination length="4"}
  386. {block:CurrentPage}
  387. <span class="current_page">{PageNumber}</span>
  388. {/block:CurrentPage}
  389. {block:JumpPage}
  390. <a class="jump_page" href="{URL}">{PageNumber}</a>
  391. {/block:JumpPage}
  392. {/block:JumpPagination}
  393.  
  394. {block:Pagination}
  395. {block:NextPage}
  396. <a href="{NextPage}">blow</a>
  397. {/block:NextPage}
  398. {/block:Pagination}
  399. </div>
  400.  
  401.  
  402. <div id="links">
  403. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">home</a>{/block:ifLink1}
  404. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">mssg{/block:ifLink2}
  405. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">one</a>{/block:ifLink3}
  406. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">two</a>{/block:ifLink4}
  407. </div></div>
  408.  
  409. </div>
  410.  
  411.  
  412. <div id="sidebar2"></div>
  413. <div id="sidebar2"><img src="{image:sidebar3}"></div>
  414.  
  415.  
  416. <div id="entry">
  417.  
  418. {block:Posts}<div id="post">
  419.  
  420. {block:Answer}<div id="asker" style="margin-left:35px;width:450px;"><img align="left" src="{AskerPortraitURL-30}"style="border-radius:160px;margin-left:-45px;margin-top:-10px;"><span style="font-family:cambria;font-size:9px;font-style:italic;">{Asker}:&nbsp;</span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  421.  
  422. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  423.  
  424. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  425.  
  426. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  427.  
  428. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  429.  
  430. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  431.  
  432. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  433.  
  434. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  435.  
  436. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  437.  
  438.  
  439.  
  440. <div id="info">
  441. {block:Date} {TimeAgo}{/block:Date} / <a href="{Permalink}">
  442.  
  443. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> -
  444.  
  445. {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">© <a href="{SourceURL}"></a></a>{/block:ContentSource}{/block:RebloggedFrom} - <a href="{ReblogURL}" target="_blank">reblog</a>
  446. {/block:RebloggedFrom}
  447.  
  448. <br> {block:HasTags}{block:Tags} #<i><a href="{TagURL}">{Tag}</a> </i>{/block:Tags}{/block:HasTags}</div>
  449.  
  450.  
  451. </div>
  452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  453. {/block:Posts}</div>
  454.  
  455. <BODY onselectstart="return false;" ondragstart="return false;">
  456.  
  457. <div style="position:fixed; bottom:10px; right:10px; font-size:8.5px; letter-spacing:2px; background-color: #000000; padding:5px;"><a href="http://grihmmy.tumblr.com/"><font color="ffffff">kinkzayn</font></a></div>
  458.  
  459. </body>
  460. </html>
Advertisement
Add Comment
Please, Sign In to add comment