API tools faq
paste
Advertisement
leodicapriio

Starlight

leodicapriio
Mar 19th, 2013
782
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.90 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Border" content="#f8f8f8"/>
  13. <meta name="color:Border Links" content="#f8f8f8"/>
  14. <meta name="color:Shadow" content="#eeeeee"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:Bold" content="#6783a2"/>
  17. <meta name="color:Italic" content="#6782a2"/>
  18. <meta name="color:QuestionBg" content="#f8f8f8"/>
  19. <meta name="color:Scrollbar" content="#ce97a6"/>
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="image:Background" content=""/>
  23.  
  24.  
  25. <meta name="text:link 1" content="" />
  26. <meta name="text:link 1 url" content="" />
  27. <meta name="text:link 2" content="" />
  28. <meta name="text:link 2 url" content="" />
  29. <meta name="text:link 3" content="" />
  30. <meta name="text:link 3 url" content="" />
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}</title>
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40.  
  41. <!--
  42.  
  43. l lllll ll lll l llll ll lll lll l l ll
  44. l l l l l l l l l l l l l l l l l l
  45. l l l l l l l l l l l l l l l l l l
  46. l llll l l l l l l llllllll lll lll l l l l
  47. l l l l l l l l l l l l l l l l l
  48. lllll lllll ll lll l llll l l l l l l l ll
  49.  
  50. Theme made by leodicapriio. Please follow all rules :)
  51.  
  52. -->
  53.  
  54.  
  55.  
  56. <style type="text/css"/>
  57.  
  58.  
  59.  
  60. body {color:#838282;
  61. background-color:{color:Background};
  62. background-image: url('http://assets.tumblr.com/images/x.gif');
  63. background-attachment:fixed;
  64. font-family:"Inconsolata";
  65. font-size:10px;
  66. line-height:100%;
  67. text-align:justify;
  68. font-style:normal
  69. }
  70.  
  71. a:link, a:active, a:visited {color: {color:Link};
  72. text-decoration:none;
  73.  
  74. -webkit-transition:all 0.2s ease-out;
  75. -moz-transition:all 0.8s ease-out;
  76. transition:all 0.2s ease-out;
  77. }
  78.  
  79. a:hover {color:{color:Background};
  80. -webkit-transition:all 0.4s ease-out;
  81. -moz-transition:all 0.4s ease-out;
  82. transition:all 0.4s ease-out;
  83. }
  84.  
  85. small{font-size:9px
  86. }
  87.  
  88. big{font-size:12px;
  89. color:#3e3d3d;
  90. text-transform:lowercase;
  91. font-style:italic
  92. }
  93.  
  94. b, strong{color:
  95. }
  96.  
  97. i, em {color:#838282
  98. }
  99.  
  100. p{margin-top:5px; margin-bottom:5px}
  101. blockquote {margin-left:10px;
  102. margin:8px;
  103. padding:3px;
  104. border-left:1px double
  105. }
  106.  
  107. img {
  108. border:none;
  109. }
  110.  
  111. blockquote {
  112. padding-left:5px;
  113. border-left:2px solid;
  114. }
  115.  
  116. blockquote blockquote {
  117. padding-left:5px;
  118. border-left:2px solid;
  119. }
  120.  
  121. h1 {
  122. font-size:15px;
  123. }
  124.  
  125. #entries {padding-right:10px;
  126. padding-left:10px;
  127. padding-bottom:10px;
  128. width:500px;
  129. margin-left:460px;
  130. margin-top:10px;
  131. }
  132.  
  133. #post {width:500px;
  134. padding-bottom:-10px;
  135. padding-top:20px;
  136. }
  137.  
  138. #post:hover .tags {position:absolute;
  139. margin-left:530px;
  140. opacity:1;padding:5px;
  141. }
  142.  
  143. #post img{
  144. opacity:.75;
  145. -webkit-transition: all 0.3s ease-in-out;
  146. -moz-transition: all 0.3s ease-in-out;
  147. -o-transition: all 0.3s ease-in-out;
  148. -ms-transition: all 0.3s ease-in-out;
  149. transition: all 0.3s ease-in-out;
  150. }
  151.  
  152. #post img:hover{
  153. opacity:1;
  154. -webkit-transition: all 0.3s ease-in-out;
  155. -moz-transition: all 0.3s ease-in-out;
  156. -o-transition: all 0.3s ease-in-out;
  157. -ms-transition: all 0.3s ease-in-out;
  158. transition: all 0.3s ease-in-out;
  159. }
  160.  
  161. #post:hover #info{
  162. opacity:1;
  163.  
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. -ms-transition: all 0.5s ease-in-out;
  168. transition: all 0.5s ease-in-out;
  169. }
  170.  
  171. #info {text-align:left;
  172. padding:5px;
  173. margin-top:10px;
  174. margin-bottom:5px;
  175. text-transform: uppercase;
  176. font-family:"Inconsolata";
  177. background-color:#464545;
  178. opacity:0;
  179.  
  180. -webkit-transition: all 0.5s ease-in-out;
  181. -moz-transition: all 0.5s ease-in-out;
  182. -o-transition: all 0.5s ease-in-out;
  183. -ms-transition: all 0.5s ease-in-out;
  184. transition: all 0.5s ease-in-out;
  185. }
  186.  
  187.  
  188. #sidebar {
  189. width:250px;
  190. position:fixed;
  191. margin-left:250px;
  192. margin-top:100px;
  193. }
  194.  
  195. #footer{ position:fixed;
  196. bottom:0;
  197. background-color:{color:background};
  198. width:530px;
  199. padding:20px 0 20px 0px;
  200. text-align:center;
  201. }
  202.  
  203. #description {
  204. background-color:transparent;
  205. font-family:cambria;
  206. padding-top:1px;
  207. width:70px;
  208. margin-top:-10px;
  209. margin-bottom:25px;
  210. line-height:80%;
  211. font-size:9px;
  212. padding:7px
  213. }
  214.  
  215. #description img {
  216. width:70px;
  217. padding:10px;
  218. height:190px;
  219. background-color:transparent;
  220. border:1px solid ;
  221. margin-top:-30px
  222. }
  223.  
  224. #des {position:fixed;
  225. text-align:center;
  226. background-color:#000000;
  227. font-size: 10px;
  228. color:{color:text};
  229. word-spacing:3px;
  230. padding:4px;
  231. padding-top:31px;
  232. margin-left:-17px;
  233. margin-top:-138px;
  234. opacity:0;
  235. width:122px;
  236. height:95px;
  237. line-height:110%;
  238. font-family:ashley;
  239. font-style:italic;
  240. -moz-transition-duration:1s;
  241. -webkit-transition-duration:1s;
  242. -o-transition-duration:1s;
  243. }
  244.  
  245.  
  246.  
  247. #des a{font-size:8px;
  248. padding:2px;
  249. -moz-transition-duration:1s;
  250. -webkit-transition-duration:1s;
  251. -o-transition-duration:1s;
  252. }
  253.  
  254. #des a:hover {
  255. color:#ffffff;
  256. opacity:.8;
  257. -moz-transition-duration:1s;
  258. -webkit-transition-duration:1s;
  259. -o-transition-duration:1s;
  260. }
  261.  
  262. #links {text-align:center;
  263. position:fixed;
  264. text-transform: uppercase;
  265. width:40px;
  266. height:110px;
  267. margin-top:-138px;
  268. margin-left:170px;
  269. padding-top:10px;
  270. padding-bottom:10px;
  271. background-color:#000000;
  272. opacity:1;
  273. font-family:cambria;
  274. font-style:normal;
  275. color:{color:Link};
  276. -moz-transition-duration:1s;
  277. -webkit-transition-duration:1s;
  278. -o-transition-duration:1s;
  279. }
  280.  
  281. #links a {
  282. display:block;
  283. width:40px;
  284. height:16px;
  285. font-size:8px;
  286. line-height:540%;
  287. text-decoration:none;
  288. opacity:1;
  289. text-align:center;
  290. background-color:transparent;
  291.  
  292. -moz-transition-duration:1s;
  293. -webkit-transition-duration:1s;
  294. -o-transition-duration:1s;
  295. }
  296.  
  297. #links a:hover{
  298. text-transform:lowercase;
  299. color:#ffffff;
  300. opacity:1;
  301. -moz-transition-duration:1s;
  302. -webkit-transition-duration:1s;
  303. -o-transition-duration:1s;
  304. }
  305.  
  306. #sidebar {
  307. width:170px;
  308. height:200px;
  309. position:fixed;
  310. margin-left:180px;
  311. margin-top:170px;
  312. }
  313.  
  314. #sidebar:hover #des{
  315. opacity:1;
  316. margin-left:37px;
  317.  
  318. -moz-transition-duration:1s;
  319. -webkit-transition-duration:1s;
  320. -o-transition-duration:1s;
  321. }
  322.  
  323. #sidebar:hover #links{
  324. opacity:1;
  325. margin-left:-6px;
  326.  
  327. -moz-transition-duration:1s;
  328. -webkit-transition-duration:1s;
  329. -o-transition-duration:1s;
  330. }
  331.  
  332. #sidebarimage img {
  333. width:130px;
  334. height:130px;
  335. background-color:#ffffff;
  336. padding:7px;
  337. margin-left:30px;
  338. margin-top:10px;
  339.  
  340. -webkit-transition: all 0.5s ease-in-out;
  341. -moz-transition: all 0.5s ease-in-out;
  342. -o-transition: all 0.5s ease-in-out;
  343. -ms-transition: all 0.5s ease-in-out;
  344. transition: all 0.5s ease-in-out;
  345. }
  346.  
  347. #description {
  348. padding:5px;
  349. text-align:center;
  350. }
  351.  
  352. .pagination { text-align:center;
  353. color:{color:body};
  354. left:213px;
  355. }
  356.  
  357. .current_page { background-color:;
  358. padding:5px;
  359. margin:5px;
  360. }
  361.  
  362. .jump_page, .next { background-color:;
  363. padding:5px;
  364. margin:5px;
  365. }
  366.  
  367. .note {
  368. text-transform:uppercase;
  369. font-style:normal;
  370. letter-spacing:0px;
  371. font-size: 9px;
  372. text-align:left;
  373. line-height:90%;
  374. margin-left:-40px;
  375. }
  376.  
  377. .note li {
  378. list-style-type:none;
  379. border-bottom:1px solid {color:border};
  380. padding:10px 25px 10px 25px;
  381. text-align:left;
  382. margin:0px;
  383. -moz-transition-duration:0.5s;
  384. -webkit-transition-duration:0.5s;
  385. -o-transition-duration:0.5s;
  386. }
  387.  
  388. #info {
  389. text-align:center;
  390. margin-top:10px;
  391. }
  392.  
  393. #question { padding:15px;
  394. background-color: {color:QuestionBg};
  395. position: relative;
  396. }
  397.  
  398. #question:after, #demo:before { border: solid transparent;
  399. content: ' ';
  400. height: 0;
  401. left: 100%;
  402. position: absolute;
  403. width: 0;
  404. }
  405.  
  406. #question:after { border-width: 9px;
  407. border-left-color: {color:QuestionBg};
  408. top: 15px;
  409. }
  410.  
  411. #question:before { border-width: 14px;
  412. border-left-color: {color:QuestionBg};
  413. top: 10px;
  414. }
  415.  
  416. #info {
  417. text-align:center;
  418. margin-top:10px;
  419. }
  420.  
  421. #asker {
  422. float:left;
  423. margin-right:5px;
  424. }
  425.  
  426. #credit {
  427. text-align:center;
  428. font-family:consolas;
  429. font-size:8px;
  430. line-height:70%;
  431. background-color:#fcfcfc;
  432. position:fixed;
  433. right:8px;
  434. bottom:2px;
  435.  
  436. }
  437.  
  438.  
  439. {CustomCSS}</style></head><body>
  440.  
  441.  
  442. <div id="credit"><a href="http://leodicapriio.tumblr.com"><img src="http://i49.tinypic.com/10qaudu.jpg" height="auto" width="40px">
  443. </a></div>
  444.  
  445. <div id="sidebar">
  446.  
  447. <div id="navcontainer">
  448.  
  449. </div>
  450.  
  451. <div id="sidebarimage"><img src="{image:sidebar}">
  452.  
  453. <div id="des">{Description}</div></div>
  454. <div id="links">
  455. <a href="/">home</a>
  456. <a href="/ask">ask</a>
  457. <a href="{text:link 1 url}">{text:link 1}</a>
  458. <a href="{text:link 2 url}">{text:link 2}</a>
  459. <a href="{text:link 3 url}">{text:link 3}</a>
  460. </div></div>
  461.  
  462. <div id="description">
  463.  
  464. </div></div>
  465.  
  466.  
  467. <div id="entries">{block:Posts}<p>
  468. <div id="post">
  469.  
  470. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  471.  
  472. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  473.  
  474. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  475.  
  476. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  477.  
  478. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  479.  
  480. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  481.  
  482. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  483.  
  484. {block:Answer}
  485. <div style="border-radius:10px;background-color:{color:QuestionBg};padding:10px;font-size:09px;"><i>{Question}</i></div>
  486. <div style="padding:05px;text-align:right;font-size:09px;"><i>— asked by <u>{Asker}</u></i></div><p> <div style="font-size:09px;">{Answer}</div>
  487. {/block:Answer}
  488.  
  489. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  490.  
  491. {block:Date}<div id="info"><a href="{Permalink}">
  492. {block:Date} {Month} {DayOfMonthWithZero} {Year}{/block:Date} ▼ <a href="{Permalink}">
  493. {NoteCount} NOTES</a> ▼
  494. {block:RebloggedFrom}<a href="{ReblogParentURL}"
  495. title="{ReblogParentTitle}">VIA</a> ▼ <a href="{ReblogRootURL}"title="{ReblogRoottitle}">SOURCE</a>{/block:RebloggedFrom} ▼
  496. <a href="{ReblogURL}" target="_blank">reblog</a>
  497. </div></div>
  498. {/block:Posts}
  499. {block:PostNotes}<div class="note">{PostNotes}</div>{/block:PostNotes}
  500. {/block:Posts}</div>
  501.  
  502.  
  503.  
  504.  
  505. <div id="footer" class="pagination" style="height:20px;padding:5px;margin-left:251px;">
  506. {block:Pagination}
  507. {block:PreviousPage}
  508. <a class="next" href="{PreviousPage}">←</a>
  509. {/block:PreviousPage}
  510.  
  511. {block:JumpPagination length="5"}
  512. {block:CurrentPage}
  513. <span class="current_page">{PageNumber}</span>
  514. {/block:CurrentPage}
  515.  
  516. {block:JumpPage}
  517. <a class="jump_page" href="{URL}">{PageNumber}</a>
  518. {/block:JumpPage}
  519. {/block:JumpPagination}
  520.  
  521. {block:NextPage}
  522. <a class="next" href="{NextPage}">→</a>
  523. {/block:NextPage}
  524. {/block:Pagination}
  525. </div>
  526.  
  527. </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!