Advertisement
paulveretts

Theme 18.2 - [GC]

Aug 5th, 2013
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.07 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5.  
  6. THEME BY JÚLIA @ PAULVERETTS.
  7.  
  8. -->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head><title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Sidebar" content="#eeeeee"/>
  20. <meta name="color:Navigation Link" content="#eeeeee"/>
  21. <meta name="color:Pagination BG" content="#f5f5f5"/>
  22. <meta name="color:Nav Bar BG" content="#eeeeee"/>
  23. <meta name="color:Text" content="#9b9898"/>
  24. <meta name="color:Description" content="#9e9c9c"/>
  25. <meta name="color:Link" content="#b8b8b8"/>
  26. <meta name="color:Tags" content="#f0f0f0"/>
  27. <meta name="color:Hover" content="#92854b"/>
  28. <meta name="color:Info BG" content="#f7f3f5"/>
  29. <meta name="color:Line" content="#dfdfdf"/>
  30. <meta name="color:Border" content="#dbdada"/>
  31. <meta name="color:Question BG" content="#f7f3f5"/>
  32. <meta name="color:Nav Link BG" content="#fcfcfc"/>
  33. <meta name="color:Nav Link Hover BG" content="#bebdbd"/>
  34. <meta name="color:Post" content="#ffffff"/>
  35. <meta name="color:Nav Link Hover" content="#ffffff"/>
  36. <meta name="color:Answer" content="#f8f8f8"/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:bg" content=""/>
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 3 Text" content="" />
  41. <meta name="text:Link 4" content="" />
  42. <meta name="text:Link 4 Text" content="" />
  43. <meta name="text:Link 5" content="" />
  44. <meta name="text:Link 5 Text" content="" />
  45. <meta name="text:Link 6" content="" />
  46. <meta name="text:Link 6 Text" content="" />
  47. <meta name="if:Show Link 3" content="1" />
  48. <meta name="if:Show Link 4" content="1" />
  49. <meta name="if:Show Link 5" content="1" />
  50. <meta name="if:Show Link 6" content="1" />
  51. <meta name="color:scrollbarbg" content="000000"/>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. /* --- SCROLLBAR ---*/
  57.  
  58. ::-webkit-scrollbar {
  59. width: 5px;height: 5px;}
  60. ::-webkit-scrollbar-button:start:decrement,
  61. ::-webkit-scrollbar-button:end:increment {
  62. height: 6px;display: block;background-color: {color:black};}
  63. ::-webkit-scrollbar-track-piece {
  64. background-color: {color:scrollbarbg};}
  65. ::-webkit-scrollbar-thumb:vertical {
  66. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  67.  
  68.  
  69. /* --- BODY ---*/
  70.  
  71. body {
  72. background:{color:background};
  73. margin-left:100px;
  74. color:{color:text};
  75. font-family:Cambria;
  76. font-size:8px;
  77. letter-spacing:0px;
  78. line-height:100%;
  79. }
  80.  
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color:{color:link};
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92. blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97. blockquote blockquote {
  98. padding-left:5px;
  99. border-left:2px solid;
  100. }
  101.  
  102. h1 {
  103. font-size:12px;
  104. line-height:100%;
  105. font-family:cambria;
  106. text-transform:uppercase;
  107. text-align:left;
  108. font-weight:normal;
  109. }
  110.  
  111. h2 {
  112. font-size:11px;
  113. line-height:100%;
  114. border-bottom:1px;
  115. }
  116.  
  117. a:hover {
  118. text-decoration:underline;
  119. opacity:10;
  120. color:{color:hover};
  121. -webkit-transition: all 0.7s ease;
  122. -moz-transition: all 0.7s ease;
  123. -o-transition: all 0.7s ease;
  124. }
  125.  
  126. /* --- POST ENTRIES ---*/
  127.  
  128.  
  129. #entries {
  130. padding:20px;
  131. width:520px;
  132. margin-left:350px;
  133. margin-top:0px;
  134. }
  135.  
  136. /* --- BODY: POSTS ---*/
  137.  
  138.  
  139. #post {
  140. width:400px;
  141. margin-bottom:-100px;
  142. padding:10px;
  143. padding-bottom:40px;
  144. margin-top:100px;
  145. background-color:{color:Post};
  146. }
  147.  
  148. /* --- SIDEBAR IMAGE ---*/
  149.  
  150. #stitle {
  151. position:fixed;
  152. text-align:right;
  153. font-family:justus;
  154. font-size:9px;
  155. font-style:italic;
  156. border-bottom:1px solid {color:Border};
  157. letter-spacing:1px;
  158. text-transform:uppercase;
  159. width:285px;
  160. margin-left:95px;
  161. letter-spacing:1px;
  162. color:{color:Sidebar Title};
  163. margin-top:5px;
  164. }
  165.  
  166. #credit a:hover {
  167. border-radius:500px;
  168. color:{color:Hover};
  169. border 1px solid {color:Border};
  170. background-color:{color:Info BG};
  171. }
  172.  
  173. #musicinfo {
  174. font-size:8px;
  175. text-align:right;
  176. margin-top:-20px;
  177. }
  178.  
  179.  
  180. #player {
  181. margin-bottom:10px;
  182. }
  183.  
  184. #topbar {
  185. position:absolute;
  186. color:{color:Text};
  187. width:381px;
  188. padding:10px;
  189. background:{color:Pagination BG};
  190. text-align:right;
  191. margin-top:80px;
  192. text-transform:uppercase;
  193. font-size:8px;
  194. font-style:none;
  195. border-top:1px solid {color:Line};
  196. }
  197.  
  198. #sidebar {
  199. width:401px;
  200. height:100px;
  201. position:fixed;;
  202. padding-top:20px;
  203. margin-left:380px;
  204. margin-top:-10px;
  205. border-top:10px solid #fff;
  206. opacity:1;
  207. background:{color:Sidebar};
  208. }
  209.  
  210. #sidebarimage img {
  211. width:47px;
  212. border:8px solid {color:Border};
  213. height:47px;
  214. margin-left:20px;
  215. margin-top:0px;
  216. position:absolute;
  217. }
  218.  
  219.  
  220. /* --- SIDEBAR LINKS ---*/
  221.  
  222. .links {
  223. text-align:center;
  224. width:388px;
  225. padding: 6px;
  226. font-size:10px;
  227. text-align:center;
  228. margin-top:625px;
  229. margin-left:380px;
  230. opacity:1;
  231. line-height:6px;
  232. text-transform:lowercase;
  233. word-spacing:0px;
  234. position:fixed;
  235. background:{color:Nav Bar BG};
  236. -moz-transition-duration:0.4s;
  237. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;
  238. }
  239.  
  240. .links a {
  241. width:auto;
  242. color:{color:Navigation Link};
  243. font-family:cambria;
  244. text-transform:uppercase;
  245. font-size:7px;
  246. display:inline-block;
  247. padding:8px;
  248. margin-bottom:3px;
  249. background:{color:Nav Link BG};
  250. }
  251.  
  252. .links a:hover {
  253. text-decoration:none;
  254. color:{color:Nav Link Hover};
  255. background:{color:Nav Link Hover BG};
  256. border-radius:0px;
  257. -moz-transition-duration:0s;
  258. -webkit-transition-duration:0s; -o-transition-duration:0s;
  259. }
  260.  
  261.  
  262. /* --- DESCRIPTION ---*/
  263.  
  264. #description {
  265. position:fixed;
  266. line-height:90%;
  267. font-size:10px;
  268. opacity:0.8;
  269. letter-spacing:-0.3px;
  270. font-family:justus;
  271. width:285px;
  272. height:100px;
  273. margin-top:30px;
  274. padding:10px;
  275. margin-left:465px;
  276. text-align:justify;
  277. -moz-transition-duration:0.4s;
  278. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;
  279. }
  280.  
  281. #description a {color:{color:link}; -moz-transition-duration:0.4s;
  282. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  283.  
  284. /* --- PAGINATION---*/
  285.  
  286.  
  287. #pagination {
  288. position:fixed;
  289. font-family:cambria;
  290. width:400px;
  291. font-size:8px;
  292. text-transform:uppercase;
  293. margin-left:375px;
  294. margin-top:107px;
  295. padding-left:5px;
  296. letter-spacing:1px;
  297. font-style:normal;
  298. text-align:center;
  299. }
  300.  
  301. /* --- POST INFO ---*/
  302.  
  303. #info {
  304. color:{color:Text};
  305. width:393px;
  306. padding:4px;
  307. background:{color:Info BG};
  308. text-align:right;
  309. margin-top:10px;
  310. text-transform:uppercase;
  311. font-size:8px;
  312. font-style:none;
  313. border-top:1px solid {color:Line}
  314. }
  315.  
  316. /* --- POST TAGS---*/
  317.  
  318.  
  319. #tags {
  320. opacity:0.6;
  321. font-size:7px;
  322. width:400px;
  323. letter-spacing:0px;
  324. margin-top:0px;
  325. background:transparent;
  326. text-transform:uppercase;
  327. text-align:right;
  328. }
  329.  
  330. #tags a:hover {
  331. opacity:1;
  332. color:#000;
  333. }
  334.  
  335.  
  336.  
  337. /* --- QUESTIONS ---*/
  338.  
  339. #inquirer a {
  340. text-transform:uppercase;
  341. font-style:normal;
  342. }
  343.  
  344. #asker {
  345. padding:20px;
  346. border-bottom:1px dotted {color:Border};
  347. font-family:cambria;
  348. font-size:12px;
  349. text-transform:uppercase;
  350. letter-spacing:1px;
  351. text-align:right;
  352. background-color:{color:Info BG}
  353. }
  354.  
  355. /*** ask ***/
  356. .bubble {text-align:right;background: transparent; margin:0px 0px 0px 0px;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-family: cambria; font-size:10px; text-transform:uppercase; font-style:italic; border-top:1px solid {color:Border};}
  357. .bubble a {text-transform:uppercase; font-size:8px; font-style:normal;}
  358. .bubble p {margin:1px 0px;}
  359. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #fff;}
  360.  
  361. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  362.  
  363. {CustomCSS}</style></head><body>
  364. <div id="sidebar">
  365. <div id="topbar"></div>
  366. <div id="stitle"></div>
  367. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  368. </div>
  369.  
  370.  
  371. <div id="description">
  372. {Description}
  373. </div>
  374.  
  375. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}{/block:Pagination}</center></div>
  376.  
  377. <div class="links">
  378. <a href="/">index</a>
  379. <a href="/askfaq">mail</a>
  380. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  381. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  382. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  383. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  384. <a href="http://paulveretts.tumblr.com/">theme</a>
  385. </div>
  386.  
  387.  
  388.  
  389. </div>
  390.  
  391. <div id="entries">{block:Posts}<div id="post">
  392.  
  393. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  394.  
  395. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  396.  
  397. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  398.  
  399. {block:Quote}<blockquote><big><big><center>– <i><b>"</b>{Quote}</i></big></big><b>"</b></center></blockquote>{/block:Quote}
  400.  
  401. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  402.  
  403. <justify><big>{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}</big></justify>
  404.  
  405. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="78px" height="78px" align="left" style="margin-bottom:10px" />{/block:AlbumArt}<div id="player">{AudioPlayerWhite}</div></left>
  406. <div id="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  407. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  408. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times</div><br>
  409. {/block:Audio}
  410.  
  411. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  412.  
  413. {block:Answer}<div class="bubble"><span></span>{Question}&nbsp;<br>— {Asker}</div><blockquote>{Answer}</blockquote>{/block:Answer}
  414.  
  415. <div id="info"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:RebloggedFrom} ∙ <a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">/ source</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} ∙ <a href="{Permalink}">{NoteCount}</a></div>
  416.  
  417. {block:HasTags}<div class="tags">{block:Tags}.<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  418.  
  419. {/block:Posts}
  420. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  421. {/block:Posts}</div>
  422.  
  423.  
  424. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement