API tools faq
paste
Advertisement
AnasaurRawR

#3 Bubbles in the sky V1// Code

AnasaurRawR
Nov 17th, 2012
596
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.30 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <link rel="stylesheet" href="http://static.tumblr.com/3fk4soa/TR0mcve90/feelscript.css" type="text/css" media="screen" />
  7. <link rel="stylesheet" href="http://static.tumblr.com/3fk4soa/KTKmcvecn/handy00.css" type="text/css">
  8. <link rel="stylesheet" href="http://static.tumblr.com/3fk4soa/Qedmcveka/bebasneue.css" type="text/css" media="screen" />
  9. <link rel="stylesheet" href="http://static.tumblr.com/3fk4soa/uG8mbzm39/stylesheet.css" type="text/css">
  10.  
  11. <!-- Theme #3 Bubbles in the sky V1 by DapperThemes.tumblr.com
  12. __ _ ___ ___ ___ ___ ___ _ _ ___ _ _ ___ __
  13. | \ / \ | o \ o \ __|| o \ |_ _|| U || __|| \_/ || __|/ _|
  14. | o ) o || _/ _/ _| | / | | | || _| | \_/ || _| \_ \
  15. |__/|_n_||_| |_| |___||_|\\ |_| |_n_||___||_| |_||___||__/
  16.  
  17. You can edit as much as you want but DO NOT remove the credits or use as base code! -->
  18.  
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <meta name="color:Background" content="#f0f0f0">
  25. <meta name="color:Sidebar and Entry Background" content="#f6f6f6">
  26.  
  27. <meta name="color:Body Text" content="#acacac">
  28. <meta name="color:Description Text" content="#555555">
  29. <meta name="color:Links" content="#c4c4c4">
  30. <meta name="color:Bubble1" content="#dcec2a">
  31. <meta name="color:Bubble2" content="#4fe5df">
  32. <meta name="color:Bubble3" content="#f7e05c">
  33. <meta name="color:Bubble4" content="#f31e82">
  34.  
  35. <meta name="image:Background" content="">
  36. <meta name="image:Sidebar Image" content="">
  37.  
  38. <meta name="if:Every word different color in post title" content="1">
  39. <meta name="if:Show Blog Title" content="0">
  40. <meta name="if:Black and white images" content="1">
  41.  
  42. <meta name="text:Sidebar Link 1" content="Home">
  43. <meta name="text:Sidebar Link 1 URL" content="/">
  44. <meta name="text:Sidebar Link 2" content="Ask">
  45. <meta name="text:Sidebar Link 2 URL" content="/ask">
  46. <meta name="text:Sidebar Link 3" content="Archive">
  47. <meta name="text:Sidebar Link 3 URL" content="/archive">
  48. <meta name="text:Sidebar Link 4" content="Link 4">
  49. <meta name="text:Sidebar Link 4 URL" content="/">
  50. <meta name="text:Sidebar Link 5" content="Link 5">
  51. <meta name="text:Sidebar Link 5 URL" content="/">
  52. <meta name="text:Sidebar Link 6" content="Link 6">
  53. <meta name="text:Sidebar Link 6 URL" content="/">
  54. <meta name="text:Sidebar Link 7" content="Link 7">
  55. <meta name="text:Sidebar Link 7 URL" content="/">
  56.  
  57.  
  58. <meta name="text:Visitors Online Counter Text" content="passing by...">
  59.  
  60. <style type="text/css">
  61.  
  62. html,body{ margin:0;padding:0}
  63. body {
  64. background-color: {color:Background};
  65. background-image: url('{image:Background}');
  66. background-repeat: no-repeat;
  67. background-attachment:fixed;
  68. background-position:right bottom;}
  69.  
  70. body,td,th {
  71. color:{color:Body Text};
  72. font-family: Verdana;
  73. font-size:9px;}
  74.  
  75. a {
  76. color:{color:Links};
  77. text-decoration:none;
  78. font-weight:bold;}
  79.  
  80. a:hover {
  81. text-decoration:underline;}
  82.  
  83.  
  84. blockquote {
  85. margin:10px 0px 10px 5px;
  86. padding-left:5px;
  87. border-left:2px solid {color:Body Text};}
  88.  
  89.  
  90. #Container {
  91. width:920px;
  92. margin:0 auto;
  93. overflow:hidden;}
  94.  
  95. #Sidebar {
  96. width:350px;
  97. height:100%;
  98. float:left;
  99. position:fixed;}
  100.  
  101. #Blog {
  102. float:right;
  103. width:520px;
  104. padding-top:20px;}
  105.  
  106.  
  107.  
  108. #BlogTitle{
  109. text-align:center;
  110. margin-bottom:60px;
  111. position:relative;}
  112.  
  113.  
  114. {block:ifBlackandWhiteimages}
  115. .Images {
  116. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  117. filter: gray; /* IE6-9 */
  118. -webkit-filter: grayscale(1);
  119. -webkit-transition: all 0.5s ease-in-out;
  120. -moz-transition: all 0.5s ease-in-out;
  121. -o-transition: all 0.5s ease-in-out;
  122. -ms-transition: all 0.5s ease-in-out;
  123. transition: all 0.5s ease-in-out;}
  124.  
  125. .Images:hover{
  126. filter: none;
  127. -webkit-filter: grayscale(0);
  128. -webkit-transition: all 0.7s ease-in-out;
  129. -moz-transition: all 0.7s ease-in-out;
  130. -o-transition: all 0.7s ease-in-out;}
  131.  
  132. img {
  133. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  134. filter: gray; /* IE6-9 */
  135. -webkit-filter: grayscale(1);
  136. -webkit-transition: all 0.5s ease-in-out;
  137. -moz-transition: all 0.5s ease-in-out;
  138. -o-transition: all 0.5s ease-in-out;
  139. -ms-transition: all 0.5s ease-in-out;
  140. transition: all 0.5s ease-in-out;}
  141.  
  142. a img {
  143. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  144. filter: gray; /* IE6-9 */
  145. -webkit-filter: grayscale(1);
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. -ms-transition: all 0.5s ease-in-out;
  150. transition: all 0.5s ease-in-out;}
  151.  
  152. img:hover{
  153. filter: none;
  154. -webkit-filter: grayscale(0);
  155. -webkit-transition: all 0.7s ease-in-out;
  156. -moz-transition: all 0.7s ease-in-out;
  157. -o-transition: all 0.7s ease-in-out;}
  158. {/block:ifBlackandWhiteimages}
  159.  
  160. .Navi1 a{
  161. text-align:center;
  162. font-family:Verdana;
  163. background-color:{color:Bubble1};
  164. color:#FFF;
  165. font-size:9px;
  166. line-height:43px;
  167. display:block;
  168. height:46px;
  169. width:46px;
  170. font-weight:normal;;
  171. -webkit-border-radius: 23px;
  172. -moz-border-radius: 23px;
  173. border-radius: 23px;
  174. -moz-transition: all 0.2s ease-in-out;
  175. -webkit-transition: all 0.2s ease-in-out;
  176. -o-transition: all 0.2s ease-in-out;
  177. -ms-transition: all 0.2s ease-in-out;
  178. transition: all 0.2s ease-in-out;
  179. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  180.  
  181. .Navi1 a:hover {
  182. width:50px;
  183. height:50px;
  184. line-height:48px;
  185. text-decoration:none;
  186. letter-spacing:1px;
  187. text-shadow:none;
  188. -webkit-border-radius: 25px;
  189. -moz-border-radius: 25px;
  190. border-radius: 25px;}
  191.  
  192. .Navi2 a{
  193. text-align:center;
  194. font-family:Verdana;
  195. background-color:{color:Bubble2};
  196. color:#FFF;
  197. font-size:9px;
  198. line-height:43px;
  199. display:block;
  200. height:46px;
  201. width:46px;
  202. font-weight:normal;;
  203. -webkit-border-radius: 23px;
  204. -moz-border-radius: 23px;
  205. border-radius: 23px;
  206. -moz-transition: all 0.2s ease-in-out;
  207. -webkit-transition: all 0.2s ease-in-out;
  208. -o-transition: all 0.2s ease-in-out;
  209. -ms-transition: all 0.2s ease-in-out;
  210. transition: all 0.2s ease-in-out;
  211. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  212.  
  213. .Navi2 a:hover {
  214. width:50px;
  215. height:50px;
  216. line-height:48px;
  217. text-decoration:none;
  218. letter-spacing:1px;
  219. text-shadow:none;
  220. -webkit-border-radius: 25px;
  221. -moz-border-radius: 25px;
  222. border-radius: 25px;}
  223.  
  224. .Navi3 a{
  225. text-align:center;
  226. font-family:Verdana;
  227. background-color:{color:Bubble3};
  228. color:#FFF;
  229. font-size:9px;
  230. line-height:43px;
  231. display:block;
  232. height:46px;
  233. width:46px;
  234. font-weight:normal;;
  235. -webkit-border-radius: 23px;
  236. -moz-border-radius: 23px;
  237. border-radius: 23px;
  238. -moz-transition: all 0.2s ease-in-out;
  239. -webkit-transition: all 0.2s ease-in-out;
  240. -o-transition: all 0.2s ease-in-out;
  241. -ms-transition: all 0.2s ease-in-out;
  242. transition: all 0.2s ease-in-out;
  243. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  244.  
  245. .Navi3 a:hover {
  246. width:50px;
  247. height:50px;
  248. line-height:48px;
  249. text-decoration:none;
  250. letter-spacing:1px;
  251. text-shadow:none;
  252. -webkit-border-radius: 25px;
  253. -moz-border-radius: 25px;
  254. border-radius: 25px;}
  255.  
  256. .Navi4 a{
  257. text-align:center;
  258. font-family:Verdana;
  259. background-color:{color:Bubble4};
  260. color:#FFF;
  261. font-size:9px;
  262. line-height:43px;
  263. display:block;
  264. height:46px;
  265. width:46px;
  266. font-weight:normal;;
  267. -webkit-border-radius: 23px;
  268. -moz-border-radius: 23px;
  269. border-radius: 23px;
  270. -moz-transition: all 0.2s ease-in-out;
  271. -webkit-transition: all 0.2s ease-in-out;
  272. -o-transition: all 0.2s ease-in-out;
  273. -ms-transition: all 0.2s ease-in-out;
  274. transition: all 0.2s ease-in-out;
  275. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  276.  
  277. .Navi4 a:hover {
  278. width:50px;
  279. height:50px;
  280. line-height:48px;
  281. text-decoration:none;
  282. letter-spacing:1px;
  283. text-shadow:none;
  284. -webkit-border-radius: 25px;
  285. -moz-border-radius: 25px;
  286. border-radius: 25px;}
  287.  
  288.  
  289. #Description {
  290. overflow:hidden;
  291. display:block;
  292. position:fixed;
  293. margin-top:80px;
  294. margin-left:65px;
  295. width:220px;
  296. height:220px;
  297. background-image: url('{image:Sidebar Image}');
  298. background-size:cover;
  299. background-color:transparent;
  300. -webkit-border-radius: 110px;
  301. -moz-border-radius: 110px;
  302. border-radius: 110px;}
  303.  
  304. #Description:hover #DescBg {
  305. z-index:1;
  306. overflow:hidden;
  307. background-color:{color:Sidebar and Entry Background};
  308. opacity:0.7;
  309. -webkit-transition: all 0.6s ease-in-out;
  310. -moz-transition: all 0.6s ease-in-out;
  311. -o-transition: all 0.6s ease-in-out;
  312. -ms-transition: all 0.6s ease-in-out;
  313. transition: all 0.6s ease-in-out;
  314. -webkit-border-radius: 110px;
  315. -moz-border-radius: 110px;
  316. border-radius: 110px;}
  317.  
  318. #DescBg {
  319. position:fixed;
  320. width:220px;
  321. height:220px;
  322. z-index:1;
  323. overflow:hidden;
  324. opacity:0;
  325. -webkit-transition: all 0.6s ease-in-out;
  326. -moz-transition: all 0.6s ease-in-out;
  327. -o-transition: all 0.6s ease-in-out;
  328. -ms-transition: all 0.6s ease-in-out;
  329. transition: all 0.6s ease-in-out;
  330. -webkit-border-radius: 110px;
  331. -moz-border-radius: 110px;
  332. border-radius: 110px;}
  333.  
  334.  
  335. #Description:hover #Desc {
  336. text-align:justify;
  337. z-index:2;
  338. margin-left:0px;
  339. opacity: 1;
  340. -webkit-transition: all 0.6s ease-in-out;
  341. -moz-transition: all 0.6s ease-in-out;
  342. -o-transition: all 0.6s ease-in-out;
  343. -ms-transition: all 0.6s ease-in-out;
  344. transition: all 0.6s ease-in-out; }
  345.  
  346. #Desc {
  347. color:{color:Description Text};
  348. text-align:justify;
  349. padding-top:30px;
  350. padding-left:35px;
  351. width:150px;
  352. height:160px;
  353. z-index:2;
  354. opacity:0;
  355. overflow: hidden;
  356. position:fixed;
  357. -webkit-transition: all 0.6s ease-in-out;
  358. -moz-transition: all 0.6s ease-in-out;
  359. -o-transition: all 0.6s ease-in-out;
  360. -ms-transition: all 0.6s ease-in-out;
  361. transition: all 0.6s ease-in-out;}
  362.  
  363. #Pagination a {
  364. font-family:WebSymbolsRegular;
  365. font-size:20px;
  366. color:{color:Links};
  367. font-weight:normal;}
  368.  
  369. #Pagination a:hover {
  370. text-decoration:none;
  371. text-shadow:none;
  372. opacity:0.7;}
  373.  
  374. #Posts{
  375. z-index:8;
  376. width:500px;
  377. padding:10px;
  378. margin-bottom:60px;
  379. background-color:{color:Sidebar and Entry Background};
  380. -webkit-border-radius: 20px;
  381. -moz-border-radius: 20px;
  382. border-radius: 20px;}
  383.  
  384. #Posts:hover .PostBub1 {
  385. z-index:11;
  386. margin-top:-65px;
  387. line-height:43px;
  388. height:46px;
  389. width:46px;
  390. line-height:48px;
  391. text-decoration:none;
  392. text-shadow:none;
  393. -webkit-border-radius: 25px;
  394. -moz-border-radius: 25px;
  395. border-radius: 25px;
  396. -webkit-transition: all 0.2s ease-in-out;
  397. -moz-transition: all 0.2s ease-in-out;
  398. -o-transition: all 0.2s ease-in-out;
  399. -ms-transition: all 0.2s ease-in-out;
  400. transition: all 0.2s ease-in-out;}
  401.  
  402. .PostBub1 {
  403. z-index:-1;
  404. position:absolute;
  405. margin-top:-30px;
  406. margin-left:300px;
  407. text-align:center;
  408. font-family:Verdana;
  409. background-color:{color:Bubble1};
  410. color:#FFF;
  411. font-size:9px;
  412. display:block;
  413. line-height:43px;
  414. height:46px;
  415. width:46px;
  416. font-weight:normal;;
  417. -webkit-border-radius: 23px;
  418. -moz-border-radius: 23px;
  419. border-radius: 23px;
  420. -moz-transition: all 0.8s ease-in-out;
  421. -webkit-transition: all 0.8s ease-in-out;
  422. -o-transition: all 0.8s ease-in-out;
  423. -ms-transition: all 0.8s ease-in-out;
  424. transition: all 0.8s ease-in-out;
  425. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  426.  
  427. #Posts:hover .PostBub2 {
  428. z-index:11;
  429. margin-top:-65px;
  430. line-height:43px;
  431. height:46px;
  432. width:46px;
  433. text-decoration:none;
  434. text-shadow:none;
  435. -webkit-border-radius: 25px;
  436. -moz-border-radius: 25px;
  437. border-radius: 25px;
  438. -webkit-transition: all 0.4s ease-in-out;
  439. -moz-transition: all 0.4s ease-in-out;
  440. -o-transition: all 0.4s ease-in-out;
  441. -ms-transition: all 0.4s ease-in-out;
  442. transition: all 0.4s ease-in-out;}
  443.  
  444. .PostBub2 {
  445. z-index:-1;
  446. position:absolute;
  447. margin-top:-30px;
  448. margin-left:350px;
  449. text-align:center;
  450. font-family:Verdana;
  451. background-color:{color:Bubble2};
  452. color:#FFF;
  453. font-size:9px;
  454. display:block;
  455. line-height:43px;
  456. height:46px;
  457. width:46px;
  458. font-weight:normal;;
  459. -webkit-border-radius: 23px;
  460. -moz-border-radius: 23px;
  461. border-radius: 23px;
  462. -moz-transition: all 0.6s ease-in-out;
  463. -webkit-transition: all 0.6s ease-in-out;
  464. -o-transition: all 0.6s ease-in-out;
  465. -ms-transition: all 0.6s ease-in-out;
  466. transition: all 0.6s ease-in-out;
  467. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  468.  
  469. #Posts:hover .PostBub3 {
  470. z-index:11;
  471. margin-top:-65px;
  472. line-height:43px;
  473. height:46px;
  474. width:46px;
  475. text-decoration:none;
  476. text-shadow:none;
  477. -webkit-border-radius: 25px;
  478. -moz-border-radius: 25px;
  479. border-radius: 25px;
  480. -webkit-transition: all 0.6s ease-in-out;
  481. -moz-transition: all 0.6s ease-in-out;
  482. -o-transition: all 0.6s ease-in-out;
  483. -ms-transition: all 0.6s ease-in-out;
  484. transition: all 0.6s ease-in-out;}
  485.  
  486. .PostBub3 {
  487. z-index:-1;
  488. position:absolute;
  489. margin-top:-30px;
  490. margin-left:400px;
  491. text-align:center;
  492. font-family:Verdana;
  493. background-color:{color:Bubble3};
  494. color:#FFF;
  495. font-size:9px;
  496. display:block;
  497. line-height:43px;
  498. height:46px;
  499. width:46px;
  500. font-weight:normal;;
  501. -webkit-border-radius: 23px;
  502. -moz-border-radius: 23px;
  503. border-radius: 23px;
  504. -moz-transition: all 0.4s ease-in-out;
  505. -webkit-transition: all 0.4s ease-in-out;
  506. -o-transition: all 0.4s ease-in-out;
  507. -ms-transition: all 0.4s ease-in-out;
  508. transition: all 0.4s ease-in-out;
  509. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  510.  
  511. #Posts:hover .PostBub4 {
  512. z-index:11;
  513. margin-top:-65px;
  514. line-height:43px;
  515. height:46px;
  516. width:46px;
  517. text-decoration:none;
  518. text-shadow:none;
  519. -webkit-border-radius: 25px;
  520. -moz-border-radius: 25px;
  521. border-radius: 25px;
  522. -webkit-transition: all 0.8s ease-in-out;
  523. -moz-transition: all 0.8s ease-in-out;
  524. -o-transition: all 0.8s ease-in-out;
  525. -ms-transition: all 0.8s ease-in-out;
  526. transition: all 0.8s ease-in-out;}
  527.  
  528. .PostBub4 {
  529. z-index:-1;
  530. position:absolute;
  531. margin-top:-30px;
  532. margin-left:450px;
  533. text-align:center;
  534. font-family:Verdana;
  535. background-color:{color:Bubble4};
  536. color:#FFF;
  537. font-size:9px;
  538. display:block;
  539. line-height:43px;
  540. height:46px;
  541. width:46px;
  542. font-weight:normal;;
  543. -webkit-border-radius: 23px;
  544. -moz-border-radius: 23px;
  545. border-radius: 23px;
  546. -moz-transition: all 0.2s ease-in-out;
  547. -webkit-transition: all 0.2s ease-in-out;
  548. -o-transition: all 0.2s ease-in-out;
  549. -ms-transition: all 0.2s ease-in-out;
  550. transition: all 0.2s ease-in-out;
  551. box-shadow:inset 0px 0px 9px rgba(0,0,0,0.2);}
  552.  
  553. #PostBubbles a {
  554. color:#FFF;
  555. font-weight:normal;}
  556.  
  557.  
  558. #PostBubbles a:hover {
  559. text-shadow:none;
  560. letter-spacing:1px;}
  561.  
  562. #Date {
  563. line-height:9px;
  564. text-align:center;
  565. padding-top:5px;}
  566.  
  567. #TimeAgo {
  568. line-height:9px;
  569. text-align:center;
  570. padding-top:13px;}
  571.  
  572. #Notes {
  573. line-height:9px;
  574. text-align:center;
  575. padding-top:13px;}
  576.  
  577. #PostCopyrights {
  578. text-align:center;
  579. line-height:6px;
  580. padding-top:13px;}
  581.  
  582. .Symbols {font:normal 9px WebSymbolsRegular; text-transform:none; line-height:90%}
  583.  
  584.  
  585. .Images {
  586. overflow:hidden;
  587. -moz-border-radius-topleft: 15px;
  588. -webkit-border-top-left-radius: 15px;
  589. border-top-left-radius: 15px;
  590. -moz-border-radius-topright: 15px;
  591. -webkit-border-top-right-radius: 15px;
  592. border-top-right-radius: 15px;
  593. -moz-border-radius-bottomright: 0px;
  594. -webkit-border-bottom-right-radius: 0px;
  595. border-bottom-right-radius: 0px;
  596. -moz-border-radius-bottomleft: 0px;
  597. -webkit-border-bottom-left-radius: 0px;
  598. border-bottom-left-radius: 0px;}
  599.  
  600.  
  601. .PostTitle {
  602. font-family:bebas_neueregular;
  603. color:{color:Body Text};
  604. font-size:24px;
  605. line-height:24px;}
  606.  
  607.  
  608. .PostInfo {
  609. text-align:right;
  610. margin-top:10px;
  611. margin-right:10px;}
  612.  
  613. .LinkPosts a{color:{color:Link};
  614. font-family:bebas_neueregular;
  615. font-size:24px;
  616. font-weight:normal;
  617. line-height:24px;}
  618.  
  619. #Quote {
  620. font-family:bebas_neueregular;
  621. font-size:24px;
  622. line-height:24px;}
  623.  
  624. .OpeningQuoteMark{
  625. font-family:Georgia;
  626. float:left;
  627. font-size:50px;
  628. margin-top:10px;
  629. font-weight:normal;
  630. line-height:20px;
  631. opacity:0.5;}
  632.  
  633. .ClosingQuoteMark{
  634. font-family:Georgia;
  635. font-size:30px;
  636. font-weight:normal;
  637. line-height:10px;
  638. opacity:0.5;}
  639.  
  640.  
  641. .odd {
  642. background-color:{color:Sidebar and Entry Background};
  643. padding:1px;}
  644.  
  645. .even {
  646. background-color:{color:Background};
  647. padding:1px;}
  648.  
  649. #Question {
  650. background-color:{color:Background};
  651. min-height:28px;
  652. padding:3px;}
  653.  
  654.  
  655. .Audio {
  656. display:block;
  657. width:50px;
  658. height:50px;
  659. float: left;
  660. margin-right: 5px;
  661. border: 5px solid {color:Background};}
  662.  
  663. .Audio img {
  664. max-width: 50px;}
  665.  
  666. .Player {
  667. background-color: #fff;
  668. height: 25px;
  669. width: 25px;
  670. padding: 5px;
  671. margin-left: 85px;
  672. margin-top: 10px;
  673. overflow: hidden;
  674. position: absolute;
  675. margin-left: 13px;
  676. margin-top: 13px;
  677. opacity: .2;
  678. transition: 0.5s;
  679. -moz-transition: 0.5s;
  680. -webkit-transition: 0.5s;
  681. -o-transition: 0.5s;}
  682.  
  683. .Player:hover {
  684. opacity: .7;}
  685.  
  686. .AudioCaption img {max-width:490px!important}
  687.  
  688. .AudioCaption blockquote img {max-width:480px!important}
  689.  
  690. .AudioCaption blockquote blockquote img {max-width:470px!important}
  691.  
  692. .AudioCaption blockquote blockquote blockquote img {max-width:460px!important}
  693.  
  694. .AudioCaption blockquote blockquote blockquote blockquote img {max-width:450px!important}
  695.  
  696. .AudioCaption blockquote blockquote blockquote blockquote blockquote img {max-width:440px!important}
  697.  
  698. .AudioCaption blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:430px!important}
  699.  
  700. .AudioCaption blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:420px!important}
  701.  
  702. .AudioCaption blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:410px!important}
  703.  
  704.  
  705. .Tags {padding-top:7px;}
  706.  
  707. .Tags a {
  708. color:#FFF;
  709. font-weight:normal;
  710. text-shadow:none;}
  711.  
  712. .Tags a:nth-of-type(4n-3) {background-color:{color:Bubble1}; opacity:1;}
  713.  
  714. .Tags a:nth-of-type(4n-2) {background-color:{color:Bubble2}; opacity:1;}
  715.  
  716. .Tags a:nth-of-type(4n-1) {background-color:{color:Bubble3}; opacity:1;}
  717.  
  718. .Tags a:nth-of-type(4n) {background-color:{color:Bubble4}; opacity:1;}
  719.  
  720. #PostNotes {margin-top:-40px;}
  721.  
  722. blockquote img {max-width:490px!important;}
  723.  
  724. blockquote blockquote img {max-width:480px!important;}
  725.  
  726. blockquote blockquote ul img, blockquote blockquote ol img {max-width:470px!important;}
  727.  
  728. blockquote blockquote blockquote img {max-width:460px!important;}
  729.  
  730. blockquote blockquote blockquote ul img, blockquote blockquote blockquote ol img {max-width: 450px!important;}
  731.  
  732. blockquote blockquote blockquote blockquote ul img, blockquote blockquote blockquote blockquote ol img {max-width:440px!important;}
  733.  
  734. blockquote blockquote blockquote blockquote blockquote img {max-width:430px!important;}
  735.  
  736. blockquote blockquote blockquote blockquote blockquote ul img, blockquote blockquote blockquote blockquote blockquote ol img {max-width:420px!important;}
  737.  
  738. blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:410px!important;}
  739.  
  740. blockquote blockquote blockquote blockquote blockquote blockquote ul img, blockquote blockquote blockquote blockquote blockquote blockquote ol img {max-width:400px!important;}
  741.  
  742. blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:390px!important;}
  743.  
  744. blockquote blockquote blockquote blockquote blockquote blockquote blockquote ul img, blockquote blockquote blockquote blockquote blockquote blockquote blockquote ol img {max-width:380px!important;}
  745.  
  746. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {max-width:370px!important;}
  747.  
  748. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote ul img, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote ol img {max-width:360px!important;}
  749.  
  750. </style>
  751. </head>
  752.  
  753. <body>
  754.  
  755. <div id="Container">
  756. <div id="Sidebar">
  757. <div id="Description">
  758. <div id="DescBg"></div>
  759. <div id="Desc">
  760. {Description}
  761. </div>
  762. </div>
  763.  
  764. <div class="Navi1">
  765. {block:IfSidebarLink1}<div style="float:left; position: fixed; top:27px; margin-left:152px; z-index:9;"><a href="{text:Sidebar Link 1 URL}">{text:Sidebar Link 1}</a></div>{/block:IfSidebarLink1}</div>
  766.  
  767. <div class="Navi2">
  768. {block:IfSidebarLink2}<div style="float:left; position: fixed; top:39px; margin-left:95px; z-index:9;"><a href="{text:Sidebar Link 2 URL}">{text:Sidebar Link 2}</a></div>{/block:IfSidebarLink2}</div>
  769.  
  770. <div class="Navi3">
  771. {block:IfSidebarLink3}<div style="float:left; position: fixed; top:73px; margin-left:48px; z-index:9;"><a href="{text:Sidebar Link 3 URL}">{text:Sidebar Link 3}</a></div>{/block:IfSidebarLink3}</div>
  772.  
  773. <div class="Navi4">
  774. <div style="float:left; position: fixed; top:118px; margin-left:20px; z-index:9;"><a target="_blank" href="http://dapperthemes.tumblr.com">Theme</a></div></div>
  775.  
  776. <div class="Navi1">
  777. {block:IfSidebarLink7}<div style="float:left; position: fixed; top:307px; margin-left:152px; z-index:9;"><a href="{text:Sidebar Link 7 URL}">{text:Sidebar Link 7}</a></div>{/block:IfSidebarLink7}</div>
  778.  
  779. <div class="Navi2">
  780. {block:IfSidebarLink6}<div style="float:left; position: fixed; top:295px; margin-left:209px; z-index:9;"><a href="{text:Sidebar Link 6 URL}">{text:Sidebar Link 6}</a></div>{/block:IfSidebarLink6}</div>
  781.  
  782. <div class="Navi3">
  783. {block:IfSidebarLink5}<div style="float:left; position: fixed; top:260px; margin-left:255px; z-index:9;"><a href="{text:Sidebar Link 5 URL}">{text:Sidebar Link 5}</a></div>{/block:IfSidebarLink5}</div>
  784.  
  785. <div class="Navi4">
  786. {block:IfSidebarLink4}<div style="float:left; position: fixed; top:216px; margin-left:284px; z-index:9;"><a href="{text:Sidebar Link 4 URL}">{text:Sidebar Link 4}</a></div>{/block:IfSidebarLink4}</div>
  787.  
  788. {block:Pagination}<div id="Pagination">
  789. {block:PreviousPage}<div style="float:left; position: fixed; top:183px; margin-left:33px; z-index:1;"><a href="{PreviousPage}"><</a></div>{/block:PreviousPage}
  790.  
  791.  
  792. {block:NextPage}<div style="float:left; position: fixed; top:183px; margin-left:304px; z-index:1;"><a href="{NextPage}">></a></div>
  793. {/block:NextPage}</span></div>{/block:Pagination}
  794.  
  795. </div>
  796.  
  797. <div id="Blog">
  798.  
  799. {block:ifShowBlogTitle}<div id="BlogTitle">
  800. <script type="text/javascript">
  801. var message = "{Title}";
  802. var messageArr = message.split(" ");
  803. var colors = ["{color:Bubble1}","{color:Bubble2}", "{color:Bubble3}", "{color:Bubble4}"];
  804. for (var i = 0; i < messageArr .length; i++)
  805. {
  806. document.write("<span style='font-size:30px; line-height:33px; font-family:bebas_neueregular; color:" + colors[(i % colors.length)] + ";'>" + messageArr[i] + " </span>");
  807. }
  808. </script></div>
  809. {/block:ifShowBlogTitle}
  810.  
  811. {block:Posts}
  812. <div id="Posts">
  813. <div id="PostBubbles">
  814. <div class="PostBub1"><div id="Date">{DayOfMonth}<br>{ShortMonth}<br>{Year}</div></div>
  815. <div class="PostBub2"><div id="TimeAgo"><a href="{Permalink}">{timeago}</a></div></div>
  816. <div class="PostBub3"><div id="Notes"><a href="{permalink}">{NoteCount}</a><br>notes</div></div>
  817. <div class="PostBub4"><div id="PostCopyrights"><a target="_blank" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<br><br><a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>
  818.  
  819.  
  820. {block:ifEveryworddifferentcolorinposttitle}{block:Text}{block:Title}<script type="text/javascript">
  821. var message = "{Title}";
  822. var messageArr = message.split(" ");
  823. var colors = ["{color:Bubble1}","{color:Bubble2}", "{color:Bubble3}", "{color:Bubble4}"];
  824. for (var i = 0; i < messageArr .length; i++)
  825. {
  826. document.write("<span style='font-size:24px; line-height:24px; font-family:bebas_neueregular; color:" + colors[(i % colors.length)] + ";'>" + messageArr[i] + " </span>");
  827. }
  828. </script>{/block:Title}{Body}{/block:Text}
  829. {/block:ifEveryworddifferentcolorinposttitle}
  830.  
  831.  
  832. {block:ifNotEveryworddifferentcolorinposttitle}
  833. {block:Text}
  834. {block:Title}<div class="PostTitle">{Title}</div>{/block:Title}
  835. {Body}{/block:Text}
  836. {/block:ifNotEveryworddifferentcolorinposttitle}
  837.  
  838. {block:Link}
  839. <div class="LinkPosts">
  840. <a href="{URL}" {Target}>{Name}</a></div>
  841. {block:Description}{Description}{/block:Description}
  842. {/block:Link}
  843.  
  844.  
  845. {block:Quote}
  846. <div id="Quote"><span class="OpeningQuoteMark">“</span>{Quote}<span class="ClosingQuoteMark">”</span></div><div style="padding-bottom:5px;"></div>
  847. {block:Source}<div style="text-align:right">— {Source}</div>{/block:Source}
  848. {/block:Quote}
  849.  
  850. {block:Chat}
  851. {block:Title}<div class="PostTitle">{Title}</div>{/block:Title}
  852. {block:Lines}
  853. <div class="Line {Alt}">
  854. {block:Label}
  855. <strong>{Label}</strong>
  856. {/block:Label}
  857. {Line}</div>{/block:Lines}
  858. {/block:Chat}
  859.  
  860. {block:Photo}
  861. <div class="Images"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  862. {block:Caption}{Caption}{/block:Caption}
  863. {/block:Photo}
  864.  
  865. {block:Photoset}
  866. <div class="Images">{Photoset-500}</div>
  867. {block:Caption}{Caption}{/block:Caption}
  868. {/block:Photoset}
  869.  
  870. {block:Video}
  871. {Video-500}
  872. {block:Caption}{Caption}{/block:Caption}
  873. {/block:Video}
  874.  
  875. {block:Answer}
  876. <div id="Question"><img src="{AskerPortraitURL-24}" align="left" style="margin-right:5px; border:2px {color:Links} solid">
  877. <strong>{Asker}</strong> said:
  878. <br>{Question}</div>{Answer}
  879. {/block:Answer}
  880.  
  881.  
  882. {block:Audio}
  883. <div class="Audio">
  884. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  885. </div>
  886. <div class="Player">{AudioPlayerWhite}</div>
  887. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; line-height: 11px;">
  888. {block:Artist}<b>Artist:</b> {Artist}
  889. {/block:Artist}<br />
  890. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br />
  891. {block:Album}<b>Album:</b> {Album}{/block:Album}<br />
  892. <b>Plays:</b> {FormattedPlayCount}</div>{block:Caption}<div class="AudioCaption"><br /> {Caption}</div>{/block:Caption}
  893. {/block:Audio}
  894.  
  895. {block:HasTags}
  896. <div class="Tags">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:Date}</div>
  897. {/block:Posts}
  898.  
  899. {block:PostNotes}<div id="PostNotes">
  900. <center>{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>{PostNotes}{/block:PostNotes}</div></div></div></div>
  901.  
  902. </body>
  903. </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!