Advertisement
Guest User

dobriaen40

a guest
Aug 18th, 2013
556
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.18 KB | None | 0 0
  1. <!-- *
  2.  
  3. theme made by dobriaen
  4. don't remove the credit
  5.  
  6. *-->
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13.  
  14. <meta name="color:title" content="#000000">
  15. <meta name="color:bg" content="#FFFFFF">
  16. <meta name="color:border" content="#e2e1e1">
  17. <meta name="color:hover" content="#f7f5f5">
  18. <meta name="color:infobg" content="#F9F9F9">
  19. <meta name="color:link" content="#000000">
  20. <meta name="color:scrollbar" content="#dddada">
  21. <meta name="color:tags" content="#d3d0d0">
  22. <meta name="color:text" content="#000000">
  23.  
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:sidebartitle" content="">
  28. <meta name="text:linkA" content="">
  29. <meta name="text:linkA url" content="/">
  30. <meta name="text:linkB" content="">
  31. <meta name="text:linkB url" content="/">
  32. <meta name="text:linkC" content="">
  33. <meta name="text:linkC url" content="/">
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48.  
  49. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  50.  
  51.  
  52.  
  53.  
  54.  
  55. a {
  56. color:{color:link};
  57. text-decoration:none;
  58. -moz-transition-duration:0.5s;
  59. -webkit-transition-duration:0.5s;
  60. -o-transition-duration:0.5s;
  61. }
  62.  
  63. a:hover {
  64. color:{color:hover};
  65. text-decoration:none;
  66. -moz-transition-duration:0.5s;
  67. -webkit-transition-duration:0.5s;
  68. -o-transition-duration:0.5s;
  69. }
  70.  
  71. /* --- EDIT SCROLLBAR HERE ---*/
  72.  
  73.  
  74. ::-webkit-scrollbar-thumb{
  75. background-color: #050505;
  76. border: 2px solid #ffffff;
  77. height:auto;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. height:9px;
  82. width:9px;
  83. background-color: #050505;
  84. border: 4px solid #fff;
  85. }
  86.  
  87. ::selection {
  88. background-color:#f9f9f9;
  89. }
  90.  
  91.  
  92.  
  93. body {
  94. background-color:{color:bg};
  95. font-family:new york;
  96. font-weight:normal;
  97. }
  98.  
  99.  
  100.  
  101.  
  102. h1 {
  103. font-weight:normal;
  104. font-size:10px;
  105. text-align:center;
  106. font-style:normal;
  107. line-height:80%;
  108. letter-spacing:1px;
  109. text-transform:uppercase;
  110. color:{color:text};
  111. }
  112.  
  113. h2 {
  114. font-size:15px;
  115. text-align:center;
  116. line-height:100%;
  117. letter-spacing:-0.5px;
  118. color:{color:text};
  119. font-weight:normal;
  120. padding:5px;
  121. padding-bottom:2px;
  122. }
  123.  
  124.  
  125. blockquote {
  126. border-left:1px solid {color:border};
  127. padding-left:5px;
  128. margin:5px;
  129. }
  130.  
  131. #theme {
  132. background-color:{color:bg};
  133. width:700px;
  134. margin: 0 auto -12px auto;
  135. text-align: center;
  136. }
  137.  
  138. /* --- SIDEBAR ---*/
  139.  
  140. #sidebar {
  141. color:{color:text};
  142. position:fixed;
  143. width:150px;
  144. height:auto;
  145. margin-top:350px;
  146. margin-left:-250px;
  147. text-align:center;
  148. }
  149.  
  150. /* --- SIDEBAR PICTURE ---*/
  151.  
  152. #sidebarpicture img {
  153. width:230px;
  154. min-height:135px;
  155. max-height:145px;
  156. margin-left:125px;
  157. margin-top:-215px;
  158. z-index:2;
  159. position:absolute;
  160. -moz-transition-duration:1s;
  161. -webkit-transition-duration:1s;
  162. -o-transition-duration:1s;
  163. }
  164.  
  165. #sidebar:hover #sidebarpicture img {
  166. -moz-transition-duration:1s;
  167. -webkit-transition-duration:1s;
  168. -o-transition-duration:1s;
  169. }
  170.  
  171.  
  172. /* --- SIDEBAR LINKS ---*/
  173.  
  174. .links {
  175. font-family:new york;
  176. width:235px;
  177. display:inline-block;
  178. font-size:10px;
  179. letter-spacing:1px;
  180. text-transform:uppercase;
  181. text-align:center;
  182. font-style:none;
  183. margin-top:-250px;
  184. margin-left:125px;
  185. line-height:100%;
  186. word-spacing:0px;
  187. opacity:1;
  188. position:fixed;
  189. -moz-transition-duration:0.7s;
  190. -webkit-transition-duration:0.7s;
  191. -o-transition-duration:0.7s;
  192. }
  193.  
  194.  
  195. .links a{
  196. color:#000;
  197. float:left;
  198. text-decoration:none;
  199. background:transparent;
  200. padding:5px;
  201. opacity:1;
  202. letter-spacing:0px;
  203. -webkit-transition: all 1s ease;
  204. -moz-transition: all 1s ease;
  205. -o-transition: all 1s ease;
  206. }
  207.  
  208. .links a:hover{
  209. background:#000;
  210. color:#fff;
  211. text-decoration:none;
  212. opacity:1;
  213. -webkit-transition: all 1s ease;
  214. -moz-transition: all 1s ease;
  215. -o-transition: all 1s ease;
  216. }
  217.  
  218.  
  219. .home a{
  220. color:#fff;
  221. background:black;
  222. float:left;
  223. text-decoration:none;
  224. padding:5px;
  225. opacity:1;
  226. letter-spacing:0px;
  227. -webkit-transition: all 1s ease;
  228. -moz-transition: all 1s ease;
  229. -o-transition: all 1s ease;
  230. }
  231.  
  232. /* --- TITLE ---*/
  233.  
  234. .title{
  235. width:800px;
  236. color:{color:title};
  237. text-transform:none;
  238. font-size:85px;
  239. font-family: 'Bebas Neue';
  240. border-bottom:3px solid #000;
  241. font-style:none;
  242. line-height:100%;
  243. display:block;
  244. text-align:left;
  245. letter-spacing:0px;
  246. word-spacing:0px;
  247. margin-top:-360px;
  248. background:#fff;
  249. padding-bottom:15px;
  250. padding-top:30px;
  251. margin-left:200px;
  252. position:fixed;
  253. }
  254.  
  255. /* --- DESCRIPTION ---*/
  256.  
  257. .description {
  258. margin-top:-75px;
  259. margin-left:185px;
  260. position:absolute;
  261. text-align:justify;
  262. font-size:11px;
  263. width:230px;
  264. color:{color:text};
  265. letter-spacing:0px;
  266. line-height:110%;
  267. padding-left:15px;
  268. }
  269.  
  270. .description a {
  271. color:{color:text};
  272. }
  273.  
  274.  
  275.  
  276. /* --- PAGINATION ---*/
  277.  
  278. .pagination {
  279. width:80px;
  280. height:20px;
  281. text-transform:lowercase;
  282. letter-spacing:0px;
  283. text-align:right;
  284. margin-left:150px;
  285. margin-top:0px;
  286. font-family:new york;
  287. font-style:italic;
  288. font-size:15px;
  289. padding-top:5px;
  290. padding-bottom:3px;
  291. opacity:1;
  292. position:fixed;
  293. -moz-transition-duration:0.7s;
  294. -webkit-transition-duration:0.7s;
  295. -o-transition-duration:0.7s;
  296. }
  297.  
  298. .pagination a {
  299. color:{color:text};
  300. }
  301.  
  302. .pagination a:hover{
  303. color:{color:link};
  304. }
  305.  
  306. /* --- POST ENTRIES ---*/
  307.  
  308. #entries {
  309. float:left;
  310. margin-left:240px;
  311. margin-top:85px;
  312. text-align:justify;
  313. background-color:{color:bg};
  314. color:{color:text};
  315. margin-bottom: 30px;
  316. }
  317.  
  318. /* --- POSTS ---*/
  319.  
  320.  
  321. #posts {
  322. width:500px;
  323. margin-top:40px;
  324. text-align:justify;
  325. font-size:11px;
  326. line-height:100%;
  327. letter-spacing:0x;
  328. color:{color:text};
  329. padding:10px;
  330. }
  331.  
  332. .caption {
  333. width:500px;
  334. text-align:justify;
  335. line-height:120%;
  336. }
  337.  
  338. /* --- ASKS/ ANSWERS ---*/
  339.  
  340. #ask {
  341. text-align:justify;
  342. line-height:100%;
  343. color:{color:text};
  344. padding:5px;
  345. padding-bottom:10px;
  346. padding-top:0px;
  347. }
  348.  
  349.  
  350. #asker img {
  351. margin-left:-2px;
  352. margin-bottom:-17px;
  353. padding:3px;
  354. background:#000;
  355. border:double #fff;
  356. }
  357.  
  358. #asker{
  359. margin-top:0px;
  360. }
  361.  
  362. #asker a{
  363. text-transform:uppercase;
  364. font-size:12px;
  365. }
  366.  
  367. #ans {
  368. text-align:left;
  369. padding-left:5px;
  370. color:{color:text};
  371. margin-top:-10px;
  372. }
  373.  
  374. /* --- AUDIO STUFF ---*/
  375.  
  376. .audio {
  377. width:490px;
  378. padding:10px;
  379. padding-right:0px;
  380. background-color:{color:infobg};
  381. }
  382.  
  383. .albumart {
  384. float:left;
  385. padding:0px 10px 10px 0px;
  386. }
  387.  
  388. .albumart img {
  389. width:80px;
  390. height:80px;
  391. }
  392.  
  393. .playercontainer {
  394. text-align:left;
  395. padding:0px;
  396. width:480px;
  397. }
  398.  
  399. .audioinfo {
  400. padding:0px;
  401. color:{color:text};
  402. }
  403.  
  404. /* --- POST INFO ---*/
  405.  
  406. #postinfo {
  407. color:{color:text};
  408. text-align:left;
  409. font-family:calibri;
  410. font-style:none;
  411. font-size: 9px;
  412. letter-spacing:0px;
  413. margin-top:10px;
  414. padding:3px;
  415. padding-left:1px;
  416. padding-right:1px;
  417. text-transform:uppercase;
  418. color:{color:text};
  419. border-top: 2px solid #000;
  420. }
  421.  
  422. #postinfo a {
  423. color:#000;
  424. }
  425.  
  426.  
  427.  
  428.  
  429.  
  430. /* --- TAGS ---*/
  431.  
  432. .tags {
  433. margin-top:2px;
  434. font-family:calibri;
  435. font-style:none;
  436. text-transform:uppercase;
  437. color:{color:text};
  438. font-size:8px;
  439. text-align:left;
  440. padding-bottom:2px;
  441. opacity:1;
  442. z-index:1;
  443. padding:2px;
  444. padding-left:1px;
  445. border-top:2px solid #000;
  446. -moz-transition-duration:0.5s;
  447. -webkit-transition-duration:0.5s;
  448. -o-transition-duration:0.5s;
  449. }
  450.  
  451. .tags a {
  452. color:{color:text};
  453. }
  454.  
  455. #posts:hover .tags{
  456. opacity:1;
  457. }
  458.  
  459. /* --- CHAT STUFF ---*/
  460.  
  461. ul.chat, .chat ol, .chat li {
  462. list-style:none;
  463. margin:0px;
  464. padding:3px;
  465. }
  466.  
  467. .label {
  468. text-decoration:underline;
  469. font-weight:700;
  470. margin-right:5px;
  471. }
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478. {CustomCSS}
  479.  
  480.  
  481. </style></head>
  482.  
  483.  
  484.  
  485. <body>
  486.  
  487. <div id="theme">
  488. <div id="sidebar"> <div class="title">{text:sidebartitle}</div>
  489. <div id="sidebarpicture">
  490. <img src="{image:sidebar}">
  491. <div class="description"> <br>
  492. {Description}
  493. {block:Pagination}
  494. <div class="pagination">
  495. {block:PreviousPage}
  496. <a href="{PreviousPage}">prev</a>
  497. {/block:PreviousPage}
  498. {block:NextPage} -
  499. <a href="{NextPage}">next</a>
  500. {/block:NextPage}
  501. </div>
  502. {/block:Pagination}
  503. </div>
  504. </div>
  505. <div class="links">
  506. <div class="home">
  507. <a href="/">home</a> </div>
  508. <a href="/ask">msg</a>
  509. {block:IfLinkA}
  510. <a href="{text:linkA url}">{text:linkA}</a>
  511. {/block:IfLinkA}
  512. {block:IfLinkB}
  513. <a href="{text:linkB url}">{text:linkB}</a>
  514. {/block:IfLinkB}
  515. {block:IfLinkC}
  516. <a href="{text:linkC url}">{text:linkC}</a>
  517. {/block:IfLinkC}
  518. </div>
  519. </div>
  520.  
  521.  
  522. <div id="entries">
  523.  
  524. {block:Posts}
  525.  
  526. <div id="posts">
  527.  
  528. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  529.  
  530. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  531.  
  532. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  533. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  534.  
  535. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  536.  
  537. {block:Photoset}<center>{Photoset-500}</center>
  538. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  539.  
  540. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  541.  
  542. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  543.  
  544. {block:Answer}<div id="ask"> <div id="asker"> <img src="{AskerPortraitURL-24}"> <strong>— {Asker}</strong> </div> <br> <p> ❝{Question}❞</div><div id="ans">{Answer}</div>{/block:answer}
  545.  
  546. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  547. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  548. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  549. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  550. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  551.  
  552.  
  553. <div id="postinfo"> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} <a href="{Permalink}">with {NoteCountWithLabel} </a>{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}"> <font color=#ff6060>♥</font> via </a>{/block:RebloggedFrom}
  554. {block:ContentSource}<a href="{SourceURL}"> © source</a> {/block:ContentSource} <div style="float:right;"><a href="{ReblogURL}" target="_blank">— reblog</a> </div></div>
  555. {block:HasTags}
  556. <div class="tags"> <strong>Filled under:</strong>
  557. {block:Tags}<a href="{TagURL}"> # {Tag} </a>{/block:Tags}</div>
  558. {/block:HasTags}
  559. <div class="note">
  560. {block:PostNotes}{PostNotes}{/block:PostNotes}
  561. </div>
  562. </div>
  563. {/block:Posts}
  564.  
  565.  
  566. </div>
  567.  
  568.  
  569.  
  570.  
  571.  
  572. <div style="position: fixed; bottom: 0px; right: 0px; "><a href="http://dobriaen.tumblr.com"><img src="http://static.tumblr.com/4k1qh9y/vKcmrfz3i/credit.gif"></a></div></div></div>
  573.  
  574. </div>
  575. </div>
  576. </div>
  577. </body>
  578. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement