API tools faq
paste
Advertisement
syrin

gradient theme //original theme// **updated**

syrin
Sep 21st, 2014
1,226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-----------------------------------------------------------
  3. gradient / thank u sexycommunistmom3 theme
  4. by aria "sexycommunistmom3" juuz0u / mercedesmartens
  5. ------------------------------------------------------------
  6. features:
  7. everything my last original theme had + new cooler stuff
  8. and i made it make its own gradient background because
  9. ppl like those and im capitalizing on that shit immediately.
  10. read the theme post for more info unless it's not up yet
  11. which that means i just posted this
  12. ------------------------------------------------------------
  13. ------------------------------------------------------------
  14. this theme took a long time to make and it's my second
  15. original theme so that means dont use this as a code ref,
  16. base, or even take coding out of it to use for smth like
  17. a stupid redux edit. if you do i'll prob break your arms tbh
  18. ------------------------------------------------------------>
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27. </head>
  28. <!--- --->
  29. <meta name="color:Background" content="#d5f8eb"/>
  30. <meta name="color:top gradient color" content="#6047ff"/>
  31. <meta name="color:bottom gradient color" content="#fff"/>
  32. <meta name="color:color behind icon" content="#fff"/>
  33. <meta name="color:icon border" content="#000"/>
  34. <meta name="color:content background" content="#fff"/>
  35. <meta name="color:title" content="#6047ff"/>
  36. <meta name="color:title border" content="#000"/>
  37. <meta name="color:title background" content="#fff"/>
  38. <meta name="color:title 2 color 2" content="#6047ff"/>
  39. <meta name="color:title 2 color 1" content="#cbd8fe"/>
  40. <!--- --->
  41. <meta name="color:scrollbar color 1" content=""/>
  42. <meta name="color:scrollbar color 2" content=""/>
  43. <meta name="color:scrollbar color 3" content=""/>
  44. <meta name="color:scrollbar color 4" content=""/>
  45. <meta name="color:scrollbar color 5" content=""/>
  46. <!--- --->
  47. <meta name="color:bold text" content="#90d4ca"/>
  48. <meta name="color:italic text" content="#c5a6ff"/>
  49. <meta name="color:selected text highlight" content="#c8cffe"/>
  50. <meta name="color:selected text color" content="#ffffff"/>
  51. <!--- --->
  52. <meta name="color:ask background" content="#d7fedd"/>
  53. <meta name="color:ask border" content="#90d4ca"/>
  54. <meta name="color:ask text" content="#90d4ca"/>
  55. <meta name="color:ask answer border" content="#cccccc"/>
  56. <meta name="color:ask answer background" content="#e8edff"/>
  57. <meta name="color:ask answer text" content="#888f8d"/>
  58. <meta name="color:question background" content="#ffffff"/>
  59. <meta name="color:question border" content="#90d4ca"/>
  60. <meta name="color:asker portrait border" content="#90d4ca"/>
  61. <!--- --->
  62. <meta name="color:notecontainer border" content="#cccccc"/>
  63. <meta name="color:notecontainer background" content="#e8edff"/>
  64. <meta name="color:notecontainer text" content="#888f8d"/>
  65. <!--- --->
  66. <meta name="color:link" content="#d49aad"/>
  67. <meta name="color:link visited color" content=""/>
  68. <meta name="color:active link color" content=""/>
  69. <meta name="color:links background" content="#fff"/>
  70. <meta name="color:links border" content="#cccccc" />
  71. <meta name="color:hover link color" content="#c8cffe"/>
  72. <meta name="color:hover link color 2" content=""/>
  73. <meta name="color:post links 2 color 2" content="#90d4ca"/>
  74. <meta name="color:post links 2 color 1" content="#d7fedd"/>
  75. <!--- --->
  76. <meta name="color:description color" content="#888f8d"/>
  77. <meta name="color:description border" content="#cccccc"/>
  78. <meta name="color:description background" content="#fff"/>
  79. <meta name="color:description text link symbol color" content="#90d4ca"/>
  80. <meta name="color:description text link hover border color" content="#90d4ca"/>
  81. <meta name="color:content border" content="#CCCCCC"/>
  82. <meta name="color:post border" content="#cccccc" />
  83. <meta name="color:post background" content="#FFFFFF"/>
  84. <meta name="color:post font color" content="#666666"/>
  85. <meta name="color:footer background" content="#fff"/>
  86. <meta name="color:footer etc border" content="#cccccc"/>
  87. <meta name="color:title post text" content=""/>
  88. <meta name="color:title post and link post background" content="#e6fffa"/>
  89. <meta name="color:title post and link post border" content="#90d4ca"/>
  90. <meta name="color:blockquote" content="#CCCCCC"/>
  91. <meta name="color:h1 blockquote border" content="#ccc"/>
  92. <meta name="color:h1 blockquote background" content=""/>
  93. <meta name="color:tag symbol color" content="#90d4ca"/>
  94. <!--- --->
  95. <meta name="image:Background" content="" />
  96. <meta name="image:content background" content=""/>
  97. <meta name="image:footer background" content=""/>
  98. <meta name="image:previous page image" content="https://31.media.tumblr.com/fb02d2d3d30d79b1338c35f48e4189c7/tumblr_inline_n9o4o4UeME1rjx1o1.gif"/>
  99. <meta name="image:next page image" content="https://31.media.tumblr.com/3d752eb3c1f8e7356bbf0d9bff0f29d6/tumblr_inline_n9o4jfW33g1rjx1o1.gif"/>
  100. <!--- --->
  101. <meta name="if:bgcover" content="" />
  102. <meta name="if:gradient background" content="1"/>
  103. <meta name="if:gradient background 2" content=""/>
  104. <meta name="if:gradient background 3" content=""/>
  105. <meta name="if:show tags" content="1"/>
  106. <meta name="if:post links 2" content="1"/>
  107. <meta name="if:title 2" content="1"/>
  108. <meta name="if:outline border" content="1"/>
  109. <meta name="if:link decoration" content="1"/>
  110. <meta name="if:default font" content=""/>
  111. <meta name="if:solid posts" content="1"/>
  112. <meta name="if:translucent posts" content=""/>
  113. <meta name="if:translucent content" content=""/>
  114. <meta name="if:darker buttons" content=""/>
  115. <meta name="if:lighter buttons" content=""/>
  116. <!--- --->
  117. <meta name="text:tag symbol" content="☭"/>
  118. <meta name="text:description text link symbol" content="☭"/>
  119. <meta name="text:link 1 name" content=""/>
  120. <meta name="text:link 2 name" content=""/>
  121. <meta name="text:link 3 name" content=""/>
  122. <meta name="text:link 4 name" content=""/>
  123. <meta name="text:link 1 url" content=""/>
  124. <meta name="text:link 2 url" content=""/>
  125. <meta name="text:link 3 url" content=""/>
  126. <meta name="text:link 4 url" content=""/>
  127. <!--- --->
  128. <!--- --->
  129. <style type="text/css">@font-face{font-family:consolas;}
  130. .tumblr_audio_player {height:70px; width:400px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;border;#cccccc solid 1px;}
  131. </style>
  132. <style type="text/css">
  133. img a{
  134. border:none;
  135. }
  136. .container{
  137. background:none;
  138. border: none;
  139. width:700px;
  140. height:730px;
  141. margin-top:70px;
  142. }
  143. .container2{
  144. border: {color:content border} solid 1px;
  145. width:503px;
  146. padding:10px;
  147. height:260px;
  148. {block:ifnotoutlineborder}
  149. border-radius:5px;
  150. -moz-border-radius:5px;
  151. -webkit-border-radius:5px;
  152. {/block:ifnotoutlineborder}
  153. {block:ifoutlineborder}
  154. outline-color:{color:content border};
  155. outline-style:ridge;
  156. outline-width:medium;
  157. {/block:ifoutlineborder}
  158. margin-top:-40px;
  159. background:
  160. {block:iftranslucentcontent}
  161. rgba(250,250,250,0.5)
  162. {/block:iftranslucentcontent}
  163. {block:ifnottranslucentcontent}
  164. {color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  165. margin-left:82px;
  166. margin-bottom:25px;
  167. }
  168. #title{
  169. position:relative;
  170. background:none;
  171. word-wrap:break-word;
  172. border:none;
  173. max-height:60px;
  174. {block:ifoutlineborder}
  175. outline-color:{color:title border};
  176. outline-style:ridge;
  177. outline-width:medium;
  178. {/block:ifoutlineborder}
  179. {block:ifnotoutlineborder}
  180. border-radius:5px;
  181. -moz-border-radius:5px;
  182. -webkit-border-radius:5px;
  183. {/block:ifnotoutlineborder}
  184. width:480px;
  185. margin-top:7px;
  186. overflow:auto;
  187. margin-bottom:100px;
  188. padding:2px;
  189. margin-left:-1px;
  190. border:{color:title border} 1px solid;
  191. {block:ifsolidposts}
  192. background:{color:title background};
  193. {block:iftranslucentposts}
  194. background:{color:title background};
  195. {/block:iftranslucentposts}
  196. {/block:ifsolidposts}
  197.  
  198. {block:iftranslucentposts}
  199. background: rgba(250,250,250,0.9);
  200. {block:ifsolidposts}
  201. background: rgba(250,250,250,0.9);
  202. {/block:ifsolidposts}
  203. {/block:iftranslucentposts}
  204.  
  205. {block:ifnottranslucentposts}
  206. background:{color:title background};
  207. {/block:ifnottranslucentposts}
  208. {block:ifnotsolidposts}
  209. background: rgba(250,250,250,0.9);
  210. {/block:ifnotsolidposts}
  211. {block:iftitle2}
  212. font-size:25px;
  213. text-shadow: -1px 0 {color:title 2 color 2}, 0 1px {color:title 2 color 2}, 1px 0 {color:title 2 color 2}, 0 -1px {color:title 2 color 2};
  214. {/block:iftitle2}
  215. }
  216. #title img{
  217. max-height:100px;
  218. max-width:500px;
  219. }
  220. #k{
  221. {block:ifoutlineborder}
  222. outline-color:{color:icon border};
  223. outline-style:ridge;
  224. outline-width:medium;
  225. {/block:ifoutlineborder}
  226. {block:ifnotoutlineborder}
  227. border-radius:5px;
  228. -moz-border-radius:5px;
  229. -webkit-border-radius:5px;
  230. {/block:ifnotoutlineborder}
  231. width:96px;
  232. background:{color:color behind icon};
  233. height:96px;
  234. border:{color:icon border} 1px solid;
  235. position:relative;
  236. margin-top:-75px;
  237. margin-left:-390px;
  238. margin-bottom:40px;
  239. }
  240. #k img{
  241. {block:ifnotoutlineborder}
  242. border-radius:5px;
  243. -moz-border-radius:5px;
  244. -webkit-border-radius:5px;
  245. {/block:ifnotoutlineborder}
  246. }
  247. h2{
  248. font-size:20px;
  249. color:{color:title post text};
  250. border:solid 1px {color:title post and link post border};
  251. padding:8px;
  252.  
  253. text-align:center;
  254. background:{color:title post and link post background};
  255. }
  256. #description{
  257. position:relative;
  258. color:{color:description color};
  259. height:auto;
  260. max-height:72px;
  261. margin-top:-198px;
  262. {block:ifoutlineborder}
  263. outline-color:{color:description border};
  264. outline-style:ridge;
  265. outline-width:medium;
  266. {/block:ifoutlineborder}
  267. {block:ifnotoutlineborder}
  268. border-radius:5px;
  269. -moz-border-radius:5px;
  270. -webkit-border-radius:5px;
  271. {/block:ifnotoutlineborder}
  272. {block:ifsolidposts}
  273. background:{color:description background};
  274. {block:iftranslucentposts}
  275. background:{color:description background};
  276. {/block:iftranslucentposts}
  277. {/block:ifsolidposts}
  278.  
  279. {block:iftranslucentposts}
  280. background: rgba(250,250,250,0.9);
  281. {block:ifsolidposts}
  282. background: rgba(250,250,250,0.9);
  283. {/block:ifsolidposts}
  284. {/block:iftranslucentposts}
  285.  
  286. {block:ifnottranslucentposts}
  287. background:{color:description background};
  288. {/block:ifnottranslucentposts}
  289. {block:ifnotsolidposts}
  290. background: rgba(250,250,250,0.9);
  291. {/block:ifnotsolidposts}
  292.  
  293. width:340px;
  294. margin-left:115px;
  295. padding:12px;
  296. font-size:17px;
  297. font-family:{block:ifnotdefaultfont}"consolas"{/block:ifnotdefaultfont}{block:ifdefaultfont}"HelveticaNeue",Helvetica,Arial,sans-serif{/block:ifdefaultfont};
  298. overflow:auto;
  299. border:1px solid {color:description border};
  300. word-wrap:break-word;
  301. text-align:center;
  302. }
  303. #head img{
  304. max-height:250px;
  305. margin-top:20px;
  306. }
  307.  
  308. a{
  309. {block:iftitle2}
  310. color:{color:title 2 color 1};
  311. {/block:iftitle2}
  312. {block:ifnottitle2}
  313. color:{color:title};
  314. {/block:ifnottitle2}
  315. {block:ifnotpostlinks2}
  316. text-decoration: {block:ifnotlinkdecoration}none{/block:ifnotlinkdecoration} {block:iflinkdecoration} underline {/block:iflinkdecoration};
  317. {/block:ifnotpostlinks2}
  318. {block:ifpostlinks2}
  319. {block:iflinkdecoration}
  320. text-decoration:none;
  321. {/block:iflinkdecoration}
  322. {block:ifnotlinkdecoration}
  323. text-decoration:none;
  324. {/block:ifnotlinkdecoration}
  325. {/block:ifpostlinks2}
  326. {block:iftitle2}
  327. {block:ifnotpostlinks2}
  328. {block:iflinkdecoration}
  329. text-decoration:none;
  330. {/block:iflinkdecoration}
  331. {/block:ifnotpostlinks2}
  332. {/block:iftitle2}
  333. }
  334. a:hover{
  335. {block:iftitle2}
  336. color:{color:hover link color};
  337. text-shadow: -1px 0 {color:hover link color 2}, 0 1px {color:hover link color 2}, 1px 0 {color:hover link color 2}, 0 -1px {color:hover link color 2};
  338. {/block:iftitle2}
  339. {block:ifnottitle2}
  340. color:{color:hover link color};
  341. {/block:ifnottitle2}
  342. }
  343. body{
  344. background: {block:ifnotgradientbackground} {color:Background} {/block:ifnotgradientbackground} {block:ifgradientbackground}
  345. background: -webkit-linear-gradient({color:top gradient color}, {color:bottom gradient color})no-repeat center fixed ;
  346. -webkit-background-size: cover;
  347. -moz-background-size: cover;
  348. -o-background-size: cover;
  349. background-size: cover;
  350. background: -o-linear-gradient({color:top gradient color},{color:bottom gradient color})no-repeat center fixed ;
  351. -webkit-background-size: cover;
  352. -moz-background-size: cover;
  353. -o-background-size: cover;
  354. background-size: cover;
  355. background: -moz-linear-gradient({color:top gradient color}, {color:bottom gradient color})no-repeat center fixed ;
  356. -webkit-background-size: cover;
  357. -moz-background-size: cover;
  358. -o-background-size: cover;
  359. background-size: cover;
  360. background: linear-gradient({color:top gradient color}, {color:bottom gradient color})no-repeat center fixed ;
  361. -webkit-background-size: cover;
  362. -moz-background-size: cover;
  363. -o-background-size: cover;
  364. background-size: cover;
  365. {/block:ifgradientbackground}
  366. {block:ifgradientbackground2}
  367. background: -webkit-linear-gradient(left top, {color:top gradient color} , {color:bottom gradient color})
  368. no-repeat center fixed ;
  369. -webkit-background-size: cover;
  370. -moz-background-size: cover;
  371. -o-background-size: cover;
  372. background-size: cover;
  373. background: -o-linear-gradient(bottom right, {color:top gradient color}, {color:bottom gradient color})
  374. no-repeat center fixed ;
  375. -webkit-background-size: cover;
  376. -moz-background-size: cover;
  377. -o-background-size: cover;
  378. background-size: cover;
  379. background: -moz-linear-gradient(bottom right, {color:top gradient color}, {color:bottom gradient color})
  380. no-repeat center fixed ;
  381. -webkit-background-size: cover;
  382. -moz-background-size: cover;
  383. -o-background-size: cover;
  384. background-size: cover;
  385. background: linear-gradient(to bottom right, {color:top gradient color} , {color:bottom gradient color})
  386. no-repeat center fixed ;
  387. -webkit-background-size: cover;
  388. -moz-background-size: cover;
  389. -o-background-size: cover;
  390. background-size: cover;
  391. {block:ifgradientbackground2}
  392. {block:ifgradientbackground3}
  393. background: -webkit-linear-gradient(right,{color:top gradient color} , {color:bottom gradient color})
  394. no-repeat center fixed ;
  395. -webkit-background-size: cover;
  396. -moz-background-size: cover;
  397. -o-background-size: cover;
  398. background-size: cover;
  399. background: -o-linear-gradient(right,{color:top gradient color} , {color:bottom gradient color})
  400. no-repeat center fixed ;
  401. -webkit-background-size: cover;
  402. -moz-background-size: cover;
  403. -o-background-size: cover;
  404. background-size: cover;
  405. background: -moz-linear-gradient(right,{color:top gradient color} , {color:bottom gradient color})
  406. no-repeat center fixed ;
  407. -webkit-background-size: cover;
  408. -moz-background-size: cover;
  409. -o-background-size: cover;
  410. background-size: cover;
  411. background: linear-gradient(to right, {color:top gradient color} , {color:bottom gradient color})
  412. no-repeat center fixed ;
  413. -webkit-background-size: cover;
  414. -moz-background-size: cover;
  415. -o-background-size: cover;
  416. background-size: cover;
  417. {/block:ifgradientbackground3}
  418. url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  419. -webkit-background-size: cover;
  420. -moz-background-size: cover;
  421. -o-background-size: cover;
  422. background-size: cover; {/block:ifbgcover}
  423. {block:ifnotbgcover} top left fixed repeat; {block:ifnotbgcover}
  424. font-family:{block:ifnotdefaultfont}consolas{/block:ifnotdefaultfont}{block:ifdefaultfont}"HelveticaNeue",Helvetica,Arial,sans-serif{/block:ifdefaultfont};
  425.  
  426. }
  427. #99{
  428. height:500px;
  429. overflow:auto;
  430. position:fixed;
  431. margin-top:30px;
  432. }
  433. #fluffy{
  434. margin-left:82px;
  435. padding-bottom:25px;
  436. {block:ifoutlineborder}
  437. outline-color:{color:content border};
  438. outline-style:ridge;
  439. outline-width:medium;
  440. {/block:ifoutlineborder}
  441. {block:ifnotoutlineborder}
  442. border-radius:5px;
  443. -moz-border-radius:5px;
  444. -webkit-border-radius:5px;
  445. {/block:ifnotoutlineborder}
  446. margin-bottom:20px;
  447. border:1px {color:content border} solid;
  448. background:{block:iftranslucentcontent}
  449. rgba(250,250,250,0.5)
  450. {/block:iftranslucentcontent}
  451. {block:ifnottranslucentcontent}
  452. {color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  453. color:{color:post font color};
  454. width:520px;
  455. height:auto;
  456. {block:ifnotpostlinks2}
  457. font-size:14px;
  458. {/block:ifnotpostlinks2}
  459. {block:ifpostlinks2}
  460. font-size:17px;
  461. {/block:ifpostlinks2}
  462. }
  463. .verminia {
  464. position: relative;
  465. width:400px;
  466. {block:ifoutlineborder}
  467. outline-color:{color:post border};
  468. outline-style:ridge;
  469. outline-width:medium;
  470. {/block:ifoutlineborder}
  471. {block:ifnotoutlineborder}
  472. border-top-right-radius:5px;
  473. border-top-left-radius:5px;
  474. -moz-border-top-right-radius:5px;
  475. -moz-border-top-left-radius:5px;
  476. -webkit-border-top-right-radius:5px;
  477. -webkit-border-top-left-radius:5px;
  478. {/block:ifnotoutlineborder}
  479. border:1px {color:post border} solid;
  480. margin-top:20px;
  481. padding-left: 12px;
  482. padding-right: 12px;
  483. padding-top: 12px;
  484. text-align: left;
  485. {block:ifoutlineborder}
  486. padding-bottom: 33px;
  487. {/block:ifoutlineborder}
  488. {block:ifnotoutlineborder}
  489. padding-bottom: 25px;
  490. {/block:ifnotoutlineborder}
  491.  
  492. {block:ifsolidposts}
  493. background:{color:post background};
  494. {block:iftranslucentposts}
  495. background:{color:post background};
  496. {/block:iftranslucentposts}
  497. {/block:ifsolidposts}
  498.  
  499. {block:iftranslucentposts}
  500. background: rgba(250,250,250,0.9);
  501. {block:ifsolidposts}
  502. background: rgba(250,250,250,0.9);
  503. {/block:ifsolidposts}
  504. {/block:iftranslucentposts}
  505.  
  506. {block:ifnottranslucentposts}
  507. background:{color:post background};
  508. {/block:ifnottranslucentposts}
  509. {block:ifnotsolidposts}
  510. background: rgba(250,250,250,0.9);
  511. {/block:ifnotsolidposts}
  512.  
  513. color:{color:post font color};
  514. margin-bottom:23px;
  515. word-wrap:break-word;
  516. }
  517. .verminia a{
  518. {block:ifnotpostlinks2}
  519. color:{color:link};
  520. {/block:ifnotpostlinks2}
  521. {block:ifpostlinks2}
  522. font-size:17.5px;
  523. word-wrap:break-word;
  524. color:{color:post links 2 color 1};
  525. text-shadow: -1px 0 {color:post links 2 color 2}, 0 1px {color:post links 2 color 2}, 1px 0 {color:post links 2 color 2}, 0 -1px {color:post links 2 color 2};
  526. letter-spacing:2px;
  527. {/block:ifpostlinks2}
  528. }
  529. .verminia a:hover{
  530. {block:ifpostlinks2}
  531. color:{color:hover link color};
  532. text-shadow: -1px 0 {color:hover link color 2}, 0 1px {color:hover link color 2}, 1px 0 {color:hover link color 2}, 0 -1px {color:hover link color 2};
  533. {/block:ifpostlinks2}
  534. {block:ifnotpostlinks2}
  535. color:{color:hover link color};
  536. {/block:ifnotpostlinks2}
  537. }
  538. .verminia img{
  539. -moz-border-radius: 5px;
  540. -webkit-border-radius: 5px;
  541. border-radius: 5px;
  542. max-width:100%;
  543. }
  544. .verminia .photoset{
  545. -moz-border-radius: 5px;
  546. -webkit-border-radius: 5px;
  547. border-radius: 5px;
  548. }
  549. .verminia .video{
  550. -moz-border-radius: 5px;
  551. -webkit-border-radius: 5px;
  552. border-radius: 5px;
  553. }
  554. .verminia .audio{
  555. background:pink;
  556. -moz-border-radius: 5px;
  557. -webkit-border-radius: 5px;
  558. border-radius: 5px;
  559. }
  560. h1{
  561. background:{color:h1 blockquote background};
  562. border:1px solid {color:h1 blockquote border};
  563. font-size:15px;
  564. padding:5px;
  565. -moz-border-radius: 5px;
  566. -webkit-border-radius: 5px;
  567. border-radius: 5px;
  568. word-wrap:break-word;
  569. font-weight:normal;
  570. color:{color:post font color};
  571. }
  572. blockquote {
  573. border-left: solid 3px {color:Blockquote};
  574. border-bottom:solid 2px {color:Blockquote};
  575. padding:12px;
  576. overflow:auto;
  577. word-wrap:break-word;
  578. }
  579. #question{
  580. background:{color:ask background};
  581. padding:10px;
  582. border:1px solid {color:ask border};
  583. color:{color:ask text};
  584. border-radius:5px;
  585. -moz-border-radius:5px;
  586. -webkit-border-radius:5px;
  587. }
  588. #qq{
  589. margin-top:-42px;
  590. margin-left:50px;
  591. width:305px;
  592. text-align:center;
  593. max-height:400px;
  594. background:{color:question background} ;
  595. border:{color:question border} 1px solid;
  596. padding:10px;
  597. border-radius:5px;
  598. -moz-border-radius:5px;
  599. -webkit-border-radius:5px;
  600. }
  601. #ans{
  602. border:{color:ask answer border} 1px solid;
  603. background:{color:ask answer background};
  604. color:{color:ask answer text};
  605. margin-top:10px;
  606. padding:10px;
  607. text-align:center;
  608. border-radius:5px;
  609. -moz-border-radius:5px;
  610. -webkit-border-radius:5px;
  611. }
  612. #portrait{
  613. border:1px solid{color:asker portrait border};
  614. border-radius:5px;
  615. width:40px;
  616. height:40px;
  617. -moz-border-radius:5px;
  618. -webkit-border-radius:5px;
  619. }
  620. #spp{
  621. margin-top:0px;
  622. padding:3px;
  623. -moz-border-radius:5px;
  624. -webkit-border-radius:5px;
  625. border-radius:5px;
  626. text-align:center;
  627. margin-bottom:5px;
  628. background:{color:question background};
  629. border:{color:ask border} solid 1px;
  630. width:auto;
  631. }
  632. #33 {
  633. text-align: left;
  634. position: relative;
  635. margin-top: 5px;
  636. padding-top: -30px;
  637. font-weight:bold;
  638. color:{color:tag symbol color};
  639. }
  640. #puffle{
  641. float:right;
  642. {block:ifoutlineborder}
  643. outline-color:{color:post border};
  644. outline-style:ridge;
  645. outline-width:medium;
  646. {/block:ifoutlineborder}
  647. {block:ifnotoutlineborder}
  648. border-bottom-right-radius:5px;
  649. border-bottom-left-radius:5px;
  650. -moz-border-bottom-right-radius:5px;
  651. -moz-border-bottom-left-radius:5px;
  652. -webkit-border-bottom-right-radius:5px;
  653. -webkit-border-bottom-left-radius:5px;
  654. {/block:ifnotoutlineborder}
  655. border-bottom:{color:post border} 1px solid;
  656. border-left:{color:post border} 1px solid;
  657. border-right:{color:post border} 1px solid;
  658. border-top:{color:post border} 1px solid;
  659. margin-right:-13px;
  660. margin-top:6px;
  661. {block:ifoutlineborder}
  662. margin-bottom:8px;
  663. {/block:ifoutlineborder}
  664. width:408px;
  665. padding:8px;
  666. background:url('{image:footer background}') top left fixed repeat {color:footer background};
  667.  
  668. }
  669. #puff{
  670. margin-top:-32px;
  671. border:{color:footer etc border} 2px solid;
  672. height:20px;
  673. padding:4px;
  674. width:20px;
  675. background:{block:iftranslucentcontent}
  676. {color:footer background}
  677. {/block:iftranslucentcontent}{block:ifnottranslucentcontent}{color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  678. margin-left:0px;
  679. border-radius:40px;
  680. -moz-border-radius:40px;
  681. -webkit-border-radius:40px;
  682. }
  683. #pluff{
  684. margin-top:-2px;
  685. margin-left:35px;
  686. height:20px;
  687. background:{block:iftranslucentcontent}
  688. {color:footer background}
  689. {/block:iftranslucentcontent}{block:ifnottranslucentcontent}{color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  690. border:{color:footer etc border} 2px solid;
  691. padding:4px;
  692. width:20px;
  693. border-radius:40px;
  694. -moz-border-radius:40px;
  695. -webkit-border-radius:40px;
  696. }
  697.  
  698. #bloop{
  699. position:relative;
  700. font-size:14px;
  701. padding:10px;
  702. margin-top:0px;
  703. margin-bottom:-30px;
  704. color:{color:tag symbol color};
  705.  
  706. }
  707. #motherfucker{
  708. {block:ifpostbuttonsmiddle}
  709. margin-left:-10px;
  710. {/block:ifpostbuttonsmiddle}
  711. visibility: hidden;
  712. }
  713. #mask{
  714. background: url('{image:top lace}') top fixed repeat-x;
  715. height:100px;
  716. position:relative;
  717. margin-top:-40px;
  718. width:100%;
  719. {block:ifheader}
  720. margin-bottom:-30px;
  721. {/block:ifheader}
  722. }
  723. #notecontainer {
  724. margin: 20px auto;
  725. width: 350px;
  726. border:{color:notecontainer border} 1px solid;
  727. border-radius:5px;
  728. -moz-border-radius:5px;
  729. -webkit-border-radius:5px;
  730. background:{color:notecontainer background};
  731. font-size: 14px;
  732. height:300px;
  733. overflow:auto;
  734. color:{color:notecontainer text};
  735. padding:5px;
  736. }
  737. #notecontainer ol.notes {
  738. list-style-type: none;
  739. margin: 0;
  740. padding: 0;
  741. }
  742. #notecontainer img.avatar {
  743. margin-right: 10px;
  744. width: 16px;
  745. height: 16px;
  746. }
  747. #slayme{
  748. position:fixed;
  749. left:10px;
  750. bottom:5px;
  751. font-size:14px;
  752. opacity:1;
  753. z-index:51;
  754. padding: 5px;
  755. font-family:consolas;
  756. color:#cccccc;
  757. background: white;
  758. border: solid 1px {color:content border};
  759. {block:ifoutlineborder}
  760. outline-color:{color:content border};
  761. outline-style:ridge;
  762. outline-width:medium;
  763. {/block:ifoutlineborder}
  764. {block:ifnotoutlineborder}
  765. border-radius:5px;
  766. -moz-border-radius:5px;
  767. -webkit-border-radius:5px;
  768. {/block:ifnotoutlineborder}
  769. text-decoration:none;
  770. clear:both;
  771. }
  772. .slayme2{
  773. padding:2px;
  774. }
  775. #slayme:hover div.slayme3{
  776. display:block;
  777. color:grey;
  778. }
  779. .slayme3{
  780. padding:2px;
  781. display: none;
  782. color:grey;
  783. }​
  784. #playy{
  785.  
  786. }
  787. #aria{
  788. padding:20px;
  789. margin-top:-15px;
  790. position:initial;
  791. border:1px solid {color:links border};
  792. {block:ifoutlineborder}
  793. outline-color:{color:links border};
  794. outline-style:ridge;
  795. outline-width:medium;
  796. {/block:ifoutlineborder}
  797. {block:ifnotoutlineborder}
  798. border-radius:5px;
  799. -moz-border-radius:5px;
  800. -webkit-border-radius:5px;
  801. {/block:ifnotoutlineborder}
  802. width:445px;
  803. margin-bottom:10px;
  804. {block:ifsolidposts}
  805. background:{color:links background};
  806. {block:iftranslucentposts}
  807. background:{color:links background};
  808. {/block:iftranslucentposts}
  809. {/block:ifsolidposts}
  810.  
  811. {block:iftranslucentposts}
  812. background: rgba(250,250,250,0.9);
  813. {block:ifsolidposts}
  814. background: rgba(250,250,250,0.9);
  815. {/block:ifsolidposts}
  816. {/block:iftranslucentposts}
  817.  
  818. {block:ifnottranslucentposts}
  819. background:{color:links background};
  820. {/block:ifnottranslucentposts}
  821. {block:ifnotsolidposts}
  822. background: rgba(250,250,250,0.9);
  823. {/block:ifnotsolidposts}
  824. color:{color:description text link symbol color};
  825. }
  826. #aria img{
  827. max-height:53px;
  828. }
  829. #aria a{
  830. {block:iftitle2}
  831. font-size:20px;
  832. color:{color:post links 2 color 1};
  833. text-shadow: -1px 0 {color:post links 2 color 2}, 0 1px {color:post links 2 color 2}, 1px 0 {color:post links 2 color 2}, 0 -1px {color:post links 2 color 2};
  834. letter-spacing:2px;
  835. {/block:iftitle2}
  836. padding:3px;
  837. }
  838. #aria a:hover{
  839. color:{color:hover link color};
  840. {block:iftitle2}
  841. text-shadow: -1px 0 {color:hover link color 2}, 0 1px {color:hover link color 2}, 1px 0 {color:hover link color 2}, 0 -1px {color:hover link color 2};
  842. {/block:iftitle2}
  843. background:{block:iftranslucentcontent}
  844. {color:content background}
  845. {/block:iftranslucentcontent}{block:ifnottranslucentcontent}{color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  846. padding:3px;
  847. {block:ifoutlineborder}
  848. outline-color:{color:links border};
  849. outline-style:ridge;
  850. outline-width:medium;
  851. {/block:ifoutlineborder}
  852. {block:ifnotoutlineborder}
  853. border-radius:5px;
  854. -moz-border-radius:5px;
  855. -webkit-border-radius:5px;
  856. {/block:ifnotoutlineborder}
  857. border:solid 1px {color:post border};
  858. }
  859. #jenny{
  860. position:fixed;
  861. margin-top:260px;
  862. border:1px solid {color:content border};
  863. width:40px;
  864. background:{block:iftranslucentcontent}
  865. rgba(250,250,250,0.5)
  866. {/block:iftranslucentcontent}{block:ifnottranslucentcontent}{color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  867. margin-left:20px;
  868. padding:10px;
  869. height:40px;
  870. {block:ifoutlineborder}
  871. outline-color:{color:content border};
  872. outline-style:ridge;
  873. outline-width:medium;
  874. {/block:ifoutlineborder}
  875. {block:ifnotoutlineborder}
  876. border-radius:5px;
  877. -moz-border-radius:5px;
  878. -webkit-border-radius:5px;
  879. {/block:ifnotoutlineborder}
  880. }
  881. #donggreeb{
  882. position:fixed;
  883. margin-left:700px;
  884. margin-top:260px;
  885. border:1px solid {color:content border};
  886. background:{block:iftranslucentcontent}
  887. rgba(250,250,250,0.5)
  888. {/block:iftranslucentcontent}{block:ifnottranslucentcontent}{color:content background}{/block:ifnottranslucentcontent} url('{image:content background}') top left fixed repeat;
  889. padding:10px;
  890. height:40px;
  891. {block:ifoutlineborder}
  892. outline-color:{color:content border};
  893. outline-style:ridge;
  894. outline-width:medium;
  895. {/block:ifoutlineborder}
  896. {block:ifnotoutlineborder}
  897. border-radius:5px;
  898. -moz-border-radius:5px;
  899. -webkit-border-radius:5px;
  900. {/block:ifnotoutlineborder}
  901. width:40px;
  902. }
  903. #slut{
  904. padding:4px;
  905. margin-top:-15px;
  906. }
  907. #ooo{
  908. float:right;
  909. margin-top:-25px;
  910. color:{color:post border};
  911. }
  912. #ggg{
  913. position:relative;
  914. margin-top:-40px;
  915. float:left;
  916. }
  917. #ooo a{
  918. font-size:15px;
  919. }
  920. #blooo{
  921. margin-top:-10px;
  922. }
  923. </style>
  924. <!--- --->
  925. <!--- --->
  926. <style type="text/css">
  927. a:visited {color:{color:link visited color};}
  928. a:hover {color:{color:hover link color};}
  929. a:active {color:{color:active link color};}
  930.  
  931. strong {color: {color:bold text};!important;}
  932. em { color: {color:italic text}; }
  933. ::selection{
  934. background-color: {color:selected text highlight};
  935. color: {color:selected text color};
  936. }
  937. ::-moz-selection{
  938. background-color: {color:selected text highlight};
  939. color: {color:selected text color};
  940. }
  941.  
  942. ::-webkit-scrollbar {width: 25px ; height:auto; background: ;border: 1pt solid {color:scrollbar color 4}; opacity:1; }
  943. ::-webkit-scrollbar-corner { background: {color:scrollbar color 1};opacity:1;}
  944.  
  945. ::-webkit-scrollbar-button:horizontal {width: 5px; display: block; background: {color:scrollbar color 5} ;opacity:1; }
  946. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbar color 2}; border: 1px solid {color:scrollbar color 4};opacity:1;}
  947.  
  948. ::-webkit-scrollbar-thumb {background: {color:scrollbar color 1}; border: 1px solid {color:scrollbar color 4};opacity:1; }
  949. ::-webkit-scrollbar-thumb:hover { background: {color:scrollbar color 1};}
  950. ::-webkit-scrollbar-track-piece {background:{color:scrollbar color 3} ; border-top: 1px solid {color:scrollbar color 4}; border-left:1px solid {color:scrollbar color 4}; border-right:1px solid {color:scrollbar color 4}; border-bottom: 1px solid {color:scrollbar color 4}; }
  951. </style>
  952. <!--- --->
  953. <!--- --->
  954. <body>
  955. <center><div class="container">
  956. {block:PreviousPage}
  957. <div id="jenny">
  958. <a href="{PreviousPage}"><img height="40px" src="{image:previous page image}" /></a>
  959. </div>
  960. {/block:PreviousPage}
  961. {block:NextPage}
  962. <div id="donggreeb">
  963. <a href="{NextPage}"><img height="40px" src="{image:next page image}" /></a>
  964. </div>
  965. {/block:NextPage}
  966. <div id="99"></div>
  967. <div id="puffy"></div>
  968. <div class="container2">
  969. <center><div id="title"> <a href="/">{Title}</a></div></center>
  970. <div id="k"><img src="{PortraitURL-96}"></div>
  971. <div id="aria">
  972. <a href="{text:link 1 url}">{text:link 1 name}</a> {text:description text link symbol}
  973. <a href="{text:link 2 url}">{text:link 2 name}</a> {text:description text link symbol}
  974. <a href="{text:link 3 url}">{text:link 3 name}</a> {text:description text link symbol}
  975. <a href="{text:link 4 url}">{text:link 4 name}</a>
  976. </div> <center><div id="dddd">{block:Description}<div id="description">{Description}</div>
  977. {/block:Description}
  978. </div>
  979. </center>
  980. </div>
  981.  
  982. <center><div id="fluffy">
  983. {block:Posts}{block:ContentSource}<!-- {SourceURL}
  984. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  985. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --><!-- {block:NoRebloggedFrom}
  986. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  987. {/block:NoRebloggedFrom} -->
  988. {/block:ContentSource}
  989. <div class="verminia">
  990. {block:Text}
  991. {block:Title}<h2>{Title}</h2>{/block:Title}
  992. {Body}
  993. {/block:Text}
  994. {block:Photo}
  995. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  996. {block:Caption}{Caption}{/block:Caption}
  997. {/block:Photo}
  998. {block:Photoset}
  999. {Photoset-400}
  1000. {block:Caption}{Caption}{/block:Caption}
  1001. {/block:Photoset}
  1002. {block:Quote}
  1003. {Quote}
  1004. {block:Source}<br>~ {Source}{/block:Source}
  1005. {/block:Quote}
  1006. {block:Link}
  1007. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1008. {block:Description}{Description}{/block:Description}
  1009. {/block:Link}
  1010. {block:Chat}
  1011. {block:Title}<h2>{Title}</h2>{/block:Title}
  1012. {block:Lines}
  1013. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  1014. {/block:Lines}
  1015. {/block:Chat}
  1016. {block:Audio}
  1017. <div id="playy">
  1018. <center>{block:audioplayer}{audioplayer}{/block:audioplayer}</center>
  1019. <center>{PlayCountWithLabel}</center>
  1020. </div>
  1021. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1022. {/block:Audio}
  1023. {block:Video}
  1024. {Video-400}
  1025. {block:Caption}{Caption}{/block:Caption}
  1026. {/block:Video}
  1027. {block:Answer}
  1028. <div id="question"><div id="spp">{Asker}</div><div id="portrait"><img src="{AskerPortraitURL-40}"></div><div id="qq">{Question}</div></div><div id="ans">{Answer}</div>
  1029. {/block:Answer}
  1030.  
  1031. <div id="33">
  1032. <div id="blooo"></div>
  1033. {block:ifshowtags}
  1034. {block:HasTags}<div id="bloop">{block:Tags} {text:tag symbol} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1035. {/block:ifshowtags}
  1036. {block:PostNotes}
  1037. <div id="notecontainer">{PostNotes}</div>
  1038. {/block:PostNotes}
  1039. <br/br>
  1040. <div id="puffle">
  1041. <div id="pluff">
  1042. {block:ifdarkerbuttons}{block:ifnotlighterbuttons}{likebutton color="black"}{/block:ifnotlighterbuttons}{block:iflighterbuttons}{likebutton}{/block:iflighterbuttons}{/block:ifdarkerbuttons}
  1043. {block:iflighterbuttons}{block:ifnotdarkerbuttons}{likebutton color="white"}{/block:ifnotdarkerbuttons}{block:ifdarkerbuttons}{/block:ifdarkerbuttons}{/block:iflighterbuttons}
  1044. {block:ifnotdarkerbuttons}{block:ifnotlighterbuttons}{likebutton}{/block:ifnotlighterbuttons}{/block:ifnotdarkerbuttons}
  1045. </div><div id="puff">
  1046. {block:ifdarkerbuttons}{block:ifnotlighterbuttons}{reblogbutton color="black"}{/block:ifnotlighterbuttons}{block:iflighterbuttons}{reblogbutton}{/block:iflighterbuttons}{/block:ifdarkerbuttons}
  1047. {block:iflighterbuttons}{block:ifnotdarkerbuttons}{reblogbutton color="white"}{/block:ifnotdarkerbuttons}{block:ifdarkerbuttons}{/block:ifdarkerbuttons}{/block:iflighterbuttons}
  1048. {block:ifnotdarkerbuttons}{block:ifnotlighterbuttons}{reblogbutton}{/block:ifnotlighterbuttons}{/block:ifnotdarkerbuttons}
  1049. </div>
  1050. <div id="ooo">
  1051. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1052. {block:RebloggedFrom}| <a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  1053. </div>
  1054. </div>
  1055.  
  1056. <br/br>
  1057. </div>
  1058. </div>
  1059. {/block:Posts}</div>
  1060. </div>
  1061. </div>
  1062. </center>
  1063. <div id="slayme">
  1064. <div class="slayme2"><center><a href="http://mercedesmartens.tumblr.com/" title="theme credit"><img src="http://media.tumblr.com/tumblr_mchfv28kBk1qid2nw.gif" /></a></center></div> <div class="slayme3">theme</div>
  1065. </div>
  1066. </body>
  1067. </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!