Advertisement
rockatanskis

ronani FIXED

Nov 10th, 2015
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Hello again :D
  6. You know the rules about theme's right, aren't you?
  7. Always keeping the credit of the basecode owner:hoodclifford
  8. So I hopw you enjoy this theme!
  9. -Frida
  10. -->
  11.  
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#3c3c3c"/>
  15. <meta name="color:link" content="#000000"/>
  16. <meta name="color:link hover" content="#bbbbbb"/>
  17. <meta name="color:border" content="#000000"/>
  18. <meta name="color:hoverlink text" content="#000000"/>
  19. <meta name="color:scrollbar bg" content="#6b6d6d"/>
  20. <meta name="color:tooltip color" content="#6b6d6d"/>
  21. <meta name="color:title color" content="#000000"/>
  22. <meta name="color:blockquote color" content="#9d9d9d"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="image:sidebar2" content=""/>
  26.  
  27. <meta name="text:title text" content="title">
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 1" content="link 1" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 2" content="link 2" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 3" content="link 3" />
  34. <meta name="text:Link 4 URL" content="" />
  35. <meta name="text:Link 4" content="link 4" />
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <head><title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48.  
  49. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  50. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  51.  
  52. <style type="text/css">
  53.  
  54. /*edit scrollbar*/
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. height:auto;
  58. background-color:#b9a7a1;
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:0px;
  63. width:7px;
  64. padding-right:2px;
  65. }
  66.  
  67. /*edit the body this is what post text looks like, background color, etc.*/
  68.  
  69. body {
  70. position:fixed;
  71. background:#d6d3d2;
  72. background-size: 100%;
  73. margin:0px;
  74. color:#e7e7e7;
  75. font-family:helvetica;
  76. font-size:12px;
  77. line-height:140%;
  78. }
  79.  
  80. small {
  81. font-size:10px;
  82. }
  83.  
  84. sub {font-size:10;}
  85. /*edit links*/
  86.  
  87. a {
  88. text-decoration:none;
  89. text-transform:uppercase;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:#bdaba5;
  93. letter-spacing:-1px;
  94. -moz-transition-duration:0.8s;
  95. -webkit-transition-duration:0.8s;
  96. -o-transition-duration:0.8s;
  97. }
  98.  
  99. /*edit link hover*/
  100.  
  101. a:hover {
  102. letter-spacing:0px;
  103. color:#cb4732;
  104. outline:none;
  105. -moz-outline-style:none;
  106. text-decoration:none;
  107. }
  108.  
  109. img {
  110. border:none;
  111. }
  112.  
  113. blockquote {
  114. margin:10px;
  115. padding-right:-10px;
  116. padding-left:5px;
  117. border-left:2px solid;
  118.  
  119. }
  120.  
  121. blockquote blockquote {
  122. padding-left:5px;
  123. border-left:2px solid;
  124. }
  125.  
  126. h1 {
  127. font-size:20px;
  128. text-transform:uppercase;
  129. text-align:center;
  130. font-family: helvetica, arial;
  131. letter-spacing:1px;
  132. line-height:100%;
  133. color:{color:text};
  134. }
  135.  
  136. h2 {
  137. font-size:20px;
  138. font-family:arial;
  139. letter-spacing:1px;
  140. line-height:100%;
  141. color:{color:text};
  142. }
  143.  
  144. /* this is the positioning of the whole entire sidebar*/
  145.  
  146. #sidebar {
  147. width:250px;
  148. position:fixed;
  149. margin-left:205px;
  150. margin-top:100px
  151. }
  152.  
  153. /*sidebar title*/
  154.  
  155. #title {
  156. position:fixed;
  157. width:540px;
  158. top:80px;
  159. left:400px;
  160. color:white;
  161. font-family: 'Lora', serif;
  162. text-transform:uppercase;
  163. font-size:12px;
  164. line-height:100%;
  165. text-align:justify;
  166. position:fixed;
  167. opacity:0.7;
  168. }
  169.  
  170. #title a{
  171. color:white;
  172. }
  173.  
  174. #title a:hover {
  175. color:#cb4732;
  176. }
  177.  
  178. /*sidebar image*/
  179.  
  180. /*the actual sidebar image*/
  181.  
  182. #si1 img {
  183. position:fixed;
  184. width:auto;
  185. height:auto;
  186. bottom:0px;
  187. left:0px;
  188. }
  189.  
  190.  
  191. /*sidebar links*/
  192.  
  193. #links {
  194. width:126px;
  195. bottom:165px;
  196. margin-left:458px;
  197. padding:10px 0px 0px 5px;
  198. font-family: helvetica, arial;
  199. text-align:right;
  200. word-spacing:1.5px;
  201. text-transform:uppercase;
  202. font-size:20px;
  203. position:fixed;
  204. color:#933c36;
  205. z-index:100;
  206. }
  207.  
  208. #links a {
  209. letter-spacing: 0px;
  210. padding:3px;
  211. color:white;
  212.  
  213. }
  214.  
  215. #links a:hover {
  216. color:#cb4732;
  217. }
  218.  
  219. #description {
  220. position:fixed;
  221. color:white;
  222. width:476.5px;
  223. bottom:5px;
  224. left:372px;
  225. position:fixed;
  226. height:64px;
  227. font-size:12px;
  228. font-weight:200;
  229. font-family: helvetica;
  230. padding:20px;
  231. text-align:justify;
  232. letter-spacing:2px;
  233. line-height:20px;
  234. }
  235. #description a{
  236. color:white;
  237. }
  238.  
  239.  
  240.  
  241. #description a:hover {
  242. color:#6f35f6;
  243. }
  244.  
  245. /* this is the box that comes up when you hover over something with a title*/
  246.  
  247. #s-m-t-tooltip {
  248. max-width:300px;
  249. padding:5px 5px 5px 6px;
  250. margin:20px 0px 0px 20px;
  251. background-color:{color:tooltip color};
  252. font-family: helvetica, arial;
  253. font-size:9px;
  254. letter-spacing:2px;
  255. text-transform:uppercase;
  256. color:#fff;
  257. background-image: url(http://static.tumblr.com/89h8uht/OHQnxkyq3/bgbg.png);
  258. border:1px solid #070000;
  259. z-index:999999999999999999999999999999999999;
  260. }
  261.  
  262. /*next page and previous page*/
  263.  
  264. #pagination {
  265. width:440px;
  266. left:770px;
  267. position:fixed;
  268. bottom:80px;
  269. text-align: center;
  270. letter-spacing:1px;
  271. text-transform: uppercase;
  272. font-weight:400;
  273. font-family: helvetica;
  274. font-size: 20px;
  275.  
  276.  
  277. }
  278.  
  279. #pagination a {
  280. padding:0 3px;
  281. }
  282. #pagination a:hover {
  283. color:#cb4732;
  284. }
  285.  
  286.  
  287. #entries {
  288. padding:0px 10px 10px 5px;
  289. width:25px;
  290. margin-bottom: 5px;
  291. }
  292.  
  293. #post {
  294. width:400px;
  295. padding-bottom:20px;
  296. margin-right:-25px;
  297. text-align:justify
  298. }
  299.  
  300. #post a {font-family: helvetica, arial
  301. font-size:18px;
  302. }
  303.  
  304. .container {
  305. outline:solid 5px rgba(235, 235, 235, .5);
  306. position:fixed;
  307. margin-top:15px;
  308. margin-bottom:10px;
  309. padding:10px;
  310. background-color:#b23e37;
  311. left:770px;
  312. top:100px;
  313. bottom: 100px;
  314. width: 410px;
  315. overflow: scroll;
  316. overflow-x: hidden;
  317. }
  318.  
  319.  
  320. /*time posted, note count, via and source*/
  321.  
  322. .postinfo {
  323. margin-top:20px;
  324. margin-bottom:1px;
  325. margin-left:-2px;
  326. padding-top:6px;
  327. padding-bottom:7px;
  328. background-image: url(http://static.tumblr.com/89h8uht/3rEnxkykt/postinf.png);
  329. width:400px;
  330. background-color:#6e1e19;
  331. text-align:center;
  332. font-family:arial;
  333. font-weight:bold;
  334. text-transform:uppercase;
  335. font-size:15px;
  336.  
  337. }
  338.  
  339. .postinfo a {
  340. color:white;
  341. }
  342.  
  343. .postinfo a:hover {
  344. color:#cb4732;
  345. }
  346.  
  347. /*tags*/
  348.  
  349. .tags {
  350. width:400px;
  351. margin-top:-25px;
  352. margin-left:-3px;
  353. padding:2px;
  354. font-family:arial;
  355. letter-spacing:0px;
  356. font-size:10px;
  357. text-align:center;
  358. opacity:0;
  359. -moz-transition-duration: 2s;
  360. -o-transition-duration: 2s;
  361. -webkit-transition-duration: 2s;
  362. transition-duration: 2s;
  363. }
  364.  
  365. .tags a {
  366. color:{color:text};
  367. }
  368.  
  369. .tags:hover {
  370. margin-top:4px;
  371. color:#6f35f6;
  372. opacity:1;
  373. }
  374.  
  375. .postnote {
  376. width:400px;
  377. margin-top:40px;
  378. font-family:arial;
  379. text-transform:lowercase;
  380. font-style:normal;
  381. letter-spacing:0px;
  382. font-size:10px;
  383. text-align:left;
  384. }
  385.  
  386. /*asks*/
  387.  
  388. #question {
  389. font-size:11px;
  390. font-style:none;
  391. font-family:arial;
  392. letter-spacing:0px;
  393. text-align:center;
  394. padding-top: 7px;
  395. padding-bottom: 7px;
  396. color:#fff;
  397. background:#a03933;
  398.  
  399. }
  400.  
  401. #question a{
  402. color:#b9a7a1;
  403.  
  404. }
  405.  
  406. #answer {
  407. font-size:11px;
  408. font-style:none;
  409. font-family:arial;
  410. letter-spacing:0px;
  411. text-align:left;
  412. padding-top: 7px;
  413. padding-bottom: 7px;
  414.  
  415. }
  416.  
  417.  
  418.  
  419. /*audio player container*/
  420.  
  421. .playercontainer {
  422. text-align:left;
  423. padding:10px;
  424. padding-left:0px;
  425. width:450px;
  426. }
  427.  
  428. /*artist, song, etc.*/
  429.  
  430. .musicinfo {
  431. padding-top:7px;
  432. padding-left:50px;
  433. color:#000;
  434. text-align:justify;
  435. }
  436.  
  437.  
  438.  
  439. /*-------CREDIT-------*/
  440. /*made by sppice, tutorial at html-tutorials.tumblr.com*/
  441.  
  442. #oneout {
  443. -moz-box-shadow: 0px 0px 0px 0px ;
  444. -webkit-box-shadow: 0px 0px 0px 0px ;
  445. box-shadow: 0px 0px 0px 0px ;
  446. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  447. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  448. z-index:1000;
  449. position: fixed;
  450. color:black;
  451. bottom: -30px;
  452. right: 1px;
  453. width: 18px;
  454. padding: 40px 0;
  455. text-align: center;
  456. -webkit-transition-duration: 0.3s;
  457. -moz-transition-duration: 0.3s;
  458. -o-transition-duration: 0.3s;
  459. transition-duration: 0.3s;
  460. -webkit-border-radius: 0 5px 5px 0;
  461. -moz-border-radius: 0 5px 5px 0;
  462. border-radius: 0 0px 0px 0;}
  463.  
  464. #oneout_inner {
  465. -moz-box-shadow: 0px 0px 1px 0px ;
  466. -webkit-box-shadow: 0px 0px 1px 0px ;
  467. box-shadow: 0px 0px 1px 0px ;
  468. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  469. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  470. bottom: 10px;
  471. right: -250px;
  472. position: fixed;
  473. width: 230px;
  474. padding: 10px;
  475. height: auto;
  476. -webkit-transition-duration: 0.3s;
  477. -moz-transition-duration: 0.3s;
  478. -o-transition-duration: 0.3s;
  479. transition-duration: 0.3s;
  480. text-align: left;
  481. font-size:10px;
  482. text-transform:uppercase;
  483. -webkit-border-radius: 0 0 5px 0;
  484. -moz-border-radius: 0 0 5px 0;
  485. border-radius: 0 0 0px 0;}
  486.  
  487. #oneout:hover {
  488. z-index:1000;
  489. right: 250px;}
  490.  
  491. #oneout:hover #oneout_inner {
  492. z-index:1000;
  493. right: 0px;}
  494.  
  495. .onetitle {
  496. display: block;
  497. writing-mode: lr-tb;
  498. -webkit-transform: rotate(-90deg);
  499. -moz-transform: rotate(-90deg);
  500. -ms-transform: rotate(-90deg);
  501. -o-transform: rotate(-90deg);
  502. transform: rotate(-90deg);
  503. position: absolute;
  504. right: -11px;
  505. top: 3px;
  506. font-family:Lucida Sans;
  507. font-size: 16px;
  508. font-weight: normal;
  509. text-transform: uppercase;
  510. letter-spacing: -1px;}
  511.  
  512. /* --- UPDATES ---*/
  513.  
  514. #updates {
  515. font-size:9px;
  516. color:white;
  517. text-align:justify;
  518. height:15px;
  519. width:145px;
  520. padding:5px;
  521. bottom:630px;
  522. left:5px;
  523. z-index:10;
  524. position:fixed;
  525. overflow:hidden;
  526. -webkit-transition: all 0.5s ease-in-out;
  527. -moz-transition: all 0.5s ease-in-out;
  528. -o-transition: all 0.5s ease-in-out;
  529. }
  530.  
  531. #updates a {font-family: helvetica, arial;
  532. font-weight:bold;
  533. font-size:10px;
  534. color:gray;
  535. letter-spacing:0px;
  536. text-shadow: 1px 1px 1px rgba(255, 52, 33, 1);
  537. }
  538.  
  539. #updates:hover {
  540. bottom:345px;
  541. height:300px;
  542. -webkit-transition: all 0.5s ease-in-out;
  543. -moz-transition: all 0.5s ease-in-out;
  544. -o-transition: all 0.5s ease-in-out;
  545. }
  546.  
  547. #updatestitle {
  548. font-size:12px;
  549. text-transform:uppercase;
  550. opacity:0.7;
  551. letter-spacing:2px;
  552. font-family:arial;
  553. font-weight:bold;
  554. text-align:left;
  555. color:white;
  556. }
  557.  
  558.  
  559. {CustomCSS}</style></head><body>
  560.  
  561. <!-- begin updates tab -->
  562.  
  563. <div id="updates">
  564. <div id="updatestitle">HOVER</div>
  565.  
  566. <p>
  567. ctrl+f 'geronimo' to edit this hover text! use regular p, b, i, etc tags and a/link tags <a href="">to stylise words like this.</a>. you can also use alignment and center tags.</p>
  568. </div></div>
  569.  
  570. <!-- end updates tab -->
  571.  
  572. <!-- made by sppice, tutorial at html-tutorials.tumblr.com-->
  573.  
  574. <div id="oneout">
  575. <span class="onetitle">
  576.  
  577. CREDIT
  578.  
  579. </span>
  580. <div id="oneout_inner">
  581. <center>
  582.  
  583. theme code by todeserveyou<br>
  584. theme customisation by fckweasel<br>
  585. art by cassandrajp
  586.  
  587. <br></center></div></div>
  588.  
  589. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  590. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  591. <script>
  592.  
  593. (function($){
  594.  
  595. $(document).ready(function(){
  596.  
  597. $("a[title]").style_my_tooltips({
  598.  
  599. tip_follows_cursor:true,
  600.  
  601. tip_delay_time:50,
  602.  
  603. tip_fade_speed:600,
  604.  
  605. attribute:"title"
  606.  
  607. });
  608.  
  609. });
  610.  
  611. })(jQuery);
  612.  
  613. </script>
  614.  
  615.  
  616. <div id="sidebar">
  617.  
  618.  
  619. <div id="si1"><img src="http://static.tumblr.com/89h8uht/D6Unxkuxz/abig.png">
  620. <div id="title">
  621. </div>
  622.  
  623. </div></div>
  624. <div id="links">
  625.  
  626.  
  627. <strong><a href="/" title="HOME">✖</a><a href="/ask" title="INBOX">✖</a><a href="{text:Link 1 URL}" title="{text:Link 1}">✖</a><a href="{text:Link 2 URL}" title="{text:Link 2}">✖</a><a href="{text:Link 3 URL}" title="{text:Link 3}">✖</a><a href="{text:Link 4 URL}" title="{text:Link 4}">✖</a><br></strong>
  628. </div>
  629.  
  630. <div id="description">
  631. <div id="pagination">{block:PreviousPage}
  632. <a href="{PreviousPage}" title="PREVIOUS">←</a>
  633. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="NEXT">→</a>
  634. {/block:NextPage}
  635. </div></div>
  636.  
  637.  
  638.  
  639.  
  640. </div>
  641.  
  642. <div class="container">
  643.  
  644. <div id="entries">{block:Posts}<div id="post">
  645.  
  646. {block:Text}<h1>{block:Title}<big><big>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
  647.  
  648. {block:Quote}<big><b>"{Quote}"</b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  649.  
  650. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  651.  
  652. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  653.  
  654. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  655.  
  656. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  657.  
  658. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  659.  
  660.  
  661. {block:AudioPlayer}
  662. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden; position:absolute;font-weight:bold;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  663.  
  664. {block:Answer}<div id="question"><span style="font-size:15px;"><font face="arial"><b>{Asker} said:<br></b></font> </span>{Question}</div><div id="answer"><span style="text-transform:none;font-size:11px;font-style:none;"><font face="arial">{Answer}</font></span>{/block:Answer}
  665.  
  666. {block:Date}<div class="postinfo"><a href="{Permalink}" title="{12Hour}:{Minutes}{AmPm}">✖</a> {block:NoteCount}<a href="{Permalink}" title="{NoteCount}">✖</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">✖</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="source">✖</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  667.  
  668. {block:HasTags}
  669. <div class="tags">
  670. {block:Tags}<a href="{TagURL}">■ {Tag}</a>  {/block:Tags}</div>
  671. {/block:HasTags}
  672.  
  673. <div class="postnote">
  674. {block:PostNotes}{PostNotes}{/block:PostNotes}
  675. </div>
  676. </div>
  677. {/block:Posts}
  678.  
  679. </div> <!----CONTAINED--->
  680.  
  681.  
  682. </div></div></div></div>
  683. </div>
  684.  
  685.  
  686. </body>
  687. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement