Advertisement
redsocksx23

eclipsethemes purpose theme edit

Jun 29th, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.78 KB | None | 0 0
  1. <!-----------------------------------------
  2. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
  7.  
  8.  
  9.  
  10. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "4813892";
  11. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  12. fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  13. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  14. </script>
  15. -
  16. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2838312&name="></script>
  17. -
  18. <script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=scowl.tumblr.com&name=followers"></script>
  19.  
  20. <br>
  21.  
  22. <script id="qpscript" src="http://qplus.io/scripts/queued/5570c2eac9a865b6cacdc36f"></script>
  23.  
  24. <p>
  25. <i>hi i'm michelle</i>
  26.  
  27.  
  28.  
  29. ----------------------------------------------->
  30.  
  31. <html lang="en">
  32. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  33. <html xmlns="http://www.w3.org/1999/xhtml">
  34. <script type="text/javascript"
  35. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  37.  
  38. <head>
  39.  
  40.  
  41.  
  42.  
  43. <div style="z-index:99999999999999999999; position:fixed; top:90px; right:25px; ">
  44. <!--<a href="http://goo.gl/SFzPtV"><img src="http://img.romwe.com/images/romwe.com/1447381554012385479.jpg" width="150px" alt="Romwe -Your Online Fashion Wardrobe"></a>
  45.  
  46. <br>
  47.  
  48. <a href="http://goo.gl/SFzPtV"><img src="http://img.romwe.com/images/romwe.com/1447381560156141058.jpg" width="150px" alt="Romwe -Your Online Fashion Wardrobe"></a>
  49.  
  50. <br>
  51. -->
  52. <div style="border:3px double #000">
  53. <a href="http://goo.gl/PO3X2b"><img src="https://scontent-lga3-1.cdninstagram.com/t51.2885-19/s320x320/12747748_237982579878291_942749484_a.jpg" title="Choies" alt="Choies-The latest street fashion" width="150" /></a>
  54. </div>
  55.  
  56. <br>
  57.  
  58. <div style="border:3px double #000">
  59. <a href="http://goo.gl/FGA9Li"><img src="http://lrolson.com/wp-content/uploads/2014/11/L.R.-Olson-Seduction-Clip-365x365.jpg" width="150px"></a>
  60. </div>
  61. </div>
  62.  
  63.  
  64.  
  65. <meta name="description" content="hipster blog" /><meta name="keywords" content="vertical, girl, sassy, hipster, tumblr, promo, gain followers,quality,photography, Structured settlements,Mesothelioma,Acne,Life Insurance,Asbestos,Bextra,Bankruptcy,Car Insurance,Dental Plan H,Private Jet,Debt Consolidatio ,Credit Card,Canadian Pharmac,Online Tradin,Equity Line Credit,Loans,Mortgages,Pay Day Loans,Cash Advance,Equity Loans,Reduce Debt,Refinance,Jet Charter ,Rehab High ,Wrongful death
  66. .Legal Advice,Taxes High,investing,Bonds ,Vioxx,IRA Rollover ,Refinance Quotes,Adult Education ,Distance Learning ,Alcohol Treatment
  67. ,Depression ,Drug Rehab,Extra Money,Cell Phone Plans,Calling Cards,VOIP,Weight Loss,Homeowner’s Insurance,Rewards Cards,Spam Filter,Lasik,Facelift,4Teeth Whitening,Annuity,Anti Virus Protection,Adult Diaper,Free Credit Report,Credit Score,Satellite,Anti Spam Software,Dedicated Hosting,Domain Name, Need Money,Bachelor Degree,Master Degree,Doctorate Degree,Work at Home,Quick Book,Spyware,Eloan,Malpractice Lawyer,Lenox China,Cancer,Payperclick,Personal Injury Attorney,Lexington Law,Video Conferencing,Transfer Money,Windstar Cruise,Casinos Online,Laptop Computer,Online Banking,Borrow Money,Low Interest Credit Cards,Personal Domain Name,Cellular Phone Rental,Internet Broker,Term Life,Cheap Hosting,University,Degrees Online,Consolidate,Business Credit,Web Host, Death Insurance, Yellow Page Advertising,Travel Insurance,Register Domain,Credit Counseling,Email Hosting,Trans Union,Consumer Credit,Blue Cross,yahoo,godaddy,domain,websites,google,apple,mac,imac,imacs,ipod,ipad,nano" />
  68.  
  69.  
  70.  
  71. <!-- SOCIAL MEDIA ICONS START-->
  72. <style>
  73. #tumblr_controls {
  74. position:fixed !important;
  75. z-index:4;
  76. -webkit-filter: invert(100%);
  77. top:0px; right:0px;
  78. opacity:1;
  79. }
  80.  
  81. #socialmedia {
  82. top:52px;
  83. position:fixed;
  84. z-index:99999999;
  85. right:15px;
  86. }
  87.  
  88. #socialmedia k {
  89. padding-right:0px;
  90. width:9px;
  91. }
  92.  
  93. #socialmedia i {
  94. padding-right:0px;
  95. width:9px;
  96. }
  97.  
  98. #socialmedia f {
  99. padding-right:0px;
  100. width:7px;
  101. padding-left:2px;
  102. padding-top:4px;
  103. height:9px;
  104. }
  105.  
  106. #snapchat {
  107. top:27px;
  108. z-index:99999999;
  109. right:3px;
  110. position:fixed;
  111. }
  112.  
  113. #socialmedia a, #snapchat a{
  114. overflow:hidden;
  115. font:600 12px/18px "Helvetica Neue", Helvetica;
  116. height:18px;
  117. display:inline-block;
  118. padding:0px 5px;
  119. line-height:18px;
  120. -webkit-font-smoothing:antialiased;
  121. color:#fff;
  122. border:1px solid rgba(0,0,0,0.18);
  123. background:rgba(0,0,0,0.38);
  124. text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  125. -webkit-border-radius:2px;
  126. -moz-border-radius:2px;
  127. border-radius:2px;
  128. -webkit-filter: invert(100%);
  129. filter: invert(100%);
  130. z-index:99999999;
  131. padding-left:3px;
  132. cursor:pointer;
  133. }
  134.  
  135. #socialmedia a:hover, #snapchat a:hover {
  136. background:rgba(0,0,0,0.30);
  137. -webkit-transition: all .0s ease-in-out;
  138. transition: all .0s ease-in-out;
  139. }
  140. </style>
  141.  
  142. <div id="snapchat">
  143.  
  144. <a>Snapchat @ redsocksx23</a>
  145.  
  146. </div>
  147.  
  148. <div id="socialmedia">
  149.  
  150. <a href="http://twitter.com/redsocksx23"><i class="fa fa-twitter"></i></a>
  151.  
  152. <a href="http://instagram.com/suppmichelle"><k class="fa fa-instagram"></k> </a>
  153.  
  154. <a href="http://facebook.com/profile.php?id=100008925700823"><f class="fa fa-facebook"></f></a>
  155.  
  156.  
  157. </div>
  158.  
  159. <!-- SOCIAL MEDIA ICONS END -->
  160.  
  161.  
  162.  
  163.  
  164. <link rel="shortcut icon" href="{Favicon}" />
  165. <!-- DEFAULT VARIABLES -->
  166. <title>{Title}</title>
  167. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  168. <meta name="color:Background" content="#fff"/>
  169. <meta name="color:Text" content="#000"/>
  170. <meta name="color:Title" content="#000"/>
  171. <meta name="color:Link" content="#999"/>
  172. <meta name="color:Hover" content="#000"/>
  173. <meta name="color:Ask Bubble" content="#eee"/>
  174. <meta name="color:Scrollbar" content="#ccc"/>
  175. <meta name="color:Blogtitle" content="#ccc"/>
  176. <meta name="color:Sidebar" content="#ffc7c7"/>
  177. <meta name="color:Sidebar Links" content="#444"/>
  178. <meta name="color:Description" content="#000"/>
  179. <meta name="color:Border" content="#ccc"/>
  180. <meta name="color:Permalinks" content="#ccc"/>
  181.  
  182.  
  183. <meta name="select:Font" content="Times" title="Times" />
  184. <meta name="select:Font" content="Calibri" title="Calibri" />
  185.  
  186. <meta name="if:Use Sidebar Image" content="1" />
  187. <meta name="if:Show Borders" content="1" />
  188. <meta name="if:One Column" content="0" />
  189. <meta name="if:Two Columns" content="1" />
  190. <meta name="if:Show Link 1" content="1"/>
  191. <meta name="if:Show Link 2" content="1"/>
  192. <meta name="if:Show Link 3" content="1"/>
  193. <meta name="if:Show Link 4" content="1"/>
  194.  
  195.  
  196. <meta name="select:Links" content="Left" title="Left" />
  197. <meta name="select:Links" content="Center" title="Center" />
  198. <meta name="select:Links" content="Right" title="Right" />
  199.  
  200. <meta name="select:Description" content="Left" title="Left" />
  201. <meta name="select:Description" content="Center" title="Center" />
  202. <meta name="select:Description" content="Right" title="Right" />
  203.  
  204. <meta name="select:Blogtitle" content="Left" title="Left" />
  205. <meta name="select:Blogtitle" content="Right" title="Right" />
  206.  
  207. <meta name="image:Background" content="0"/>
  208. <meta name="image:Sidebar" content="0"/>
  209.  
  210. <meta name="text:home url" content="/">
  211.  
  212. <meta name="text:Link 1 Url" content="/archive">
  213. <meta name="text:Link 1 Title" content="archive">
  214. <meta name="text:Link 2 Url" content="http://">
  215. <meta name="text:Link 2 Title" content="instagram">
  216. <meta name="text:Link 3 Url" content="">
  217. <meta name="text:Link 3 Title" content="mine">
  218. <meta name="text:Link 4 Url" content="">
  219. <meta name="text:Link 4 Title" content="links">
  220.  
  221.  
  222. <style type="text/css">
  223. #s-m-t-tooltip{
  224. max-width:300px;
  225. margin:15px;
  226. padding:2px 8px;
  227. border:1px solid #DDD;
  228. border-radius:4px;
  229. background:#FFF;
  230. color:#AAA;
  231. z-index:999999;
  232. font-size:9px;
  233. font-style:italic;
  234. text-transform:lowercase;
  235. letter-spacing:1px;
  236. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  237.  
  238.  
  239. ::-webkit-scrollbar-thumb{
  240. background-color:{color:scrollbar};
  241. border:3px solid {color:background};
  242. height:6px;}
  243.  
  244. ::-webkit-scrollbar {
  245. height:10px;
  246. width:10px;
  247. background-color:{color:background};}
  248.  
  249.  
  250.  
  251.  
  252.  
  253. .wrapper{
  254. margin: 0px auto;
  255. margin-left: 60px;
  256. width: 1045px;
  257. }
  258.  
  259. .header{
  260. float: left;
  261. width: 100%;
  262. }
  263.  
  264. .left{
  265. float: left;
  266. margin-right: 20px;
  267. width:1045;
  268. }
  269.  
  270. .right{
  271. float: right;
  272. width: 200px;
  273. background-color: #fff;
  274. }
  275.  
  276.  
  277. body {
  278. margin:0px;
  279. background-color: {color:Background};
  280. background-image:url({image:Background});
  281. background-attachment: fixed;
  282. background-repeat: repeat;}
  283. body, div, p, textarea, submit, input{
  284. font-family: {select:font};
  285. font-size: 11px;
  286. line-height:14px;
  287. letter-spacing:1px;
  288. color:{color:Text};
  289. }
  290.  
  291.  
  292.  
  293. p {
  294. margin:0px;
  295. margin-top:0px;
  296. }
  297.  
  298. a:link, a:active, a:visited{
  299. text-decoration: none;
  300. -webkit-transition: color 0.3s ease-out;
  301. -moz-transition: color 0.3s ease-out;
  302. transition: color 0.3s ease-out;
  303. color: {color:Link};
  304. }
  305.  
  306. a:hover {
  307. : -webkit-transition-duration: 1.0s;
  308. color:{color:Hover};
  309. }
  310.  
  311.  
  312.  
  313.  
  314. div#center{
  315. margin:auto;
  316. margin-top:0px;
  317. position:relative;
  318. width:1200px;
  319. background-color:;
  320.  
  321. }
  322.  
  323. /*BORDERS*/
  324. #top, #left, #right, #bottom {
  325. background:{color:border};
  326. position:fixed;
  327. }
  328. #top, #bottom {
  329. height:13px;
  330. width:100%;
  331. z-index:99;
  332. }
  333. #left, #right {
  334. width:13px;
  335. height:calc(100% - 22px);
  336. top:11px;
  337. z-index:999;
  338. }
  339. #top { top:0px; }
  340. #top:before {
  341. content:'';
  342. background:#fff;
  343. height:2px;
  344. width:calc(100% - 18px);
  345. left:9px;
  346. position:absolute;
  347. top:9px;
  348. }
  349. #bottom {
  350. bottom:0;
  351. }
  352. #bottom:before {
  353. content:'';
  354. background:#fff;
  355. height:2px;
  356. width:calc(100% - 18px);
  357. left:9px;
  358. position:absolute;
  359. bottom:9px;
  360. }
  361. #left {
  362. left:0;
  363. }
  364. #left:before {
  365. content:'';
  366. background:#fff;
  367. width:2px;
  368. height:100%;
  369. position:absolute;
  370. left:9px;
  371. }
  372. #right:before {
  373. content:'';
  374. background:#fff;
  375. width:2px;
  376. height:100%;
  377. position:absolute;
  378. right:9px;
  379. }
  380. #right {
  381. right:0;
  382. }
  383.  
  384.  
  385.  
  386.  
  387. .entry {
  388. float:left;
  389. background:white;
  390. {block:IndexPage}
  391. {block:ifonecolumn}
  392. width:400px;
  393. {/block:ifonecolumn}
  394. {block:iftwocolumns}
  395. width:250px;
  396. {/block:iftwocolumns}
  397. {/block:IndexPage}
  398. margin:26px;
  399. {block:PermalinkPage}
  400. {block:ifonecolumn}
  401. width:400px;
  402. {/block:ifonecolumn}
  403. {block:iftwocolumns}
  404. width:400px;
  405. {/block:iftwocolumns}
  406. text-align:left;
  407. {/block:PermalinkPage}
  408. -moz-transition: all 2.2s ease-out;
  409. -o-transition: all 2.2s ease-out;
  410. -webkit-transition: all 2.2s ease-out;
  411. transition: all 2.2s ease-out;
  412. }
  413.  
  414.  
  415. /*SIDEBAR*/
  416.  
  417. .sidebar{
  418. position:fixed;
  419. font-style:normal;
  420. top:140px;
  421. {block:IndexPage}
  422. {block:iftwocolumns}
  423. margin-left:185px;
  424. {/block:iftwocolumns}
  425. {block:ifonecolumn}
  426. margin-left:230px;
  427. {/block:ifonecolumn}
  428. {/block:IndexPage}
  429. height:auto;
  430. max-width:200px;
  431. {block:PermalinkPage}
  432. {block:iftwocolumns}
  433. margin-left:175px;
  434. {/block:iftwocolumns}
  435. {block:ifonecolumn}
  436. margin-left:220px;
  437. {/block:ifonecolumn}
  438. {/block:PermalinkPage}
  439. }
  440.  
  441. .sidebar .title{
  442. text-align:center;
  443. position:fixed;
  444. padding-top:15px;
  445. letter-spacing:3px;
  446. margin-left:10px;
  447. height:20px;
  448. width:200px;
  449. word-spacing:1px;
  450. margin-top:-12px;
  451. font-size:8px;
  452. font-style:italic;
  453. text-transform:uppercase;
  454. }
  455.  
  456.  
  457. .sidebar .description{
  458. text-align:{select:Description};
  459. color:{color:Description};
  460. background:{color:sidebar};
  461. font-family:{select:font};
  462. margin-top:2px;
  463. padding-top:5px;
  464. border:2px solid {color:sidebar};
  465. padding-left:3px;
  466. width:184px;
  467. height:auto;
  468. padding:7px;
  469. padding-bottom:7px;
  470. font-size:11px;
  471. line-height:12px;
  472. }
  473.  
  474.  
  475. .sidebar .links{
  476. position:fixed;
  477. width:199px;
  478. font-size:12px;
  479. font-family:{select:font};
  480. padding:1px;
  481. letter-spacing:1px;
  482. color:{color:link};
  483. padding-top:1px;
  484. margin-top:8px;
  485. text-align:{select:links};
  486.  
  487. }
  488. .sidebar .links a{
  489. color:{color:sidebar links};
  490. border-top:1px solid {color:sidebar links};
  491. padding:3px;
  492. line-height:26px;
  493. }
  494.  
  495.  
  496. #blogtitle {
  497. color:{color:blogtitle};
  498. line-height:12px;
  499. letter-spacing:4px;
  500. font-size:18px;
  501. max-width:200px;
  502. font-family:{select:font};
  503. border-bottom:1px solid #000;
  504. padding-bottom:4px;
  505. font-style:{select:Blogtitle};
  506. text-align:{select:blogtitle};
  507. text-transform:uppercase;
  508. -webkit-transition: all 0.6s ease-in-out;
  509. -moz-transition: all 0.6s ease-in-out;
  510. -o-transition: all 0.6s ease-in-out;
  511. transition: all 0.6s ease-in-out;}
  512. }
  513.  
  514.  
  515.  
  516.  
  517. #audio {{block:ifonecolumn}
  518. width:400px;
  519. {/block:ifonecolumn}
  520. {block:iftwocolumns}
  521. width:250px;
  522. {/block:iftwocolumns}
  523. height:auto; min-height:60px; padding-bottom:0px;}
  524. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  525. .cover img {float:left; width:60px; height:60px;}
  526. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  527. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  528.  
  529. .title{
  530. line-height:12px;
  531. color:{color:Title};
  532. font-weight:normal;
  533. }
  534.  
  535.  
  536.  
  537.  
  538.  
  539. #cred{
  540. position:fixed;
  541. font-family: arial;
  542. font-size: 8px;
  543. z-index:9999;
  544. bottom:30px;
  545. right:22px;
  546. padding:10px;
  547. height:10px;
  548. text-align:center;
  549. text-transform:lowercase;
  550. padding-bottom:10px;
  551. width:15px;
  552. color:#aaa;
  553. transition: all 0.6s ease-out;
  554. -o-transition-transition: all 0.6s ease-out;
  555. -webkit-transition: all 0.6s ease-out;
  556. -moz-transition: all 0.6s ease-out;
  557. }
  558.  
  559. .eclipsethemes {
  560. width:260px;
  561. opacity: 1;
  562. z-index: 10;
  563. margin-top:10px;
  564. margin-bottom:10px;
  565. text-align:left;
  566. font-size:10px;
  567. letter-spacing:1px;
  568. }
  569.  
  570.  
  571. /*FOR TEXT*/
  572. .permahover {
  573. text-align: right;
  574. line-height:9px;
  575. opacity: 0;
  576. filter: alpha(opacity = 0);
  577. font-size: 9px;
  578. padding-top:0px;
  579. text-transform: lowercase;
  580. border-top:0px solid {color:link};
  581. -webkit-transition-duration: .75s;
  582. }
  583.  
  584. .entry:hover .permahover {
  585. text-align: right;
  586. opacity: 1;
  587. filter: alpha(opacity = 50);}
  588.  
  589.  
  590.  
  591. .bubble a{color:{color:text};}
  592.  
  593. .bubble {
  594. position:relative;
  595. margin:4px 0px 5px 45px;
  596. text-align:left;
  597. padding:5px 3px 5px 5px;
  598. background:{color:ask bubble};
  599. color:{color:text};
  600. -moz-border-radius:3px;
  601. -webkit-border-radius:3px;
  602. border-radius:2px;
  603. }
  604.  
  605.  
  606. .bubble p {
  607. margin:5px;
  608. }
  609.  
  610. .bubble span {
  611. position:absolute;
  612. display:block;
  613. width:1px;
  614. top:-5px;
  615. left:-8px;
  616. height:1px;
  617. font-size:12;
  618. line-height:1px;
  619. color:black;
  620. border-top:3px solid transparent;
  621. border-right:7px solid #eee;
  622. border-bottom:3px solid transparent;
  623. }
  624.  
  625. .askborder {
  626. left:-10px;
  627. margin:1px;
  628. padding:2px;
  629. background:#eee;
  630. }
  631.  
  632.  
  633.  
  634. .permaz {
  635. width:90px;
  636. height:auto;
  637. font-family:consolas;
  638. font-weight: bold;
  639. font-size:11px;
  640. line-height:11px;
  641. text-align:center;
  642. text-transform:uppercase;
  643. border-bottom:1px solid {color:permalinks};
  644. color:{color:link};
  645. position:absolute;
  646. z-index:99999;
  647. overflow:hidden;
  648. margin-top:10px;
  649. line-height: 10px;
  650. position: absolute;
  651. opacity: 0;
  652. display: inline-block;
  653. {block:IfoneColumn}
  654. margin-left:295px;
  655. {/block:IfoneColumn}
  656. {block:IfTwoColumns}
  657. margin-left:145px;
  658. {/block:IftwoColumns}
  659.  
  660. padding:8px;
  661. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  662. -webkit-transition:all 0.5s linear;
  663. -moz-transition:all 0.5s linear;
  664. transition:all 0.5s linear;
  665. }
  666.  
  667. .permaz a {
  668. color:{color:link};
  669. }
  670.  
  671. .permaz a:hover {
  672. color:{color:hover};
  673.  
  674. }
  675.  
  676. .entry:hover .permaz{
  677. overflow:visible;
  678. opacity: 1;
  679. transform: rotate(0deg);
  680. -ms-transform: rotate(0deg);
  681. -webkit-transform: rotate(0deg);
  682. -o-transform: rotate(0deg);
  683. -moz-transform: rotate(0deg);
  684. -webkit-transition: all 0.5s linear;
  685. -webkit-transition: all 0.5s linear;
  686. -moz-transition: all 0.5s linear;
  687. transition: all 0.5s linear;
  688. }
  689.  
  690.  
  691.  
  692.  
  693. #posts {
  694. {block:iftwocolumns}
  695. width:700px;
  696. margin-left: 360px;
  697.  
  698.  
  699. {/block:iftwocolumns}
  700. {block:ifonecolumn}
  701. width:600px;
  702. margin-left:410px;
  703. {/block:ifonecolumn}
  704. {block:ifshowborders}
  705. margin-top:30px;
  706. {/block:ifshowborders}
  707. {block:ifnotshowborders}
  708. margin-top:10px;
  709. {/block:ifnotshowborders}
  710.  
  711. {block:PermalinkPage}
  712. {block:ifshowborders}
  713. margin-top:50px;
  714. {/block:ifshowborders}
  715. {block:ifnotshowborders}
  716. margin-top:10px;
  717. {/block:ifnotshowborders}
  718. {/block:PermalinkPage}
  719. margin-right: auto;
  720. position:relative;
  721. overflow-y: hidden;
  722. }
  723.  
  724.  
  725.  
  726.  
  727.  
  728. #infscr-loading{
  729. bottom: -70px;
  730. position: absolute;
  731. left: 50%;
  732. margin-left:-8px;
  733. width:16px;
  734. height:11px;
  735. overflow:hidden;
  736. margin-bottom: 50px;
  737. }
  738.  
  739. #postnotes{
  740. text-align: justify;
  741. }
  742.  
  743. #postnotes blockquote{
  744. border: 0px;
  745. }
  746.  
  747. blockquote{
  748. padding:0px 0px 2px 5px;
  749. margin:0px 0px 2px 1px;
  750. border-left: 1px dotted {color:Text};
  751. }
  752.  
  753. blockquote p, ul{
  754. margin:0px;
  755. padding:0px;
  756. }
  757.  
  758. a img{border: 0px;}
  759. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  760. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  761. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  762. .notes img{width:10px; position:relative; top:3px;
  763. }
  764.  
  765. small{font-size: 90%;}
  766.  
  767. .video embed, .post div.video object {
  768. {block:iftwocolumns}
  769. width:250px;
  770. {/block:iftwocolumns}
  771. {block:ifonecolumn}
  772. width:400px;
  773. {/block:ifonecolumn}
  774. !important; height:180px !important;}
  775.  
  776.  
  777. .video2 embed, .post div.video object {width:500px !important; height:400px !important;}
  778.  
  779. {CustomCSS}
  780.  
  781. </style>
  782.  
  783. {block:IndexPage}
  784.  
  785.  
  786. </script>
  787. <!--
  788. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>-->
  789. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  790. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  791.  
  792. <script type="text/javascript">
  793. $(window).load(function () {
  794. var $content = $('#posts');
  795. $content.masonry({itemSelector: '.entry'}),
  796. $content.infinitescroll({
  797. navSelector : 'div#pagination',
  798. nextSelector : 'div#pagination a#nextPage',
  799. itemSelector : '.entry',
  800. loading: {
  801. finishedMsg: '',
  802. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  803. },
  804. bufferPx : 600,
  805. debug : false,
  806. },
  807. // call masonry as a callback.
  808. function( newElements ) {
  809. var $newElems = $( newElements );
  810. $newElems.hide();
  811. // ensure that images load before adding to masonry layout
  812. $newElems.imagesLoaded(function(){
  813. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  814.  
  815.  
  816. });
  817. });
  818. });
  819. </script>
  820. {/block:IndexPage}
  821.  
  822.  
  823. <title>{Title}</title>
  824. <meta name="viewport" content="width=720" />
  825. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  826. </head>
  827.  
  828. <body>
  829. {block:ifshowborders}
  830. <div id="top"></div><div id="bottom"></div>
  831. <div id="left"></div><div id="right"></div>
  832. {/block:ifshowborders}
  833.  
  834.  
  835. <div class="sidebar">
  836. <div id="blogtitle">
  837. {Title}</a>
  838.  
  839. </a></div><br>
  840. <div class="description">
  841.  
  842. {block:ifusesidebarimage}
  843. <a href="/"><img style="padding-bottom:3px;border:2px solid #fff; background-color:transparent;padding:3px;" src="{image:sidebar}" width="175" height="auto" ></a><br><br>
  844. {/block:ifusesidebarimage}
  845.  
  846.  
  847. {description}</div>
  848.  
  849. <div class="links">
  850. <a href="{text:home url}">home</a>&nbsp;
  851. <a href="/ask">message</a>&nbsp;
  852. {block:ifshowlink1}
  853. <a href="{text:Link 1 url}">{text:Link 1 title}</a>&nbsp;{/block:ifshowlink1}
  854. {block:ifshowlink2}
  855. <a href="{text:Link 2 url}">{text:Link 2 title}</a>&nbsp;{/block:ifshowlink2}
  856. {block:ifshowlink3}
  857. <a href="{text:Link 3 url}">{text:Link 3 title}</a>&nbsp;{/block:ifshowlink3}
  858. {block:ifshowlink4}
  859. <a href="{text:Link 4 url}">{text:Link 4 title}</a>{/block:ifshowlink4}
  860.  
  861.  
  862.  
  863. </div></div>
  864.  
  865.  
  866.  
  867.  
  868. <div class="wrapper">
  869. <div class="header">
  870.  
  871. </div>
  872.  
  873.  
  874.  
  875. <div class="left">
  876. <div id="posts">
  877. {block:Posts}
  878. <div class="entry">
  879.  
  880. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  881. <div class="bubble"><font style="color:{color:link}; text-transform:uppercase; font-size:11px; font-family: {select:font};">{Asker}:</font> <font style="color:{color:text}; font-family:{select:font}; font-size:11px; ">{Question}</font></div><br><center><font style="font-family:{select:font}; font-size:11px; letter-spacing:1px">{Answer}</font></center> <br>
  882. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  883. {/block:Answer}
  884.  
  885. {block:Text}
  886. {block:Title}<span class="title">{Title}</span>{/block:Title}
  887. <span class="entrytext">{Body}</span>
  888. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  889. {/block:Text}
  890.  
  891. {block:Link}
  892. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  893. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  894. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  895. {block:Link}
  896.  
  897. {block:Photo}{block:IndexPage}
  898.  
  899. {/block:IndexPage}
  900.  
  901. {block:IndexPage}
  902.  
  903. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  904. {/block:IndexPage}
  905.  
  906. {block:IndexPage}{block:Date}<div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div> {/block:Date}{/block:IndexPage}
  907.  
  908. {block:permalinkpage}{LinkOpenTag}
  909. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{LinkCloseTag}
  910. {/block:permalinkpage}
  911. {/block:Photo}
  912.  
  913.  
  914. {block:Photoset}
  915. {block:IndexPage}
  916. <a href="{Permalink}">
  917. {block:ifonecolumn}
  918. {Photoset-400}
  919. {/block:ifonecolumn}
  920. {block:iftwocolumns}
  921. {Photoset-250}
  922. {/block:iftwocolumns}
  923. {/block:permalinkpage}
  924. {/block:IndexPage}
  925. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  926. {block:permalinkpage}
  927. {Photoset-400}
  928. {/block:permalinkpage}
  929. {/block:Photoset}
  930.  
  931.  
  932.  
  933.  
  934.  
  935. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  936. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  937. {/block:Quote}
  938.  
  939. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  940. <ul class="chat">
  941. {block:Lines}
  942. <li class="user_{UserNumber}">
  943. {block:Label}
  944. <span class="label">{Label}</span>
  945. {/block:Label}
  946.  
  947. {Line}
  948. </li>
  949. {/block:Lines}
  950. {block:IndexPage}{block:Date}<div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  951. {/block:Chat}
  952.  
  953. {block:Audio}
  954. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  955. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  956. {/block:Audio}
  957.  
  958. {block:Video}
  959. {block:IndexPage}
  960.  
  961.  
  962. {block:iftwocolumns}
  963. {Video-250}
  964. {/block:iftwocolumns}
  965. {block:ifonecolumn}
  966. {Video-400}
  967. {/block:ifonecolumn}
  968. </center>
  969. {/block:IndexPage}
  970. {block:IndexPage}{block:Date} <div class="permaz"><a href="{Permalink}">{NoteCount}</a>,<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  971. {block:PermalinkPage}
  972. <center>
  973. {Video-400}</center>
  974. {/block:PermalinkPage}
  975. {block:Video}
  976.  
  977. {block:PermalinkPage}
  978. <br>
  979. <div class="eclipsethemes">
  980. {block:Caption}{Caption}{/block:Caption}
  981.  
  982. {block:Date}Posted {timeago}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  983.  
  984. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  985. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  986.  
  987. {block:HasTags}<Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  988. {/block:PermalinkPage}
  989.  
  990.  
  991.  
  992.  
  993.  
  994. {block:PostNotes}
  995. <span></span>
  996. <br>
  997. <div style="width:auto; max-height:200px; overflow:auto; text-align:left;">{PostNotes}</div>
  998.  
  999. </a>
  1000. {/block:PostNotes}
  1001. </div>
  1002. {/block:posts}
  1003.  
  1004. </div></div>
  1005.  
  1006. {block:IndexPage}
  1007. {block:Pagination}
  1008. <div id="pagination">
  1009. {block:NextPage}
  1010. <a id="nextPage" href="{NextPage}"></a>
  1011. {/block:NextPage}
  1012. {block:PreviousPage}
  1013. <a href="{PreviousPage}"></a>
  1014. {/block:PreviousPage}
  1015. </div>
  1016. {/block:Pagination}
  1017. {/block:IndexPage}
  1018.  
  1019.  
  1020. <div id="cred">
  1021. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  1022.  
  1023. </body>
  1024. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement