Advertisement
Guest User

4 lily 8|

a guest
Jul 26th, 2014
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.62 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. --------------------------------------------------
  4.  
  5. C L E A M O U R (C) 2 0 1 3
  6. ( d o n' t r e m o v e t h e c r e d i t )
  7.  
  8. --------------------------------------------------
  9. -->
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:entry" content="#ffffff" />
  18.  
  19. <meta name="color:text" content="#181818" />
  20. <meta name="color:link" content="#5a5a5a" />
  21. <meta name="color:background link" content="#f3f3f3" />
  22. <meta name="color:link hover" content="#6d6d6d" />
  23. <meta name="color:border color" content="#f3f3f3" />
  24.  
  25. <meta name="image:sidebar" content="" />
  26.  
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link1 Title" content="" />
  29. <meta name="text:Link2" content="" />
  30. <meta name="text:Link2 Title" content="" />
  31.  
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {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.  
  38. <style type="text/css">
  39.  
  40. ::-webkit-scrollbar-thumb:vertical {
  41. background-color: {color:background};
  42. height:100px; }
  43.  
  44. ::-webkit-scrollbar {
  45. height:0px;
  46. width:3px;
  47. background-color: #181818; }
  48.  
  49. body {color:{color:text};
  50. background-color:{color:background};
  51. background-attachment:fixed;
  52. font-family:'arial';
  53. font-size:10px;
  54. line-height:100%;
  55. text-align:justify}
  56.  
  57. a:link, a:active, a:visited {
  58. color: {color:link};
  59. text-decoration:none;
  60. -webkit-transition: all 0.5s ease;
  61. -moz-transition: all 0.5s ease;
  62. -ms-transition: all 0.5s ease;
  63. -o-transition: all 0.5s ease;
  64. transition: all 0.5s ease;
  65. }
  66.  
  67. a:hover {
  68. color:{color:link hover};
  69. -webkit-transition: all 0.5s ease;
  70. -moz-transition: all 0.5s ease;
  71. -ms-transition: all 0.5s ease;
  72. -o-transition: all 0.5s ease;
  73. transition: all 0.5s ease;
  74. }
  75.  
  76.  
  77. #entries {
  78. padding:20px 0px 0px 20px;
  79. margin-left:100px;
  80. margin-top:0px;
  81. margin-bottom:0px;
  82. width:900px;
  83. border-left: 1px solid;
  84. border-color: {color:border color};
  85. }
  86.  
  87.  
  88.  
  89. #sbar {
  90. margin-left: 100px;
  91. text-align: justify;
  92. margin-top: 100px;
  93. position:fixed;
  94. display: block;
  95. }
  96.  
  97. .simg img {
  98. width:150px;
  99. display: block;
  100. }
  101.  
  102. #stext {
  103. font-size:11px;
  104. font-color:{color:text};
  105. font-family:'cambria';
  106. font-style: italic;
  107. padding: 10px;
  108. width: 130px;;
  109. margin-top: 1px;
  110. border-top: 3px double;
  111. border-color: {color:border color};
  112. display:block;
  113. }
  114.  
  115. #pag {
  116. font-family:'cambria';
  117. text-align:center;
  118. font-size:10px;
  119. padding: 9px;
  120. margin-top: 1px;
  121. display:block;
  122. }
  123.  
  124. #nav{
  125. font-family:'cambria';
  126. text-transform: lowercase;
  127. text-decoration:none;
  128. font-size:10px;
  129. text-align:center;
  130. padding-bottom:9px
  131. }
  132.  
  133. #nav a {
  134. color:{color:link};
  135. padding:5px;
  136. }
  137.  
  138. #nav a:hover {
  139. color:{color:link hover};
  140. padding:5px;
  141. background-color:{color:background link};
  142. }
  143.  
  144.  
  145. #container {margin: auto;
  146. width: 900px;}
  147.  
  148. #pcontainer {
  149. background-color: {color:background};
  150. width:535px;
  151. height:500px;
  152. padding: 0px 45px;
  153. top:60px;
  154. border:0px solid {color:borders};
  155. margin-bottom:60px;
  156. margin-left:100px;
  157. position:relative;
  158. overflow-y:scroll;
  159. overflow-x:hidden;
  160. }
  161.  
  162. #posts{
  163. overflow:hidden;
  164. width:500px;
  165. background-color: {color:entry};
  166. padding: 10px;
  167. margin-bottom: 100px;
  168. }
  169.  
  170.  
  171. h1 {
  172. color:{color:text};
  173. font-family:'times new roman';
  174. font-size:13px;
  175. line-height:15px;
  176. letter-spacing:0px;
  177. font-style:italic;
  178. text-align:left;
  179. padding-bottom: 3px;
  180. }
  181.  
  182.  
  183. #source {
  184. text-align: left;
  185. display:block;
  186. margin:2px 0px 0px 0px;
  187. padding:0px;
  188. }
  189.  
  190. #tags{
  191. font-family:'helvetica';
  192. font-size:9px;
  193. font-style:italic;
  194. text-align:left;
  195. padding-left:5px;
  196. }
  197.  
  198.  
  199. #tags a {
  200. margin-right:10px;
  201. color:{color:link};
  202. background-color:{color:background link};
  203. }
  204.  
  205. #tags a:hover {
  206. margin-right:10px;
  207. color:{color:link hover};
  208. background-color:{color:background};
  209. }
  210.  
  211. #info{
  212. margin-top:10px;
  213. font-family:'helvetica';
  214. font-size:9px;
  215. text-transform:lowercase;
  216. text-align:left;
  217. padding: 3px 5px 0px 5px;
  218. border-top: 3px double;
  219. border-color: {color:border color};
  220. }
  221.  
  222. #info a {
  223. color:{color:link};
  224. }
  225.  
  226. #info a:hover {
  227. color:{color:link hover};
  228. }
  229.  
  230.  
  231.  
  232. blockquote {
  233. border-left: 3px solid;
  234. border-color: {color:border color};
  235. padding-left:5px;
  236. margin:0px 2px 0px 10px
  237. }
  238.  
  239.  
  240. #quote {
  241. text-align:center;
  242. font-family:'cambria';
  243. font-style:italic;
  244. font-size: 17px;
  245. line-height: 100%;
  246. }
  247.  
  248. #quotesrc {
  249. text-align:center;
  250. font-family:'cambria';
  251. font-style:italic;
  252. font-size:12px;
  253. }
  254.  
  255.  
  256. #credit {
  257. position:fixed;
  258. right:10px;
  259. bottom:10px;
  260. text-transform:uppercase;
  261. font:10px 'cambria';
  262. letter-spacing:1px;
  263. padding:5px;
  264. -webkit-transition: all 0.5s ease;
  265. -moz-transition: all 0.5s ease;
  266. -ms-transition: all 0.5s ease;
  267. -o-transition: all 0.5s ease;
  268. transition: all 0.5s ease;
  269. }
  270.  
  271. #credit:hover {
  272. position:fixed;
  273. right:10px;
  274. bottom:10px;
  275. text-transform:uppercase;
  276. font:10px 'cambria';
  277. letter-spacing:1px;
  278. padding:5px;
  279. text-shadow: 1px 1px 1px #bebebe;
  280. -webkit-transition: all 0.5s ease;
  281. -moz-transition: all 0.5s ease;
  282. -ms-transition: all 0.5s ease;
  283. -o-transition: all 0.5s ease;
  284. transition: all 0.5s ease;
  285. }
  286.  
  287.  
  288. .user_1 .label {
  289. color:{color:text};
  290. font-weight:bold
  291. }
  292.  
  293. .user_2 .label {
  294. color:{color:text};
  295. font-weight:bold
  296. }
  297.  
  298. ul.chat, .chat ol, .chat li {
  299. list-style:none;
  300. margin:0px;
  301. padding:2px;
  302. }
  303.  
  304.  
  305. .audio {
  306. height:73px;
  307. margin-bottom:5px;
  308. }
  309. .audio-album {
  310. position:absolute;
  311. width:60px;
  312. }
  313. .audio-player {
  314. opacity:0.6;
  315. filter:alpha(opacity=60);
  316. border:2px solid #f2f2f2;
  317. width:25px;
  318. height:25px;
  319. overflow:hidden;
  320. position:absolute;
  321. z-index:2;
  322. margin-left:16px;
  323. margin-top:16px;
  324. }
  325. .audio-info {
  326. margin-left:80px;
  327. padding:5px;
  328. }
  329.  
  330.  
  331. #notes {font-weight:light; font-size:8px; letter-spacing:2px;}
  332. #notes li {padding-bottom:2em;}
  333. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:20px; height:20px;}
  334.  
  335. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1;}
  336.  
  337.  
  338. {CustomCSS}
  339.  
  340. </style>
  341. </head>
  342.  
  343.  
  344. <body>
  345.  
  346. <div id="credit"><a href="http://cleamour.tumblr.com/" target="_blank">CLMR</a></div>
  347.  
  348. <div id="sbar">
  349.  
  350. <div class="simg">
  351. <img src="{image:sidebar}"></div><br>
  352.  
  353. <div id="nav">
  354. <a href="/">home</a>
  355. <a href="/ask">ask</a>
  356. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  357. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  358. </div>
  359.  
  360. {block:Description}<div id="stext">
  361. {Description}
  362. </div>{/block:Description}
  363.  
  364. {block:Pagination}
  365. <div id="pag">
  366. {block:PreviousPage}
  367. <a href="{PreviousPage}">← </a>
  368. {/block:PreviousPage}
  369. {CurrentPage} of {TotalPages}
  370. {block:NextPage}
  371. <a href="{NextPage}"> →</a>
  372. {/block:NextPage}
  373. </div>{/block:Pagination}
  374.  
  375. </div>
  376.  
  377.  
  378.  
  379.  
  380. <div id="container">
  381. <div id="pcontainer">
  382. <div id="entries">
  383. {block:Posts}
  384. <div id="posts">
  385.  
  386. {block:Title}<h1>{Title}</h1>{/block:Title}
  387. {block:Text}{Body}{/block:Text}
  388.  
  389. {block:Quote}
  390. <div id="quote">{Quote}</div><br><div id="quotesrc">{Source}</small></small></div>
  391. {/block:Quote}
  392.  
  393. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  394. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  395.  
  396. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  397. {LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  398.  
  399. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  400. {/block:Photoset}
  401.  
  402. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}
  403. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>
  404. {/block:Chat}
  405.  
  406. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  407.  
  408. {block:Answer}
  409. <table style="padding-bottom:5px;margin-bottom:5px;">
  410. <tr>
  411. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-48}" style="border:1px solid {color:border color}; padding:2px; border-radius:25px;"></td>
  412. <td style="vertical-align:top;"><i><big><big>{Asker} asked:</big></big></i><br><span style="padding-left:10px;">{Question}</td>
  413. </tr>
  414. </table>
  415. {Answer}{/block:answer}
  416.  
  417. {block:Audio}<div class="audio">
  418. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  419. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  420. </div>
  421. <div class="audio-info">
  422. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  423. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  424. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  425. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  426. </div></div>
  427. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  428. {/block:Audio}
  429.  
  430. <div id="info">
  431. <div id="source">
  432. {block:Date}<span style="padding-right:10px;"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}</span> {block:NoteCount}<span style="padding-right:10px;">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom}<span style="padding-right:10px;">via <a href="{ReblogParentURL}">{ReblogParentName}</a></span>{/block:RebloggedFrom}{block:ContentSource} © <a href="{SourceURL}"><b>{SourceLink}</b></a>{/block:ContentSource}</div>
  433. {block:HasTags}</div>
  434. <div id="tags">
  435. {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div>
  436.  
  437. </div>
  438. {/block:Posts}
  439.  
  440. <div id="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  441.  
  442. </div>
  443.  
  444. </body>
  445. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement