API tools faq
paste
Advertisement
stylesassists

stylesassists edited theme 002

stylesassists
Dec 18th, 2013
896
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.72 KB | None | 0 0
raw download clone embed print report
  1. <link rel="shortcut icon" href="{favicon}">
  2.  
  3. <!--
  4.  
  5. THIS IS A THEME BY DOBREV.CO.VU
  6.  
  7. !DO NOT REMOVE THE CREDIT!
  8.  
  9. EDITED BY STYLESASSISTS
  10.  
  11. KEEP DOBREV.CO.VU'S CREDIT INTACT
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17. <title>{Title}</title>
  18.  
  19. <meta name="color:Background" content="#FFFFFF" />
  20. <meta name="color:Posts" content="#FFFFFF" />
  21. <meta name="color:Body" content="#333232" />
  22. <meta name="color:Links" content="#c5c5c5" />
  23. <meta name="color:Border" content="#efefef" />
  24. <meta name="color:Hover" content="#FFFFFF" />
  25. <meta name="color:Scrollbar" content="#000000" />
  26. <meta name="color:Scrollbar bg" content="#FFFFFF" />
  27. <meta name="color:Info" content="" />
  28. <meta name="color:Desc" content="#6e6666" />
  29. <meta name="color:Desc bg" content="" />
  30. <meta name="color:Bold" content="#4e4f4f" />
  31. <meta name="color:Italic" content="#c0c0c0" />
  32. <meta name="color:Blockquote" content="#9d9d9d" />
  33. <meta name="color:Asker" content="#a2a1a1" />
  34. <meta name="color:Asker bg" content="#3a3a3a" />
  35. <meta name="color:Question" content="#777676" />
  36.  
  37.  
  38. <meta name="image:Background" content="" />
  39. <meta name="image:Sidebar" content="" />
  40. <meta name="image:Sidebar1" content="" />
  41. <meta name="image:Link 1" content="" />
  42. <meta name="image:Link 2" content="" />
  43. <meta name="image:Link 3" content="" />
  44.  
  45. <meta name="text:Link 1" content="/" />
  46. <meta name="text:Link 2" content="/" />
  47. <meta name="text:Link 3" content="/" />
  48.  
  49. <meta name="if:Snow" content="0" />
  50. <meta name="if:White player" content="1" />
  51. <meta name="if:Grey player" content="0" />
  52. <meta name="if:Black player" content="0" />
  53.  
  54. <style type="text/css">
  55.  
  56. @font-face { font-family: "angelina"; src: url('http://static.tumblr.com/ovbutpz/DSzmxt0g1/angelina.ttf'); }
  57.  
  58. @font-face { font-family: "dice"; src: url('http://static.tumblr.com/ovbutpz/10Umxulvk/dice.ttf'); }
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};height:100px;}
  61.  
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:border};height:10px !important;}
  63.  
  64. ::-webkit-scrollbar { height:10px;width:2px; background-color:{color:hover};}
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. height:auto;
  68. background-color:{color:Scrollbar};
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb:vertical {
  72. background-color:{color:Scrollbar};
  73. -moz-border-radius:10px;
  74. -webkit-border-radius:10px;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. width:3px;
  79. height:5px;
  80. background-color:{color:Scrollbar bg};
  81. }
  82.  
  83. /* THE BASIC THINGS */
  84.  
  85. body {
  86. -webkit-font-smoothing: antialiased;
  87. background:{color:Background};
  88. background-image:url('{image:Background}');
  89. background-attachment:fixed;
  90. font-family:calibri;
  91. color:{color:Body};
  92. font-size:11px;
  93. margin-left:20px;
  94. width:500px;
  95. margin:0 auto;
  96. }
  97.  
  98. b, strong, .strong {
  99. color:{color:Bold};
  100. }
  101.  
  102. i, em, .em{
  103. color:{color:italic};
  104. }
  105.  
  106. a {
  107. text-decoration:none;
  108. color:{color:Links};
  109. }
  110.  
  111. a:hover {
  112. color:{color:Hover};
  113. -webkit-transition: all 0.7s ease-in-out;
  114. -moz-transition: all 0.7s ease-in-out;
  115. transition: all 0.7s ease-in-out;
  116. }
  117.  
  118.  
  119. h1 {
  120. font-size:20px;
  121. font-family:calibri;
  122. text-transform:uppercase;
  123. }
  124.  
  125.  
  126. #container {
  127. margin: 0 -220px auto;
  128. width:100%;
  129. }
  130.  
  131. blockquote {
  132. padding-left:10px;
  133. border-left:2px solid {color:blockquote};
  134. }
  135.  
  136. blockquote blockquote {
  137. padding-left:10px;
  138. border-left:2px solid {color:blockquote};
  139. }
  140.  
  141.  
  142.  
  143. /* THE SIDEBAR */
  144.  
  145.  
  146. #sidebar {
  147. position:fixed;
  148. width:100px;
  149. }
  150.  
  151. #sidebar img {
  152. width:500px;
  153. height:185px;
  154. margin-top:60px;
  155. margin-left:-100px;
  156. border:1px solid {color:border};
  157. padding:5px;
  158. }
  159.  
  160. #sidebar1 img {
  161. position:fixed;
  162. width:500px;
  163. height:185px;
  164. margin-top:400px;
  165. margin-left:-100px;
  166. border:1px solid {color:border};
  167. padding:5px;
  168. }
  169.  
  170. #description {
  171. text-align:left;
  172. font-family:calibri;
  173. color:{color:desc};
  174. background-color:{color:posts};
  175. font-size:10px;
  176. position:fixed;
  177. width:470px;
  178. padding:20px;
  179. margin-top:268px;
  180. letter-spacing:0px;
  181. text-transform:none;
  182. text-decoration:none;
  183. margin-left:-100px;
  184. height:80px;
  185. border: 1px solid {color:border};
  186. }
  187.  
  188.  
  189. #box {
  190. position:fixed;
  191. padding:10px;
  192. margin-top: 75px;
  193. margin-left: 40px;
  194. width: 250px;
  195. height: 150px;
  196. overflow:auto;
  197. font-size: 9px;
  198. border: 1px solid {color:border};
  199. color:{color:text};
  200. letter-spacing:2px;
  201. line-height:100%;
  202. opacity:0.0;
  203. -moz-transition-duration:0.5s;
  204. -webkit-transition-duration:0.5s;
  205. -o-transition-duration:0.5s;
  206. }
  207.  
  208. #box:hover {
  209. background:{color:posts};
  210. opacity:1.0;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. }
  215.  
  216.  
  217. .link1 img {
  218. position:fixed;
  219. margin-top:-20px;
  220. margin-left:-100px;
  221. width:150px;
  222. height:50px;
  223. }
  224.  
  225. .link2 img {
  226. position:fixed;
  227. margin-top:-20px;
  228. margin-left:90px;
  229. width:150px;
  230. height:50px;
  231. }
  232.  
  233. .link3 img {
  234. position:fixed;
  235. margin-top:-20px;
  236. margin-left:290px;
  237. width:150px;
  238. height:50px;
  239. }
  240.  
  241. .fade{opacity:1;-webkit-transition:all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  243. .fade:hover {opacity:.5; -webkit-transition: all 0.5s ease-out;
  244. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  245.  
  246. /* THE POSTS */
  247.  
  248. #entries {
  249. width:500px;
  250. padding:16px;
  251. margin-left:270px;
  252. text-transform:none;
  253. text-align:left;
  254. margin-top:50px;
  255. }
  256.  
  257. .post {
  258. background-color:{color:posts};
  259. width:500px;
  260. text-decoration:small;
  261. margin-top:5px;
  262. padding:15px;
  263. margin-bottom:50px;
  264. border: 1px solid {color:Border};
  265. }
  266.  
  267.  
  268. .links a {
  269. padding:5px;
  270. text-decoration:none;
  271. text-transform:uppercase;
  272. letter-spacing:-1px;
  273. color:{color:links};
  274. margin-left:2px;
  275. z-index:999999999;
  276. }
  277.  
  278.  
  279. #info {
  280. padding:2px;
  281. color:{color:info};
  282. text-align:center;
  283. font-size:8px;
  284. margin-top:25px;
  285. text-transform:uppercase;
  286. border-bottom: 1px solid{color:Border};
  287. }
  288.  
  289. #info a:hover {
  290. color:{color:Hover};
  291. -webkit-transition: all 0.7s ease-in-out;
  292. -moz-transition: all 0.7s ease-in-out;
  293. transition: all 0.7s ease-in-out;
  294. border-bottom:1px solid {color:hover};
  295. }
  296.  
  297.  
  298. #info a {
  299. color:{color:info};
  300. }
  301.  
  302.  
  303. .ask {
  304. color:{color:Question};
  305. background-color:{color:asker bg};
  306. font-family:calibri;
  307. font-size:11px;
  308. padding:10px;
  309. height:auto;
  310. width:400px;
  311. height:auto;
  312. margin-top:-40px;
  313. margin-left:60px;
  314. -moz-border-radius:5px;
  315. -webkit-border-radius:5px;
  316. border-radius:5px;
  317. border-top:7px solid transparent;
  318. border-bottom:7px solid transparent;
  319. }
  320.  
  321.  
  322. .ask a {
  323. color:{color:Asker};
  324. }
  325.  
  326. .asker {
  327. position:relative;
  328. height:40px;
  329. width:40px;
  330. }
  331.  
  332. .answer {
  333. margin-top:10px;
  334. }
  335.  
  336. .asker img {
  337. position:absolute;
  338. top:0px;
  339. left:0px;
  340. border:5px solid {color:Asker bg};
  341. }
  342.  
  343. .asker img:hover{
  344. transform:rotate(360deg);
  345. -webkit-transform:rotate(360deg);
  346. background:transparent;
  347. transition:width 2s, height 4s, transform 2s;
  348. -webkit-transition:width 1s, height 4s, -webkit-transform 3s;
  349. }
  350.  
  351.  
  352. #pagination {
  353. position:fixed;
  354. font-size:9px;
  355. font-family:calibri;
  356. text-transform:lowercase;
  357. margin-left:80px;
  358. margin-top:0px;
  359. letter-spacing:0px;
  360. }
  361.  
  362. #tags a {
  363. padding:0px;
  364. padding-right:10px;
  365. font-size:9px;
  366. font-family:calibri;
  367. }
  368.  
  369. #tags {
  370. color:{color:links};
  371. font-size:9px;
  372. margin-top:-5px;
  373. text-align:right;
  374. text-transform:lowercase;
  375. }
  376.  
  377. .audio {
  378. padding-bottom:5px;
  379. }
  380.  
  381. .album {
  382. float:left;
  383. padding:10px;
  384. }
  385.  
  386. .album img {
  387. width:100px;
  388. height:100px;
  389. }
  390.  
  391. .album img:hover{
  392. transform:rotate(360deg);
  393. -webkit-transform:rotate(360deg);
  394. background:transparent;
  395. transition:width 2s, height 4s, transform 2s;
  396. -webkit-transition:width 1s, height 4s, -webkit-transform 3s;
  397. }
  398.  
  399. .audioinfo {
  400. padding:10px;
  401. margin-bottom:-10px;
  402. margin-top:15px;
  403. color:{color:text};
  404. font-size:12px;
  405. }
  406.  
  407. .player{
  408. text-align:left;
  409. padding:10px;
  410. }
  411.  
  412.  
  413.  
  414.  
  415. /* DO NOT MESS WITH THIS OR I'LL CUT YOU */
  416.  
  417. #credit {
  418. position:fixed;
  419. font-size:9px;
  420. color:#000;
  421. font-family:arial;
  422. height:30px;
  423. right:20px;
  424. bottom:5px;
  425. padding:0px;
  426. }
  427.  
  428.  
  429. </style>
  430.  
  431.  
  432. </head>
  433.  
  434. <body>
  435.  
  436.  
  437.  
  438.  
  439. <div id="container">
  440.  
  441.  
  442. <div class="link1"><a href="{text:Link 1}"><img src="{image:link 1}" class="fade"></a></div>
  443. <div class="link2"><a href="{text:Link 2}"><img src="{image:link 2}" class="fade"></a></div>
  444. <div class="link3"><a href="{text:Link 3}"><img src="{image:link 3}" class="fade"></a>
  445. </div>
  446.  
  447. <div id="sidebar"><img src="{image:sidebar}"></div>
  448. <div id="sidebar1"><img src="{image:sidebar1}"></div>
  449.  
  450. <div id="description">{Description}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  451. ―{block:NextPage}<a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}</div></div>
  452.  
  453. <div id="box">
  454. <br><Center>
  455. HI THERE!<br>
  456. <p>You can put a lot of awesome things in here. to do lists, what i do lists, music players, a longer description, plots, updates? this can be as long as you want, there's a scrollbar so yeah, go crazy with it.
  457. <p>
  458. “Imagination is more important than knowledge. Knowledge is limited; imagination encircles the world.”<p></p><p><li><big>big text</big></li></p><p><li><strike>strike one</strike></li></p><P><li>.<code>code</code></li></P><p><li><small>small</small></li></p>
  459. </div>
  460.  
  461.  
  462. </div>
  463.  
  464.  
  465. <div id="entries">{block:Posts}<div class="post">
  466. {block:ContentSource}
  467. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  468. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  469. {/block:SourceLogo}
  470. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  471. {/block:ContentSource}
  472.  
  473.  
  474. {block:Text}<h1>{block:Title}<center>{Title}</center>{/block:Title}</h1>{Body}{/block:Text}
  475.  
  476. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  477.  
  478. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  479.  
  480. {block:Quote}"{Quote}"{block:Source} <br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  481.  
  482. {block:Link}<div id="h3"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  483.  
  484. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  485.  
  486. {block:Audio}<div class="audio">{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  487. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br/>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br/>{/block:Artist}</div>
  488. <br><div class="player">{block:ifWhiteplayer}{AudioPlayerWhite}{/block:ifWhiteplayer}{block:ifGreyplayer}{AudioPlayerGrey}{/block:ifGreyplayer}{block:ifBlackplayer}{AudioPlayerBlack}{/block:ifBlackplayer}</div></div>{/block:Audio}
  489.  
  490. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  491.  
  492. {block:Answer}<div class="asker img"><img src="{AskerPortraitURL-40}"></div><div class="ask">{Asker} said: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  493.  
  494. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} ― <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom} ― <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  495. {block:ContentSource} ― <a href="{SourceURL}">source</a>{/block:ContentSource} ― <a href="{ReblogURL}" target="_blank" >reblog</a></div><br><i><div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div></i>
  496.  
  497.  
  498.  
  499.  
  500.  
  501. </div>
  502.  
  503. {block:PostNotes}{PostNotes}{/block:PostNotes}
  504.  
  505. {/block:Posts}
  506.  
  507. <div id="credit"><br><a href="http://dobrev.co.vu/"> © THEME</a></div>
  508.  
  509. </div>
  510. </body>
  511. </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!