Advertisement
cleamour

theme one

Apr 12th, 2013
12,363
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.20 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:10px;
  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:100px 0px 0px 100px;
  79. margin-left:350px;
  80. margin-top:0px;
  81. margin-bottom:0px;
  82. width:505px;
  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. #posts{
  146. overflow:hidden;
  147. width:500px;
  148. background-color: {color:entry};
  149. padding: 10px;
  150. margin-bottom: 100px;
  151. }
  152.  
  153.  
  154. h1 {
  155. color:{color:text};
  156. font-family:'times new roman';
  157. font-size:13px;
  158. line-height:15px;
  159. letter-spacing:0px;
  160. font-style:italic;
  161. text-align:left;
  162. padding-bottom: 3px;
  163. }
  164.  
  165.  
  166. #source {
  167. text-align: left;
  168. display:block;
  169. margin:2px 0px 0px 0px;
  170. padding:0px;
  171. }
  172.  
  173. #tags{
  174. font-family:'helvetica';
  175. font-size:9px;
  176. font-style:italic;
  177. text-align:left;
  178. padding-left:5px;
  179. }
  180.  
  181.  
  182. #tags a {
  183. margin-right:10px;
  184. color:{color:link};
  185. background-color:{color:background link};
  186. }
  187.  
  188. #tags a:hover {
  189. margin-right:10px;
  190. color:{color:link hover};
  191. background-color:{color:background};
  192. }
  193.  
  194. #info{
  195. margin-top:10px;
  196. font-family:'helvetica';
  197. font-size:9px;
  198. text-transform:lowercase;
  199. text-align:left;
  200. padding: 3px 5px 0px 5px;
  201. border-top: 3px double;
  202. border-color: {color:border color};
  203. }
  204.  
  205. #info a {
  206. color:{color:link};
  207. }
  208.  
  209. #info a:hover {
  210. color:{color:link hover};
  211. }
  212.  
  213.  
  214.  
  215. blockquote {
  216. border-left: 3px solid;
  217. border-color: {color:border color};
  218. padding-left:5px;
  219. margin:0px 2px 0px 10px
  220. }
  221.  
  222.  
  223. #quote {
  224. text-align:center;
  225. font-family:'cambria';
  226. font-style:italic;
  227. font-size: 17px;
  228. line-height: 100%;
  229. }
  230.  
  231. #quotesrc {
  232. text-align:center;
  233. font-family:'cambria';
  234. font-style:italic;
  235. font-size:12px;
  236. }
  237.  
  238.  
  239. #credit {
  240. position:fixed;
  241. right:10px;
  242. bottom:10px;
  243. text-transform:uppercase;
  244. font:10px 'cambria';
  245. letter-spacing:1px;
  246. padding:5px;
  247. -webkit-transition: all 0.5s ease;
  248. -moz-transition: all 0.5s ease;
  249. -ms-transition: all 0.5s ease;
  250. -o-transition: all 0.5s ease;
  251. transition: all 0.5s ease;
  252. }
  253.  
  254. #credit:hover {
  255. position:fixed;
  256. right:10px;
  257. bottom:10px;
  258. text-transform:uppercase;
  259. font:10px 'cambria';
  260. letter-spacing:1px;
  261. padding:5px;
  262. text-shadow: 1px 1px 1px #bebebe;
  263. -webkit-transition: all 0.5s ease;
  264. -moz-transition: all 0.5s ease;
  265. -ms-transition: all 0.5s ease;
  266. -o-transition: all 0.5s ease;
  267. transition: all 0.5s ease;
  268. }
  269.  
  270.  
  271. .user_1 .label {
  272. color:{color:text};
  273. font-weight:bold
  274. }
  275.  
  276. .user_2 .label {
  277. color:{color:text};
  278. font-weight:bold
  279. }
  280.  
  281. ul.chat, .chat ol, .chat li {
  282. list-style:none;
  283. margin:0px;
  284. padding:2px;
  285. }
  286.  
  287.  
  288. .audio {
  289. height:73px;
  290. margin-bottom:5px;
  291. }
  292. .audio-album {
  293. position:absolute;
  294. width:60px;
  295. }
  296. .audio-player {
  297. opacity:0.6;
  298. filter:alpha(opacity=60);
  299. border:2px solid #f2f2f2;
  300. width:25px;
  301. height:25px;
  302. overflow:hidden;
  303. position:absolute;
  304. z-index:2;
  305. margin-left:16px;
  306. margin-top:16px;
  307. }
  308. .audio-info {
  309. margin-left:80px;
  310. padding:5px;
  311. }
  312.  
  313.  
  314. #notes {font-weight:light; font-size:8px; letter-spacing:2px;}
  315. #notes li {padding-bottom:2em;}
  316. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:20px; height:20px;}
  317.  
  318. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1;}
  319.  
  320.  
  321. {CustomCSS}
  322.  
  323. </style>
  324. </head>
  325.  
  326.  
  327. <body>
  328.  
  329. <div id="credit"><a href="http://cleamour.tumblr.com/" target="_blank">CLMR</a></div>
  330.  
  331. <div id="sbar">
  332.  
  333. <div class="simg">
  334. <img src="{image:sidebar}"></div><br>
  335.  
  336. <div id="nav">
  337. <a href="/">home</a>
  338. <a href="/ask">ask</a>
  339. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  340. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  341. </div>
  342.  
  343. {block:Description}<div id="stext">
  344. {Description}
  345. </div>{/block:Description}
  346.  
  347. {block:Pagination}
  348. <div id="pag">
  349. {block:PreviousPage}
  350. <a href="{PreviousPage}">← </a>
  351. {/block:PreviousPage}
  352. {CurrentPage} of {TotalPages}
  353. {block:NextPage}
  354. <a href="{NextPage}"> →</a>
  355. {/block:NextPage}
  356. </div>{/block:Pagination}
  357.  
  358. </div>
  359.  
  360.  
  361.  
  362.  
  363.  
  364. <div id="entries">
  365. {block:Posts}
  366. <div id="posts">
  367.  
  368. {block:Title}<h1>{Title}</h1>{/block:Title}
  369. {block:Text}{Body}{/block:Text}
  370.  
  371. {block:Quote}
  372. <div id="quote">{Quote}</div><br><div id="quotesrc">{Source}</small></small></div>
  373. {/block:Quote}
  374.  
  375. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  376. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  377.  
  378. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  379. {LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  380.  
  381. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  382. {/block:Photoset}
  383.  
  384. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}
  385. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>
  386. {/block:Chat}
  387.  
  388. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  389.  
  390. {block:Answer}
  391. <table style="padding-bottom:5px;margin-bottom:5px;">
  392. <tr>
  393. <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>
  394. <td style="vertical-align:top;"><i><big><big>{Asker} asked:</big></big></i><br><span style="padding-left:10px;">{Question}</td>
  395. </tr>
  396. </table>
  397. {Answer}{/block:answer}
  398.  
  399. {block:Audio}<div class="audio">
  400. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  401. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  402. </div>
  403. <div class="audio-info">
  404. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  405. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  406. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  407. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  408. </div></div>
  409. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  410. {/block:Audio}
  411.  
  412. <div id="info">
  413. <div id="source">
  414. {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>
  415. {block:HasTags}</div>
  416. <div id="tags">
  417. {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div>
  418.  
  419. </div>
  420. {/block:Posts}
  421.  
  422. <div id="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  423.  
  424. </div>
  425.  
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement