Advertisement
chasingcastiel

dearjensen's slightly revised theme 1.29.15

Jan 29th, 2015
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.33 KB | None | 0 0
  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" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9.  
  10. ▣▣▣
  11. THEME #8 FERRIS WHEEL BY DEANLIRIUM - http://clarence.tk
  12. ▣▣▣
  13. PLEASE like and/or reblog the theme post if you use! Edit as you want but YOU MUST leave the credit. Seriously though if you need a base code just google it!
  14. if you need anything please ask me OFF ANON so that I can reply privately! :)
  15.  
  16. Base code by llermans © tumblr.com
  17.  
  18. --->
  19.  
  20. <meta name="if:Updates tab" content="1">
  21. <meta name="if:Cursor" content="1">
  22. <meta name="if:500 px posts" content="0">
  23. <meta name="color:Background" content="#ffffff">
  24. <meta name="color:Post links" content="#cab1da">
  25. <meta name="color:Post links hover" content="#224159"/>
  26. <meta name="color:Post info" content="#f8f9ff"/>
  27. <meta name="color:Text" content="#F28C23">
  28. <meta name="color:1" content="#2297ad"/>
  29. <meta name="color:2" content="#2297ad"/>
  30. <meta name="color:3" content="#bad8eb"/>
  31. <meta name="color:Border" content="#cdd7dc"/>
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Background image" content=""/>
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="text:link 1" content="link 1"/>
  36. <meta name="text:link 1 url" content="/"/>
  37. <meta name="text:link 2" content="link 2"/>
  38. <meta name="text:link 2 url" content="/"/>
  39. <meta name="text:link 3" content="link 3"/>
  40. <meta name="text:link 3 url" content="/"/>
  41. <meta name="text:link 4" content="link 4"/>
  42. <meta name="text:link 4 url" content="/"/>
  43. <meta name="text:link 5" content="link 5"/>
  44. <meta name="text:link 5 url" content="/"/>
  45. <meta name="text:link 6" content="link 6"/>
  46. <meta name="text:link 6 url" content="/"/>
  47. <meta name="text:link 7" content="link 7"/>
  48. <meta name="text:link 7 url" content="/"/>
  49. <!--updates color customization-->
  50. <meta name="color:updates text" content="">
  51. <meta name="color:box1" content="#000">
  52. <meta name="color:box2" content="#222">
  53. <meta name="color:box3" content="#444">
  54. <meta name="color:box4" content="#666">
  55. <meta name="color:box5" content="#777">
  56. <meta name="color:box6" content="#999">
  57. <!--end updates colors-->
  58. <link href='http://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'>
  59. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function(){
  67.  
  68. $(".linki").hide();
  69. $(".show_hide1").show();
  70.  
  71. $('.show_hide1').toggle(function(){
  72. $(".linki").slideDown();
  73. },function(){
  74. $(".linki").slideUp();
  75. });
  76. });
  77. </script>
  78. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:100,
  85. tip_fade_speed:50
  86. }
  87. );
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <style type="text/css">
  93. /* sidebar updates*/
  94.  
  95. .square {
  96. height:15px;
  97. width: 15px;
  98. display:block;
  99. }
  100.  
  101. #box1 {
  102. background-color: #e53b07;
  103. border-radius:100%;
  104. }
  105.  
  106. #box2 {
  107. background-color: #ED5729;
  108. border-radius:100%;
  109. }
  110.  
  111. #box3 {
  112. background-color: #EF7226;
  113. border-radius:100%;
  114. }
  115.  
  116. #box4 {
  117. background-color: #F28C23;
  118. border-radius:100%;
  119. }
  120.  
  121. #box5 {
  122. background-color: #F7B41A;
  123. border-radius:100%;
  124. }
  125.  
  126. #box6 {
  127. background-color:#FACC11;
  128. border-radius:100%;
  129. }
  130.  
  131. #tab01{
  132. margin-bottom:0px;
  133. padding-left:4px;
  134. height:15px;
  135. width:15px;
  136. text-align:left;
  137. overflow:hidden;
  138. text-transform:uppercase;
  139. position:fixed;
  140. letter-spacing:1px;
  141. font-size:10px;
  142. line-height:10px;
  143. color: {color:updates text};
  144. transition: all 0.7s ease-out;
  145. -webkit-transition: all 0.7s ease-in-out;
  146. -moz-transition: all 0.7s ease-in-out;
  147. -o-transition: all 0.7s ease-in-out;
  148. }
  149.  
  150.  
  151. #tab01:hover{
  152. height:210px;
  153. width:170px;
  154. padding-left:19px;
  155. display:block;
  156. transition: all 0.7s ease-out;
  157. -webkit-transition: all 0.7s ease-in-out;
  158. -moz-transition: all 0.7s ease-in-out;
  159. -o-transition: all 0.7s ease-in-out;
  160. }
  161.  
  162.  
  163.  
  164. #tab02{
  165. margin-bottom:0px;
  166. margin-top:17px;
  167. padding-left:4px;
  168. height:15px;
  169. width:15px;
  170. text-align:left;
  171. overflow:hidden;
  172. text-transform:uppercase;
  173. position:fixed;
  174. letter-spacing:1px;
  175. font-size:10px;
  176. line-height:10px;
  177. color: {color:updates text};
  178. transition: all 0.7s ease-out;
  179. -webkit-transition: all 0.7s ease-in-out;
  180. -moz-transition: all 0.7s ease-in-out;
  181. -o-transition: all 0.7s ease-in-out;
  182. }
  183.  
  184.  
  185. #tab02:hover{
  186. height:400px;
  187. width:150px;
  188. padding-left:19px;
  189. transition: all 0.7s ease-out;
  190. -webkit-transition: all 0.7s ease-in-out;
  191. -moz-transition: all 0.7s ease-in-out;
  192. -o-transition: all 0.7s ease-in-out;
  193. }
  194.  
  195.  
  196.  
  197. #tab03{
  198. margin-bottom:0px;
  199. padding-left:4px;
  200. margin-top:34px;
  201. height:15px;
  202. width:15px;
  203. text-align:left;
  204. overflow:hidden;
  205. text-transform:uppercase;
  206. position:fixed;
  207. letter-spacing:1px;
  208. font-size:10px;
  209. line-height:10px;
  210. color: {color:updates text};
  211. transition: all 0.7s ease-out;
  212. -webkit-transition: all 0.7s ease-in-out;
  213. -moz-transition: all 0.7s ease-in-out;
  214. -o-transition: all 0.7s ease-in-out;
  215. }
  216.  
  217.  
  218. #tab03:hover{
  219. height:210px;
  220. padding-left:19px;
  221. width:150px;
  222. transition: all 0.7s ease-out;
  223. -webkit-transition: all 0.7s ease-in-out;
  224. -moz-transition: all 0.7s ease-in-out;
  225. -o-transition: all 0.7s ease-in-out;
  226. }
  227.  
  228.  
  229.  
  230. #tab04{
  231. margin-bottom:0px;
  232. padding-left:4px;
  233. margin-top:51px;
  234. height:15px;
  235. width:15px;
  236. text-align:left;
  237. overflow:hidden;
  238. text-transform:uppercase;
  239. position:fixed;
  240. letter-spacing:1px;
  241. font-size:10px;
  242. line-height:10px;
  243. color: {color:updates text};
  244. transition: all 0.7s ease-out;
  245. -webkit-transition: all 0.7s ease-in-out;
  246. -moz-transition: all 0.7s ease-in-out;
  247. -o-transition: all 0.7s ease-in-out;
  248. }
  249.  
  250.  
  251. #tab04:hover{
  252. height:400px;
  253. width:150px;
  254. padding-left:19px;
  255. transition: all 0.7s ease-out;
  256. -webkit-transition: all 0.7s ease-in-out;
  257. -moz-transition: all 0.7s ease-in-out;
  258. -o-transition: all 0.7s ease-in-out;
  259. }
  260.  
  261. #tab05{
  262. margin-bottom:0px;
  263. padding-left:4px;
  264. margin-top:68px;
  265. height:15px;
  266. width:15px;
  267. text-align:left;
  268. overflow:hidden;
  269. text-transform:uppercase;
  270. position:fixed;
  271. letter-spacing:1px;
  272. font-size:10px;
  273. line-height:10px;
  274. color: {color:updates text};
  275. transition: all 0.7s ease-out;
  276. -webkit-transition: all 0.7s ease-in-out;
  277. -moz-transition: all 0.7s ease-in-out;
  278. -o-transition: all 0.7s ease-in-out;
  279. }
  280.  
  281.  
  282. #tab05:hover{
  283. height:300px;
  284. width:150px;
  285. padding-left:19px;
  286. transition: all 0.7s ease-out;
  287. -webkit-transition: all 0.7s ease-in-out;
  288. -moz-transition: all 0.7s ease-in-out;
  289. -o-transition: all 0.7s ease-in-out;
  290. }
  291.  
  292. #tab06{
  293. margin-bottom:0px;
  294. padding-left:4px;
  295. margin-top:85px;
  296. height:15px;
  297. width:15px;
  298. text-align:left;
  299. overflow:hidden;
  300. text-transform:uppercase;
  301. position:fixed;
  302. letter-spacing:1px;
  303. font-size:10px;
  304. line-height:10px;
  305. color: {color:updates text};
  306. transition: all 0.7s ease-out;
  307. -webkit-transition: all 0.7s ease-in-out;
  308. -moz-transition: all 0.7s ease-in-out;
  309. -o-transition: all 0.7s ease-in-out;
  310. }
  311.  
  312.  
  313. #tab06:hover{
  314. height:250px;
  315. width:150px;
  316. padding-left:19px;
  317. transition: all 0.7s ease-out;
  318. -webkit-transition: all 0.7s ease-in-out;
  319. -moz-transition: all 0.7s ease-in-out;
  320. -o-transition: all 0.7s ease-in-out;
  321. }
  322.  
  323.  
  324. #container{
  325. text-align:left;
  326. font-size:10px;
  327. text-transform:uppercase;
  328. position:fixed;
  329. font-family:calibri;
  330. left:10px;
  331. background-color:transparent;
  332. letter-spacing:1px;
  333. z-index:6;
  334. padding:4px;
  335. top:40px;
  336. color: {color:updates text};
  337.  
  338. }
  339.  
  340. #container a {
  341. color:{color:text};
  342. }
  343.  
  344. #container a:hover {
  345. color: {color:linkhover};
  346. }
  347.  
  348. .updateinfo {
  349. background:#f3f3f3;
  350. display:block;
  351. padding:8px;
  352. width:95px;
  353. z-index:1111;
  354. color:{color:text};
  355. }
  356.  
  357. /* end sidebar updates*/
  358.  
  359. /*--scrollbar--*/
  360.  
  361. ::-webkit-scrollbar-thumb:vertical {height:12px; background-color:{color:2}; width:3px;}
  362. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Background};}
  363. ::-webkit-scrollbar {background-color:{color:2};height:2px;width:3px;border:5px solid {color:Background};}
  364.  
  365. ::selection {
  366. color: {color:3};}
  367. ::-moz-selection {
  368. color: {color:3};}
  369. ::-webkit-selection {
  370. color: {color:3};}
  371.  
  372. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  373. body {font: 9px helvetica; line-height:15px;
  374. font-style:none;
  375. background-color:{color:Background};
  376. background-image:url('{image:Background image}');
  377. background-attachment:fixed;
  378. margin-top:0px;
  379. font-family:calibri;
  380. margin-bottom:0px;
  381. color:{color:Text};}
  382.  
  383. a {color: {color:Post links};
  384. -moz-transition-duration:0.6s;
  385. -webkit-transition-duration:0.6s;
  386. -o-transition-duration:0.6s;}
  387. a:hover {color: {color:Post links hover};
  388. -moz-transition-duration:0.6s;
  389. -webkit-transition-duration:0.6s;
  390. -o-transition-duration:0.6s;}
  391. a {text-decoration:none;}
  392.  
  393. p {margin-bottom:5px;}
  394.  
  395. strong, b {color:{color:2};}
  396. i, em {color:{color:text}}
  397. small {font-size:8px;}
  398. big {font-size:12px;}
  399. ul {list-style:square;text-align:justify;}
  400. img {display:block;}
  401.  
  402. blockquote {
  403. padding-left:5px;
  404. margin-left:7px;
  405. width:95%;
  406. margin-bottom:5px;
  407. border-left:1px solid {color:Border};}
  408.  
  409. blockquote blockquote {
  410. margin-left:7px;
  411. max-width:95%;
  412. border-left:1px solid {color:Border};}
  413.  
  414. pre {
  415. background-color:{color:Post info};
  416. padding:5px;
  417. white-space: pre-wrap;
  418. white-space: -moz-pre-wrap;
  419. white-space: -pre-wrap
  420. white-space: -o-pre-wrap;
  421. word-wrap: break-word;}
  422.  
  423. h1 {
  424. font-size:14px;
  425. font-style:italic;
  426. letter-spacing:2px;
  427. font-family:'cambria';
  428. margin-bottom:10px;
  429. margin-left:20px;
  430. font-style:none;
  431. line-height:10px;
  432. text-align:center;}
  433.  
  434. h2 {
  435. font-family:'cambria';
  436. font-size:14px;
  437. font-style:italic;
  438. text-align:center;}
  439.  
  440. blockquote p {display:block!important;}
  441.  
  442. blockquote img {max-width:100%!important;}
  443. /* content */
  444. #content {left:50%; margin-left:-130px; position:absolute; width:400px; margin-top: 25px; margin-bottom: 25px;}
  445.  
  446. /* sidebar */
  447. #sidebar {margin-left: -290px; top: 1px; line-height:15px; width: 200px; position: fixed; margin-top: 150px; text-align: center;
  448.  
  449. -webkit-touch-callout: none;
  450. -webkit-user-select: none;
  451. -khtml-user-select: none;
  452. -moz-user-select: none;
  453. -ms-user-select: none;
  454. user-select: none;}
  455.  
  456. #sidebar img {width:170px;
  457. height:250px;
  458. margin-left:15px;}
  459.  
  460. #description {font-size:10px; font-family:cambria; font-style:italic; width:170px; text-align:center; letter-spacing:1px; margin-top:6px; margin-left:15px;position:fixed;}
  461.  
  462. #links {width:180px; text-align:center; padding:10px; padding:10px; position:absolute; margin-top:187px; z-index:20;
  463. font-family:cambria; font-style:italic; font-size:11px; font-weight:bold; letter-spacing:1px;}
  464. #links a {padding:5px; padding-right:3px; padding-left:3px; display:inline-block; color:{color:Background}; -moz-transition-duration:0.6s;
  465. -webkit-transition-duration:0.6s;
  466. -o-transition-duration:0.6s;}
  467. #sidebar:hover #links a{
  468. padding-right:6px; padding-left:6px;
  469. -moz-transition-duration:0.6s;
  470. -webkit-transition-duration:0.6s;
  471. -o-transition-duration:0.6s;}
  472.  
  473. #rib {
  474. width:180px;
  475. margin-top:200px;
  476. z-index:10;
  477. position:absolute;
  478. height:0px;
  479. border:solid 10px {color:1};
  480. border-left: solid 10px transparent;
  481. border-right:solid 10px transparent;}
  482.  
  483. #title {font-size:12px; margin-bottom:3px;font-weight:bold;}
  484.  
  485. /* pagination */
  486. #pagination {width: 175px; border-top:1px solid #eee; padding: 3px; font-size: 11px; line-height: 21px; text-shadow: 0 1px 1px #fff; text-align: center; margin-top: 10px; letter-spacing:1px; text-transform: lowercase; font-style: italic; font-family:cambria; opacity:0; margin-left:-5px;
  487. -moz-transition-duration:0.6s;
  488. -webkit-transition-duration:0.6s;
  489. -o-transition-duration:0.6s;}
  490. #sidebar:hover #pagination{opacity:1;
  491. -moz-transition-duration:0.6s;
  492. -webkit-transition-duration:0.6s;
  493. -o-transition-duration:0.6s;}
  494.  
  495. /*ENTRIES*/
  496.  
  497. #entries {
  498. padding:10px;
  499. width:450px;
  500. margin-top:30px;
  501. margin-left:110px;
  502. font-size:10px;
  503. overflow:hidden;
  504. font-family:'cambria';
  505. letter-spacing:0px;
  506. {block:if500pxposts}
  507. width:550px;
  508. {/block:if500pxposts}}
  509.  
  510. #post {
  511. width:400px;
  512. display:block;
  513. padding-bottom:80px;
  514. text-align:justify;
  515. opacity:0.9;
  516. margin-top:20px;
  517. -moz-transition-duration:0.6s;
  518. -webkit-transition-duration:0.6s;
  519. -o-transition-duration:0.6s;
  520. {block:if500pxposts}
  521. width:500px;
  522. {/block:if500pxposts}}
  523. #post img{
  524. max-width:100%;
  525. -webkit-filter: brightness(110%);
  526. -moz-filter: brightness(110%);
  527. -moz-transition-duration:0.6s;
  528. -webkit-transition-duration:0.6s;
  529. -o-transition-duration:0.6s;}
  530.  
  531. #post:hover {
  532. opacity:1;
  533. -moz-transition-duration:0.6s;
  534. -webkit-transition-duration:0.6s;
  535. -o-transition-duration:0.6s;}
  536. .caption blockquote {padding-left: 20px;}
  537.  
  538. /*POST INFO*/
  539.  
  540.  
  541.  
  542. #info {
  543. width:384px;
  544. text-align:center;
  545. font-family:'trebuchet ms';
  546. margin-top:2px;
  547. letter-spacing:2px;
  548. font-size:7px;
  549. font-style:none;
  550. padding:8px;
  551. background-color:{color:Post info};
  552. line-height:10px;
  553. min-height:10px;
  554. text-transform:uppercase;
  555. {block:if500pxposts}
  556. width:484px;
  557. {/block:if500pxposts}}
  558.  
  559. #info a {
  560. text-align:center;
  561. color:{color:Post links};}
  562.  
  563. #info a:hover {
  564. -moz-transition-duration:0.3s;
  565. -webkit-transition-duration:0.3s;
  566. -o-transition-duration:0.3s;
  567. color:{color:Post links hover}}
  568.  
  569. #tags {
  570. width:400px;
  571. margin-left:-7px;
  572. text-align:left;
  573. letter-spacing:1px;
  574. font-size:8px;
  575. padding:5px;
  576. padding-bottom:0px;
  577. padding-top:8px;
  578. z-index:-2;
  579. {block:if500pxposts}
  580. width:500px;
  581. {/block:if500pxposts}
  582. max-height:500px;
  583. transition-duration: 0.5s;
  584. -moz-transition-duration: 0.5s;
  585. -webkit-transition-duration: 0.5s;
  586. -o-transition-duration: 0.5s;}
  587.  
  588. #tags a {
  589. letter-spacing:1px;
  590. font-size:8px;
  591. text-align:center;
  592. font-family:'calibri';
  593. text-decoration:none;
  594. display:inline;
  595. text-transform:uppercase;
  596. color:{color:Post links};
  597. -moz-transition-duration:0.3s;
  598. -webkit-transition-duration:0.3s;
  599. -o-transition-duration:0.3s;}
  600.  
  601. #tags a:hover {
  602. -moz-transition-duration:0.3s;
  603. -webkit-transition-duration:0.3s;
  604. -o-transition-duration:0.3s;
  605. color:{color:Post links hover};}
  606.  
  607. .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;font-style:italic;padding-right:10px;}
  608.  
  609. .post img{width:400px;}
  610.  
  611. /*--asks--*/
  612.  
  613. #asker img{
  614. width:40px;
  615. height:40px;
  616. padding:6px;
  617. z-index:50;
  618. background-color: {color:1};
  619. margin:0px 7px;
  620. -moz-transition-duration:0.6s;
  621. -webkit-transition-duration:0.6s;
  622. -o-transition-duration:0.6s;
  623. -webkit-filter: brightness(100%);
  624. -moz-filter: brightness(100%);}
  625.  
  626. #askurl {
  627. position:absolute;
  628. z-index:-1;
  629. border-top:solid 8px {color:1};
  630. border-bottom:solid 8px {color:1};
  631. height:0;
  632. margin-left:10px;
  633. padding-left:55px;
  634. color:{color:Background};
  635. border-right:solid 8px transparent;
  636. margin-top:-50px;}
  637. #askurl a {
  638. font-family:cambria;
  639. font-style:italic;
  640. letter-spacing:1px;
  641. font-size:11px;
  642. color:{color:Background};}
  643. #ask {
  644. overflow:hidden;
  645. margin-top:-32px;
  646. font-size:8px;
  647. letter-spacing:2px;
  648. font-style:none;
  649. line-height:8px;
  650. margin-left:52px;
  651. width:308px;
  652. z-index:-1;
  653. padding:15px;
  654. padding-top:5px;
  655. margin-bottom:30px;
  656. background-color:{color:Background};
  657. {block:if500pxposts}
  658. width:408px;
  659. {/block:if500pxposts}}
  660.  
  661. /*CREDIT*/
  662.  
  663. #cred {
  664. left:-60px;
  665. bottom:7px;
  666. font-size:9px;
  667. padding:3px;
  668. color:{color:Text};
  669. z-index: 2147483647;
  670. text-transform:uppercase;
  671. border:1px solid transparent;
  672. position:fixed;
  673. -webkit-transition: all 0.5s ease-out;
  674. -moz-transition: all 0.5s ease-out;
  675. transition: all 0.5s ease-out;}
  676.  
  677. #cred:hover {
  678. left:6px;
  679. border-bottom:1px solid {color:border};
  680. background-color:white;
  681. -webkit-transition: all 0.5s ease-out;
  682. -moz-transition: all 0.5s ease-out;
  683. transition: all 0.5s ease-out;}
  684. #cred:hover a{
  685. color:{color:1};}
  686. #cred a{
  687. color:{color:text};}
  688.  
  689. /*-- audio --*/
  690.  
  691. #whit{
  692. overflow:hidden;
  693. position:absolute;
  694. opacity:0.2;
  695. width:70px;
  696. height:70px;
  697. margin-left:13px;
  698. z-index: 2147483647;
  699. margin-top:6px;
  700. background-color:white;
  701. -moz-transition-duration:0.6s;
  702. -webkit-transition-duration:0.6s;
  703. -o-transition-duration:0.6s;}
  704. #player {
  705. width:28px;
  706. height:30px;
  707. opacity:1;
  708. z-index: 2147483647;
  709. margin:22px;
  710. overflow:hidden;
  711. -moz-transition-duration:0.6s;
  712. -webkit-transition-duration:0.6s;
  713. -o-transition-duration:0.6s;}
  714.  
  715.  
  716. #albumart {
  717. width:70px;
  718. height:70px;
  719. padding:6px;
  720. z-index:2000;
  721. background-color:{color:1};
  722. margin:0px 7px;
  723. margin-bottom:10px;
  724. -moz-transition-duration:0.6s;
  725. -webkit-transition-duration:0.6s;
  726. -o-transition-duration:0.6s;}
  727. #albumart img{
  728. -webkit-filter: brightness(110%);
  729. -moz-filter: brightness(110%);
  730. -moz-transition-duration: 0.6s;}
  731.  
  732. #infoaudio {
  733. position:absolute;
  734. overflow:hidden;
  735. font-size:8px;
  736. letter-spacing:2px;
  737. text-transform:uppercase;
  738. font-family:'calibri';
  739. font-style:none;
  740. line-height:8px;
  741. margin-top:-82px;
  742. margin-left:7px;
  743. max-width:300px;
  744. max-height:82px;
  745. border-left:solid 82px {color:1};
  746. z-index:-1;
  747. padding:15px;
  748. padding-top:5px;
  749. {block:if500pxposts}
  750. max-width:400px;
  751. {/block:if500pxposts}}
  752.  
  753. .drag{
  754. pointer-events:none;}
  755.  
  756. #s-m-t-tooltip{
  757. position: absolute;
  758. background-color:{color:Post info};
  759. text-transform:uppercase;
  760. line-height:10px;
  761. letter-spacing:1px;
  762. font-size:8px;
  763. margin:10px;
  764. padding: 2px 5px;
  765. z-index: 2147483647;}
  766.  
  767. ol.notes {
  768. padding: 0px;
  769. font-family:calibri;
  770. width:400px;
  771. margin: 25px 0px;
  772. list-style-type:none;
  773. border-bottom: solid 1px {color:Border};
  774. color: #777;
  775. font-size: 8px;}
  776. ol.notes a{
  777. text-transform:uppercase;
  778. letter-spacing:1px;}
  779. ol.notes li.note {
  780. border-top: solid 1px {color:Border};
  781. padding: 10px;}
  782. ol.notes li.note img.avatar {
  783. vertical-align: -4px;
  784. margin-right: 10px;
  785. width: 16px;
  786. height: 16px;
  787. display: inline-block;}
  788. ol.notes li.note span.action {
  789. font-weight: normal;}
  790. ol.notes li.note .answer_content {
  791. font-weight: normal;}
  792. ol.notes li.note blockquote {
  793. border-color: {color:Border};
  794. padding: 4px 10px;
  795. margin: 10px 0px 0px 25px;}
  796. ol.notes li.note blockquote a {
  797. text-decoration: none;}
  798.  
  799. .show_hide1 {
  800. display:none;}
  801.  
  802. .links2{
  803. text-align:center;
  804. margin-left:-12px;
  805. line-height:100%;
  806. margin-top:10px;
  807. text-transform:lowercase;}
  808.  
  809. .links2 a{
  810. display:inline-block; padding:3px;
  811. width:2px;
  812. height:2px;
  813. background-color:{color:1};
  814. border:solid 1px {color:1};
  815. border-radius:10px;
  816. margin-left:12px;}
  817.  
  818. .links2 a:hover{
  819. background-color:{color:3};}
  820.  
  821. /*--Cursor code--*/
  822.  
  823. {block:ifCursor}
  824. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  825. {/block:ifCursor}/* CSS Document */
  826.  
  827. {CustomCSS}
  828.  
  829. #picture img{
  830. position:fixed;
  831. width:120px;
  832. left: 20px;
  833. bottom: 10px;
  834. z-index: 9999;
  835. }
  836.  
  837. #text {
  838. width:100px;
  839. left: 35px;
  840. bottom:150px;
  841. font-family:calibri;
  842. font-size:10px;
  843. text-align:center;
  844. position:fixed;
  845. background:;
  846. z-index:9999;
  847. opacity: 0;
  848. -webkit-transition: all .7s ease-in-out;
  849. -moz-transition: all .7s ease-in-out;
  850. -o-transition: all .7s ease-in-out;
  851. transition: all .7s ease-in-out;
  852. }
  853.  
  854. #box {
  855. position: relative;
  856. width: 600px;
  857. text-decoration: none !important;
  858. text-align: center;
  859. }
  860.  
  861. #box:hover #text{
  862. -webkit-transition: all .7s ease-in-out;
  863. -moz-transition: all .7s ease-in-out;
  864. -o-transition: all .7s ease-in-out;
  865. transition: all .7s ease-in-out;
  866. opacity:1;
  867. }
  868.  
  869. #picture9 img{
  870. position:fixed;
  871. width:120px;
  872. right: 20px;
  873. bottom: 10px;
  874. z-index: 9999;
  875. }
  876.  
  877. #text9 {
  878. width:100px;
  879. right: 35px;
  880. bottom:150px;
  881. font-family:calibri;
  882. font-size:10px;
  883. text-align:center;
  884. position:fixed;
  885. background:;
  886. z-index:9999;
  887. opacity: 0;
  888. -webkit-transition: all .7s ease-in-out;
  889. -moz-transition: all .7s ease-in-out;
  890. -o-transition: all .7s ease-in-out;
  891. transition: all .7s ease-in-out;
  892. }
  893.  
  894. #box9 {
  895. position: relative;
  896. width: 500px;
  897. text-decoration: none !important;
  898. text-align: center;
  899. }
  900.  
  901. #box9:hover #text9{
  902. -webkit-transition: all .7s ease-in-out;
  903. -moz-transition: all .7s ease-in-out;
  904. -o-transition: all .7s ease-in-out;
  905. transition: all .7s ease-in-out;
  906. opacity:1;
  907. }
  908.  
  909.  
  910.  
  911. /************** FLAGS UPDATES TAB **************/
  912. /* tutorial by deanlirium|tumblr (clarence.tk) */
  913.  
  914. #flags {
  915. position:fixed;
  916. top:80px; /* distance from the top of the page - adjust as you wish! */
  917. right:0px;
  918. text-align:center;
  919. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  920. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  921. font-size:8px; /* adjust font size */
  922. letter-spacing:1px;
  923. z-index:2147483607;
  924. font-family:calibri;}
  925.  
  926.  
  927. #flag1 {
  928. border:solid 6px #FF6600; /* flag color */
  929. border-left:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  930. padding-right:10px;
  931. right:00px;
  932. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  933. height:0px;
  934. position:absolute;
  935. -moz-transition:all 0.7s ease-out;
  936. -webkit-transition:all 0.7s ease-out;
  937. -o-transition:all 0.7s ease-out;}
  938.  
  939. #flag1:hover {
  940. width:210px;} /* lenght of the OPEN flag */
  941.  
  942. #upd1 {
  943. position:absolute;
  944. width:110px;
  945. padding:10px;
  946. padding-right:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  947. right:-180px;
  948. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  949. opacity:0;
  950. -moz-transition:all 0.7s ease-out;
  951. -webkit-transition:all 0.7s ease-out;
  952. -o-transition:all 0.7s ease-out;}
  953.  
  954. #flag1:hover #upd1{
  955. right:0px;
  956. opacity:1;}
  957.  
  958. /* following is the coding for the other flags - same as above! */
  959.  
  960. #flag2 {
  961. border:solid 6px #FF822E;
  962. margin-top:20px;
  963. position:absolute;
  964. border-left:solid 6px transparent;
  965. padding-right:10px;
  966. right:00px;
  967. width:20px;
  968. height:0px;
  969. -moz-transition:all 0.7s ease-out;
  970. -webkit-transition:all 0.7s ease-out;
  971. -o-transition:all 0.7s ease-out;}
  972.  
  973. #flag2:hover {
  974. width:180px;}
  975.  
  976. #upd2 {
  977. position:absolute;
  978. width:110px;
  979. padding:10px;
  980. padding-right:60px;
  981. right:-180px;
  982. margin-top:6px;
  983. opacity:0;
  984. -moz-transition:all 0.7s ease-out;
  985. -webkit-transition:all 0.7s ease-out;
  986. -o-transition:all 0.7s ease-out;}
  987.  
  988. #flag2:hover #upd2{
  989. right:0px;
  990. opacity:1;}
  991.  
  992. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  993.  
  994. #flag3 {
  995. border:solid 6px #FF9933;
  996. position:absolute;
  997. margin-top:40px; /* this one! */
  998. border-left:solid 6px transparent;
  999. padding-right:10px;
  1000. right:0px;
  1001. width:20px;
  1002. height:0px;
  1003. -moz-transition:all 0.7s ease-out;
  1004. -webkit-transition:all 0.7s ease-out;
  1005. -o-transition:all 0.7s ease-out;}
  1006.  
  1007. #flag3:hover {
  1008. width:180px;}
  1009.  
  1010. #upd3 {
  1011. position:absolute;
  1012. width:110px;
  1013. padding:10px;
  1014. padding-right:60px;
  1015. right:-180px;
  1016. margin-top:6px;
  1017. opacity:0;
  1018. -moz-transition:all 0.7s ease-out;
  1019. -webkit-transition:all 0.7s ease-out;
  1020. -o-transition:all 0.7s ease-out;}
  1021.  
  1022. #flag3:hover #upd3{
  1023. right:0px;
  1024. opacity:1;}
  1025.  
  1026. /* to here */
  1027. </style></head>
  1028.  
  1029. <body>
  1030.  
  1031. <noscript><a href="http://polldaddy.com/poll/8549470/">What should my after-holiday url be?</a></noscript>
  1032. <div id="flags">
  1033. <div id="flag1"><div id="upd1">
  1034.  
  1035. <div style="font-family: Cookie; font-size: 22px; color: #ff6600;text-transform: lowercase; ">tumblr Awards Winners:</div>
  1036. <div style="font-family: Josefin Sans; font-size: 15px; text-transform: lowercase;">
  1037. <a href="http://jensenpadalecki.co.vu/post/104561232723/rules-o-must-be-following-jess-and-sarah-o">original</a> |
  1038. <a href="http://jensenpadalecki.co.vu/post/107273337208/so-the-results-are-in-congratulations-to-all-the">results</a><br><br>
  1039. best url: <a href="http://vodkasam.tumblr.com">vodkasam</a><br>
  1040. best icon: <a href="http://rosestiel.tumblr.com">rosestiel</a><br>
  1041. best theme: <a href="http://hvntingcas.tumblr.com">hvntingcas</a><br>
  1042. best updates tab:<br> <a href="http://celestialsexhair.tumblr.com">celestialsexhair</a><br>
  1043. best posts: <a href="http://twerksiel.tumblr.com">twerksiel</a><br>
  1044. best supernatural:<br> <a href="http://savingchesters.tumblr.com">savingchesters</a><br>
  1045. best overall: <br><a href="http://celestialsexhair.tumblr.com">celestialsexhair</a><br>
  1046. my favorite: <a href="http://starsdean.tumblr.com">starsdean</a><br>
  1047. jess' favorite: <a href="http://deansdamnation.tumblr.com">deansdamnation</a><br>
  1048.  
  1049. </div><br>
  1050.  
  1051. </div></div>
  1052.  
  1053. <div id="flag2"><div id="upd2">
  1054.  
  1055. <div style="font-family: Cookie; text-transform: lowercase; font-size: 22px; color: #ff822e;"><center>tumblr awards runner-ups:</center></div><br>
  1056. <div style="font-family: Josefin Sans; text-transform: lowercase; font-size: 14px;"><center>
  1057. best url: <a href="http://flusteredjensen.tumblr.com">flusteredjensen</a><br>
  1058. best icon: <a href="http://zippydean.tumblr.com">zippydean</a><br>
  1059. best theme: <a href="http://sexygabriel.tumblr.com">sexygabriel</a><br>
  1060. best updates tab:<br> <a href="http://fxckingdean.tumblr.com">fxckingdean</a><br>
  1061. best posts: <a href="http://honorary-winchester.tumblr.com">honorary-winchester</a><br>
  1062. best supernatural: <a href="http://pinksatinydean.co.vu">frostyfacers</a><br>
  1063. best overall: <a href="http://caswinxester.tumblr.com">caswinxester</a><br>
  1064. my favorite: <a href="http://neverlandcas.tumblr.com">neverlandcas</a><br>
  1065. jess' favorite: <a href="http://curiositycastiel.tumblr.com">curiousitycastiel</a><br>
  1066. </center>
  1067. </div><br>
  1068. </div></div>
  1069.  
  1070. <!---- if you want more flags, copy from here ---->
  1071.  
  1072. <div id="flag3"><div id="upd3">
  1073. <div style="font-family: Cookie; font-size: 22px; text-transform: lowercase; color: #ff9933;"><center>previously:</center></div>
  1074. <div style="font-family: Josefin Sans; text-transform: lowercase; font-size: 14px;"><br>
  1075. <center>•christmasjensens<br>•rescuercas<br>•pineconecastiel<br>•chasingcastiel<br>•pumpkinscas<br> •nevertrustadwarf<br></div>
  1076.  
  1077. </div></div>
  1078.  
  1079. <!---- to here and change the numbers according to your css! ---->
  1080.  
  1081. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  1082.  
  1083. </div>
  1084.  
  1085. <div id="box9">
  1086. <div id="picture9"><img src="http://media.tumblr.com/195792ff527c5a27f786c3cb0c58e46f/tumblr_inline_mnmkw7PAMb1rikao3.jpg" /></div>
  1087. <div id="text9">
  1088. <div style="font-family:Qwigley; font-size:23px; color:#f28c23">Bad Day?</div><br>
  1089. <div style="font-family:Josefin Sans; font-size:15px; color:#cccccc"><a href="/ask">talk to me ♥</a><br><a href="/tagged/happy">look here!</a><br><a href="/tagged/fave">or here!</a></div><br>
  1090. </div>
  1091. </div>
  1092.  
  1093.  
  1094. <div id="box">
  1095. <div id="picture"><img src="http://media.tumblr.com/91cc86b70c83ce2a28aa8ceb10ee81e1/tumblr_mpqt3ntKwm1rgpyeqo1_500.png" /></div>
  1096. <div id="text">
  1097. <div style="font-family:Josefin Sans; font-size: 14px;">"No one can make you feel inferior without your consent."</div><br>
  1098. <div style="font-family:Qwigley; font-size:24px; color:#f28c23">-Eleanor Roosevelt</div>
  1099. </div>
  1100. </div>
  1101.  
  1102. </div>
  1103. <!--sidebar updates-->
  1104. <div id="structure">
  1105. <div id="container">
  1106.  
  1107. <!---begin tab 1 code--->
  1108. <div id="tab01">
  1109. <a id="box1" class="square"></a>
  1110. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:#b6b6b6; margin-top: -17px; margin-left:15px; ">a b o u t</div>
  1111. <div style="padding-top:1px; padding-left:15px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:left; color:#999;"><div class="updatesinfo"><br>
  1112. <a href="/about"><div style="font-family: Qwigley; font-size: 20px; color:#e53b07">the blogger:</div></a>
  1113. <div style="font-family: Josefin Sans; font-size: 14px;">Sarah | 13 | California
  1114. <center>dean!GIRL</center>
  1115. <center>ravenclaw</center>
  1116. <center><a href="http://www.16personalities.com/infp-personality"target="_blank">infp</a><br></center>
  1117. <center>neutral good</center>
  1118. <center>dauntless/erudite</center><br>
  1119. <div style="font-family: Qwigley; font-size:20px; color:#e53b07">the blog:</div>
  1120. <center>48% Supernatural</center>
  1121. <center>42% Marvel</center>
  1122. <center>5% Tolkien</center>
  1123. <center>5% Other</center>
  1124. </div>
  1125.  
  1126.  
  1127.  
  1128.  
  1129. <br><br>
  1130.  
  1131.  
  1132. <!-- if you want your titles to match a different color box, just change the box3 to the box color you like best! like, if you prefer box 5's color, just put {color:box5} in where it says {color:box3} -->
  1133.  
  1134. </div>
  1135. </div>
  1136. </div>
  1137. <!---end tab 1 code--->
  1138.  
  1139. <!---begin tab 2 code--->
  1140. <div id="tab02">
  1141. <a id="box2" class="square"></a>
  1142. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:#b6b6b6; margin-top: -17px; margin-left:15px; ">c u r r e n t l y</div> <div style="padding-top:1px; padding-left:15px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  1143. <div style="font-family:Qwigley; font-size: 19px; color:#ed5729">watching:</div>
  1144. <div style="font-family: Josefin Sans; font-size: 14px">
  1145. <center>
  1146. Sherlock<br>
  1147. The Flash <br>
  1148. Supernatural<br>
  1149. Once upon a Time <br>
  1150. Halt & Catch Fire<br>
  1151. </center>
  1152. </div><br>
  1153. <div style="font-family:Qwigley; font-size: 19px; color:#ed5729">waiting for:</div>
  1154. <div style="font-family: Josefin Sans; font-size:14px">
  1155. <center>Guardians of the Galaxy 2<br>
  1156. </center>
  1157. <center>Captain America: Civil War</center>
  1158. <center>The Avengers: Age of Ultron</center>
  1159. </div><br>
  1160. <div style="font-family:Qwigley; font-size: 19px; color:#ed5729">listening to:</div>
  1161. <div style="font-family:Josefin Sans; font-size: 14px">
  1162. <center>Imagine Dragons
  1163. Fall Out Boy<br>
  1164. OneRepublic<br>
  1165. One Direction<br>
  1166. Ed Sheeran<br>
  1167. Taylor Swift<br>
  1168. </center><br>
  1169. <div style="font-family:Qwigley; font-size: 19px; color:#ed5729">shipping:</div>
  1170. <div style="font-family:Josefin Sans; font-size: 14px"><center>•destiel<br>
  1171. •stucky<br>
  1172. •clintasha<br>
  1173. •thorinduil<br>
  1174. •bagginshield<br>
  1175. •buckynat<br>
  1176. •cockles<br>
  1177. </center></div>
  1178. </div>
  1179.  
  1180.  
  1181. <br><br>
  1182. </div></div>
  1183. <!---end tab 2 code--->
  1184.  
  1185. <!---begin tab 3 code--->
  1186. <div id="tab03">
  1187. <a id="box3" class="square"></a>
  1188. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:#b6b6b6; margin-top: -17px; margin-left:15px; ">t h i n g s i' m i n </div> <div style="padding-top:1px; padding-left:15px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  1189. <div style="font-family:Qwigley; font-size: 19px; color:#ef7226">Families:</div>
  1190. <div style="font-family: Josefin Sans; font-size: 12px">
  1191. <br>
  1192. <center><a href="http://buckybames.co.vu/fandomfamily" title="galadriel" target="_blank">★</a>
  1193. <a href="http://cuddlydean.co.vu/spnfamily" title="raphael" target="_blank">★</a>
  1194. <a href="http://bubblestiel.tumblr.com/spnfamily" title="jensen ackles" target="_blank">★</a>
  1195. <a href="http://puppycastiel.tumblr.com/spn-family" title="meg 1.0" target="_blank">★</a>
  1196. <a href="http://trenzalcres.tumblr.com/family" title="thranduil" target="_blank">★</a>
  1197. <a href="http://angelicdean.co.vu/family" title="captain america" target="_blank">★</a><br>
  1198. <a href="http://roguedean.co.vu/spnfamily" title="dean winchester" target="_blank">★</a>
  1199. <a href="http://papajensen.tumblr.com/ff" title="dean winchester" target="_blank">★</a>
  1200. <a href="http://cuddlydean.co.vu/spnfamily" title="adam milligan" target="_blank">★</a>
  1201. <a href="http://hironakamura.co.vu/family" title="legolas" target="_blank">★</a>
  1202. <a href="http://brokenbucky.co.vu/fam" title="natasha romanoff" target="_blank">★</a>
  1203. <a href="http://deanwnchestcr.tumblr.com/spnfamily" title="sam winchester" target="_blank">★</a><br>
  1204. <a href="http://hawkeyeeee.tumblr.com/marvelfam" title="steve rogers" target="_blank">★</a>
  1205. <a href="http://smolderingcas.tumblr.com/family" title="ruby 2.0" target="_blank">★</a>
  1206. <a href="http://jensenswhore.tumblr.com/spnfamily" title="gadreel" target="_blank">★</a>
  1207. <a href="http://utlrons.tumblr.com/marvelfam" title="ronan" target="_blank">★</a>
  1208. <a href="http://obliviondean.tumblr.com/fandomfamily" title="twelve" target="_blank">★</a>
  1209. <a href="http://peggys.co.vu/fam" title="Erik Lehnsherr" target="_blank">★</a>
  1210. <a href="http://angelicalhunters.co.vu/spnfamily" title="Lucifer" target="_blank">★</a>
  1211. <a href="http://destielhugs.co.vu/post/100425891315/join-my-spn-family" title="Jensen Ackles" target="_blank">★</a></center>
  1212. </div><br>
  1213. <div style="font-family:Qwigley; font-size: 19px; color:#ef7226">Networks:</div>
  1214. <div style="font-family:Josefin Sans; font-size: 12px"><br><center>
  1215. <a href="http://metalarmloversnet.tumblr.com/" title="the metal arm lovers net" target="_blank">★</a>
  1216. <a href="http://sassydeanmonet.tumblr.com/" title="the sassy deanmon network" target="blank">★</a>
  1217. <a href="http://glittersamnet.tumblr.com" title="the glitter!sam network" target="_blank">★</a>
  1218. <a href="http:angelicgays.co.vu/blushingdeannet" title="the blushing!dean network" target="_blank">★</a><br>
  1219. <a href="http://mapnetwork.tumblr.com" title="the mutant and proud network" target="_blank">★</a>
  1220. <a href="http://jeremyrennersarmsnet.tumblr.com" title="the jeremy renner's arms network" target="_blank">★</a>
  1221. <a href="http://buchanun.tumblr.com/hogwarts" title="the great hall network: house ravenclaw" target="_blank">★</a>
  1222. <a href="http://dorky-deannet.tumblr.com" title="the dorky!dean network" target="_blank">★</a>
  1223. <a href="http://jeffersvn.tumblr.com/taurielnet" title="the tauriel network" target="_blank">★</a></div></center><br>
  1224. <div style="font-family:Qwigley; font-size: 19px; color:#ef7226">Other:</div><br>
  1225. <div style="font-family: Josefin Sans; font-size: 12px">
  1226. <center><a href="http://doomedbrothers.tumblr.com/post/101293481305/winner-vodkasam-aly-is-wonderful-as-is-her" title="best icon runner-up" target="_blank">★</a>
  1227. <a href="http://jensenpadalecki.co.vu/post/106773853898/mccallhs-sorry-for-the-banner-new-year" target="_blank" title="mccallhs' follow forever">★</a>
  1228. <a href="http://jensenpadalecki.co.vu/post/106773783508" target="_blank" title="fxckingdean's follow forever">★</a>
  1229. <a href="http://jensenpadalecki.co.vu/post/106773693858/hollybucky-thank-you-to-every-single-person-on" target="_blank" title="hollybucky's follow forever">★</a>
  1230. <a href="http://jensenpadalecki.co.vu/post/105442071618/mundanesammy-so-as-a-mini-christmas-present-from" target="_blank" title="mundanesammy's follow forever">★</a>
  1231. <a href="http://immortalsam.tumblr.com/post/107052994033/maturecas-sorry-that-this-is-so-late-best" title="best theme" target="_blank">★</a>
  1232. <a href="http://sexygabriel.tumblr.com/post/104207496040/the-sam-award-winner" title="personal favorite runner-up" target="_blank">★</a>
  1233. <a href="http://sexygabriel.tumblr.com/post/104206088520/the-bobby-award-winner-sweaterjensen" title="best rising blogger runner-up" target="_blank">★</a>
  1234. <a href="http://cuddlyackles.tumblr.com/post/104177692448/bloody-dean-award-best-url-saxxdean" title="best rising blogger runner-up" target="_blank">★</a>
  1235. <a href="http://angelicgays.co.vu/post/103303397712/my-first-ever-follow-forever-first-a-massive" title="follow forever" target="_blank">★</a>
  1236. <a href="http://katebishxp.co.vu/post/101585289620/i-hit-my-next-hundred-thank-you-so-much-ily-guys" title="follow forever" target="_blank">★</a>
  1237. <a href="http://savingchesters.tumblr.com/post/103065898147/i-was-supposed-to-do-a-follow-forever-when-i" title="follow forever" target="_blank">★</a>
  1238. <a href="http://balthazar.ga/post/102990734846/i-recently-reached-1k-followers-which-is-insane" title="follow forever" target="_blank">★</a></center>
  1239. </div>
  1240.  
  1241.  
  1242.  
  1243. </div>
  1244. </div>
  1245. <!---end tab 3 code--->
  1246.  
  1247.  
  1248. <!---begin tab 4 code--->
  1249. <div id="tab04">
  1250. <a id="box4" class="square"></a>
  1251. <div style="letter-spacing: 2px"><div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:#b6b6b6;">t h e b l o g</div></div> <div style="padding-top:1px; padding-left:15px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  1252. <div style="font-family: Qwigley; font-size:20px; color:#f28c23">tracking:</div><br>
  1253. <div style="font-family:Josefin Sans; font-size: 13px">
  1254. <center>•dearjensen<br> •all network tags</center>
  1255. </div><br>
  1256. <div style="font-family:Qwigley; font-size:20px; color:#f28c23">my time:</div>
  1257. <center><div style="margin: 3px 0px 0px; display: inline-block; text-align: center; width: 96px"><noscript><div style="display: inline-block; padding: 2px 4px; margin: 0px 0px 5px; border: 1px solid rgb(204, 204, 204); text-align: center; background-color: transparent"><a style="text-decoration: none; font-size: 13px; color: rgb(0, 0, 0)" href="http://localtimes.info/North_America/United_States/California/Los_Angeles/"><img src="http://localtimes.info/images/countries/us.png"="" border=0="" style="border:0;margin:0;padding:0"=""> Los+Angeles</a></div></noscript><script src="http://localtimes.info/clock.php?continent=North America&country=United States&province=California&city=Los Angeles&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=96&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=1000" type="text/javascript"></script></div></center><br>
  1258. <div style="font-family:Qwigley; font-size: 20px; color:#f28c23">Blacklist:</div>
  1259. <div style="font-family:Josefin Sans; font-size: 13px"><center>•go drink carrot juice sarah<br>•aos spoilers<br>•spn spoilers<br>•aou spoilers<br>•spoilers<br>•non fandom<br>•entry<br></center></div><br>
  1260. <div style="font-family:Qwigley; font-size:20px; color:#f28c23">Queue:</div>
  1261. <div style="font-family:Josefin Sans; font-size:13px"><center>saving people queuing things<br><br> 1 post every 1¼ hours</center></div><br>
  1262. <div style="font-family: Qwigley; font-size: 20px; color:#f28c23">counter:</div>
  1263. <div style="font-family:Josefin Sans; font-size: 13px"><script language="JavaScript">
  1264. var ref = (''+document.referrer+'');
  1265. var w_h = window.screen.width + " x " + window.screen.height;
  1266. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4484964&e1=star shining bright&e2=stars shining bright&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1267. </script>
  1268. <p></p>
  1269. <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2709960&name=constellations in the sky"></script></div>
  1270.  
  1271.  
  1272. <br/><br/>
  1273.  
  1274. </div>
  1275. </div>
  1276. <!---end tab 4 code--->
  1277.  
  1278.  
  1279. <!---begin tab 5 code--->
  1280. <div id="tab05">
  1281. <a id="box5" class="square"></a>
  1282. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:#b6b6b6;">m u s i c</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  1283. <embed src="http://sheepproductions.com/billy/billy.swf?autoplay=false
  1284. &f0=https://www.dropbox.com/s/2p12e1u1wq8588k/Imagine%20Dragons%20Fallen.mp3?dl=1&t0=Fallen
  1285. &f1=https://www.dropbox.com/s/67nkhyjqligzt1k/Imagine%20Dragons%20-%20Bleeding%20Out%20%5Bpleer.com%5D.mp3?dl=1&t1=Bleeding Out
  1286. &f2=https://www.dropbox.com/s/s2jeybwsbu2m349/Any%20Way%20You%20Want%20It%20-%20Journey%20%28%20With%20Lyrics%20%29.mp3?dl=1&t2=Any Way You Want It
  1287. &f3=https://www.dropbox.com/s/3twkmtjoh30ulze/Imagine%20Dragons%20Ready%20Aim%20Fire.mp3?dl=1&t3=Ready Aim Fire
  1288. &f4=https://www.dropbox.com/s/tygoj1jfo5waimf/Ed%20Sheeran%20-%20I%20See%20Fire.mp3?dl=1&t4=I See Fire
  1289. &f5=https://www.dropbox.com/s/of9kf1491bo3pwq/Imagine%20Dragons%20-%20Who%20We%20Are.mp3?dl=1&t5=Who We Are
  1290. &f6=https://www.dropbox.com/s/710qpf3tqrn0eqj/The%20Jackson%20Five-I%20Want%20You%20Back.mp3?dl=1&t6=I Want You Back
  1291. &f7=https://www.dropbox.com/s/263j461vbr4xyv0/The%20Five%20Stairsteps%20-%20Ooh%20Child%20%28Things%20are%20Gonna%20Get%20Easier%29.mp3?dl=1&t7=Ooh Child
  1292. &f8=https://www.dropbox.com/s/uct4ne2fzyctmtb/Icarus%20Bastille.mp3?dl=1&t8=Icarus
  1293. &total=9"
  1294. quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/>
  1295.  
  1296. <p></p>
  1297. <div style="font-family: Josefin Sans; font-size: 13px">
  1298. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Fallen<br></div>
  1299. imagine dragons<br>
  1300. <p></p>
  1301. <div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Bleeding Out<br></div>
  1302. Imagine Dragons<br>
  1303. <p></p>
  1304. <div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Any Way You Want It<br></div>
  1305. Journey<br>
  1306. <p></p>
  1307. <div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Ready Aim Fire<br></div>
  1308. Imagine Dragons<br>
  1309. <p></p>
  1310. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">I See Fire<br></div>
  1311. Ed Sheeran<br>
  1312. <p></p>
  1313. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Who We Are<br></div>
  1314. Imagine Dragons<br>
  1315. <p></p>
  1316. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">I Want You Back<br></div>
  1317. The Jackson Five<br>
  1318. <p></p>
  1319. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Ooh Child<br></div>
  1320. The Five Stairsteps<br>
  1321. <p></p>
  1322. <center><div style="font-family: Qwigley; font-size:20px; color:#f7b41a">Icarus<br></div>
  1323. Bastille<br></center></div>
  1324. <p></p>
  1325. <p></p>
  1326. </div>
  1327. </div>
  1328.  
  1329.  
  1330.  
  1331. <!---end tab 5 code--->
  1332.  
  1333.  
  1334. <!---begin tab 6 code--->
  1335. <div id="tab06">
  1336. <a id="box6" class="square"></a>
  1337. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:#b6b6b6;">o t h e r</div> <div style="padding-top:1px; padding-left:15px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:#000;"><br>
  1338. <div style="font-family: Qwigley; font-size:20px; color:#facc11">quick tags:</div><br>
  1339. <div style="font-family:Josefin Sans; font-size: 13px">
  1340. <center>
  1341. <a href="/tagged/dean">dean</a><br>
  1342. <a href="/tagged/sam">sam</a><br>
  1343. <a href="/tagged/cas">castiel</a><br>
  1344. <a href="/tagged/steve">steve</a><br>
  1345. <a href="/tagged/bucky">bucky</a><br>
  1346. <a href="/tagged/natasha">natasha</a><br>
  1347. <a href="/tagged/thranduil">thranduil</a><br>
  1348. <a href="/tagged/thorin">thorin</a><br>
  1349. <a href="/tagged/legolas">legolas</a>
  1350. <a href="/tagged/bilbo"></a><br>
  1351. <a href="/tagged/destiel">destiel</a><br>
  1352. <a href="/tagged/thorinduil">thorinduil</a><br>
  1353. <a href="/tagged/bagginshield">bagginshield</a><br>
  1354. <a href="/tagged/spn">supernatural</a><br>
  1355. <a href="/tagged/marvel">marvel</a><br>
  1356. <a href="/tagged/tolkien">tolkien</a><br>
  1357. </div><br>
  1358. <div style="font-family:Qwigley; font-size: 19px; color:#facc11">theme credits:</div>
  1359. <div style="font-family:Josefin Sans; font-size: 13px"><center>
  1360. <br><a href="http://deanlirium.tumblr.com" target="_blank" title="theme credit" >☆</a>
  1361. <a href="http://darklordofall.co.vu" target="_blank" title="updates tab">☆</a>
  1362. <a href="http://wendigo.tumblr.com" target="_blank" title="sidebar art">☆</a>
  1363. <a href="http://whitelies.co.vu" target="_blank" title="hover tab images">☆</a>
  1364. <a href="http://icarusgabriel.tumblr.com" target="_blank" title="html help">☆</a></center>
  1365. </div><br>
  1366.  
  1367.  
  1368.  
  1369.  
  1370. <br/><br/>
  1371.  
  1372. </div>
  1373. </div>
  1374. <!---end tab 6 code--->
  1375.  
  1376.  
  1377.  
  1378.  
  1379. </div></div></div></div>
  1380.  
  1381.  
  1382. <!--sidebar updates end-->
  1383.  
  1384. <div id="content">
  1385.  
  1386.  
  1387. <div id="sidebar">
  1388. <div id="rib"></div>
  1389. <div id="links">
  1390. <a href="/" title="home")>i.</a>
  1391. <a href="/faq" title="ask")>ii.</a>
  1392. <a href="#" title="links" class="show_hide1">iii.</a>
  1393.  
  1394. </div>
  1395.  
  1396.  
  1397. <img src="{image:Sidebar}" />
  1398.  
  1399. <div class="linki" style="display: none;">
  1400. <div class="links2">
  1401.  
  1402. {block:iflink1}<a href="/" title="home")></a>{/block:iflink1}
  1403. {block:iflink2}<a href="/askmit" title="ask/submit")></a>{/block:iflink2}
  1404. {block:iflink3}<a href="/tags" title="tags page")></a>{/block:iflink3}
  1405. {block:iflink4}<a href="/savedurls" title="saved urls"></a>{/block:iflink4}
  1406. {block:iflink5}<a href="/blogroll" title="blogroll"></a>{/block:iflink5}
  1407. {block:iflink6}<a href="/ficrec" title="ficrec"></a>{/block:iflink6}
  1408. {block:iflink7}<a href="/about" title="about"></a>{/block:iflink7}
  1409.  
  1410. </div></div>
  1411.  
  1412. <div id="description">{Description}
  1413.  
  1414. {block:Pagination}<div id="pagination">
  1415. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  1416. </div>{/block:Pagination}
  1417.  
  1418. </div>
  1419.  
  1420. </div>
  1421.  
  1422.  
  1423. <div id="entries">
  1424.  
  1425. {block:Posts}
  1426.  
  1427. {block:ContentSource}
  1428. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1429. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1430. {/block:SourceLogo}
  1431. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1432. {/block:ContentSource}
  1433.  
  1434. <div id="post">
  1435. {block:Text}
  1436. {block:Title}
  1437. <h1><a href="{Permalink}">{Title}</a></h1>
  1438. {/block:Title}{Body}
  1439.  
  1440. {/block:Text}
  1441.  
  1442. {block:Photo}{LinkOpenTag}<center>
  1443. {block:ifnot500pxposts}<img src="{PhotoURL-400}">{/block:ifnot500pxposts}{block:if500pxposts}<img src="{PhotoURL-500}">{/block:if500pxposts}{LinkCloseTag}</center>
  1444. {block:Caption}<span style="line-height:5px"><br></span>
  1445. {Caption}
  1446. {/block:Caption}
  1447.  
  1448. {/block:Photo}
  1449.  
  1450. {block:Photoset}{block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:Caption}{Caption}
  1451. {/block:Caption}{/block:Photoset}
  1452.  
  1453. {block:Quote}<h2>"{Quote}"</h2>
  1454. {block:Source}<div style="text-align:right">{Source}</div>
  1455. {/block:Source}{/block:Quote}
  1456.  
  1457. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1458.  
  1459. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1460.  
  1461. {block:Audio}<div id="playcont"></div>
  1462. <div id="whit"><div id="player">{AudioPlayerWhite} </div> </div>
  1463. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70">{/block:AlbumArt}</div><div id="infoaudio">{block:TrackName}
  1464. <p style="border-top:solid 15px {color:1}; border-bottom:solid 15px {color:1}; border-right:solid 15px transparent; margin-left:-20px; padding-left:20px; height:0px; line-height:20px"></p><p style="margin-top:-20px; font-size:11px; font-weight:bold; color:{color:Background}; font-family:cambria; text-transform:lowercase; font-style:italic;">{TrackName}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
  1465. {/block:TrackName} {block:Artist}<br>
  1466. </span>by <i>{Artist}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
  1467. {/block:Artist}
  1468. </div>
  1469. {block:caption}{caption}{/block:caption}
  1470. {/block:Audio}
  1471.  
  1472. {block:Video}{block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}{block:if500pxposts}{Video-500}{/block:if500pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1473.  
  1474. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-40}"></div><div id="askurl"><p style="margin-top:-9px;">{Asker} said:&nbsp;&nbsp;&nbsp;</p></div><div id="ask"><i>« {Question} »</i></div>{Answer}{/block:Answer}
  1475.  
  1476.  
  1477. <div id="info">
  1478. <span style="float:left;">{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}{block:NoteCount} | <font color="#FFB0B8">❤</font> {NoteCount}</a>
  1479. {/block:NoteCount}</span> <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
  1480. >via</a> | <a href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}</span>
  1481. </div>{block:HasTags}<div id="tags"><center>{block:Tags} -<a href="{TagURL}">{Tag}&nbsp;&nbsp;</a> {/block:Tags}</center>
  1482. </div>{/block:HasTags}
  1483. </div>
  1484.  
  1485. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1486. {/block:Posts}
  1487.  
  1488.  
  1489. </div></div></div></div>
  1490.  
  1491.  
  1492. </div></div></div></div>
  1493.  
  1494.  
  1495.  
  1496.  
  1497. </div></div></div>
  1498.  
  1499. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement