Advertisement
danateruel

Custom Theme 1

Sep 20th, 2012
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.15 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <center><img src="{image:banner}"></center>
  4.  
  5.  
  6. <head>
  7.  
  8. <!-- Theme made by Dana teruel! -->
  9. <!-- PLEASE DO NOT REMOVE THE CREDIT -->
  10.  
  11.  
  12.  
  13.  
  14.  
  15. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  16.  
  17.  
  18. <!-- slide out tabs -->
  19. <style>
  20. .Chandler {
  21. height: 100px;
  22. width: 20px;
  23. background-color: #fcf; /* background color of tab*/
  24. background-image: url('http://i45.tinypic.com/2i090qp.gif'); /* Put background image url in perenthes if you want*/
  25. border: 0px #000 solid; /*border style and color*/
  26. border-radius: 0px; /*border radius, aka how rounded you want it*/
  27. position: fixed;
  28. margin-top: 100px; /*How far from the top*/
  29. Left: 0px;
  30. z-index:999999999;
  31. -webkit-transition: 0.6s ease-in-out;
  32. padding: 10px;
  33. -moz-box-shadow: 0px 0px 5px 2px #000000; /*Glow color, Delete this line and the two below if you do not want glow */
  34. -webkit-box-shadow: 0px 0px 5px 2px #000000; /*Glow color, Delete this line and the two below if you do not want glow */
  35. box-shadow: 0px 0px 5px 2px #000000;/*Glow color, Delete this line and the two below if you do not want glow */
  36. Border-radius: 50px;
  37. }
  38.  
  39.  
  40. .Monica {
  41.  
  42. width: 300px; /*If you adjust with width, make sure you adjust the margin left as well*/
  43. min-height: 100px;
  44. background-color: #99F; /* Background Color of the slide out box */
  45. background-image: url('Insert Background Image Url Here'); /* Put background image url in perenthes if you want*/
  46. border: 0px #000 solid; /*Border color and style of the box */
  47. position: fixed;
  48. margin-top: -10px; /*If you have a border, at the border number onto this number*/
  49. Left: -325px; /*This must be negative whatever the width is plus 10px */
  50. z-index:999999999;
  51. -webkit-transition: 0.6s ease-in-out;
  52. padding: 10px;
  53. -moz-box-shadow: 0px 0px 5px 2px #000000; /*Glow color, Delete this line and the two below if you do not want glow */
  54. -webkit-box-shadow: 0px 0px 5px 2px #000000; /*Glow color, Delete this line and the two below if you do not want glow */
  55. box-shadow: 0px 0px 5px 2px ##000000;/*Glow color, Delete this line and the two below if you do not want glow */
  56. Border-radius:10px;
  57. }
  58.  
  59. .Chandler:hover {
  60. z-index:1000;
  61. left: 320px;
  62. -webkit-transition: 0.6s ease-in-out;}
  63.  
  64. .Chandler:hover .Monica {
  65. z-index:1000;
  66. left: 0px;
  67. -webkit-transition: 0.6s ease-in-out;}
  68.  
  69. .Monica:hover {
  70. z-index:1000;
  71. left: 0px;
  72. -webkit-transition: 0.6s ease-in-out;
  73. }
  74.  
  75. .rachel{
  76. -webkit-transform: rotate(90deg);
  77. margin-top: 20px;
  78. font-size: 30px;
  79. position: absolute;
  80. margin-left: -40px;
  81. text-align: center;
  82. }
  83. </style>
  84. <!-- slide out tabs -->
  85.  
  86. <script type="text/javascript">
  87. function tb8_makeArray(n){
  88. this.length = n;
  89. return this.length;
  90. }
  91. tb8_messages = new tb8_makeArray(3);
  92. tb8_messages[0] = "{text:title effect 1}";
  93. tb8_messages[1] = "{text:title effect 2}";
  94. tb8_messages[2] = "{text:title effect 3}";
  95. tb8_rptType = 'infinite';
  96. tb8_rptNbr = 5;
  97. tb8_speed = 100;
  98. tb8_delay = 2000;
  99. var tb8_counter=1;
  100. var tb8_currMsg=0;
  101. var tb8_tekst ="";
  102. var tb8_i=0;
  103. var tb8_TID = null;
  104. function tb8_pisi(){
  105. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  106. document.title = tb8_tekst;
  107. tb8_sp=tb8_speed;
  108. tb8_i++;
  109. if (tb8_i==tb8_messages[tb8_currMsg].length){
  110. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  111. }
  112. if (tb8_currMsg == tb8_messages.length){
  113. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  114. clearTimeout(tb8_TID);
  115. return;
  116. }
  117. tb8_counter++;
  118. tb8_currMsg = 0;
  119. }
  120. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  121. }
  122. tb8_pisi()
  123. </script>
  124.  
  125. <!-- other fonts used -->
  126. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
  129.  
  130. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  131.  
  132. <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
  133.  
  134.  
  135. <link href='http://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'>
  136.  
  137.  
  138. <!-- meta tags -->
  139.  
  140. <meta name="if:Rounded Corners" content="" />
  141. <meta name="if:Glowing Corners" content="" />
  142. <meta name="text:title effect 1" content="" />
  143. <meta name="text:title effect 2" content="" />
  144. <meta name="text:title effect 3" content="" />
  145. <meta name="color:Navi1" content="#000" />
  146. <meta name="color:Navi2" content="#000" />
  147. <meta name="color:Navi3" content="#000" />
  148. <meta name="color:Navi4" content="#000" />
  149. <meta name="color:Navi5" content="#000" />
  150. <meta name="color:Navi6" content="#000" />
  151. <meta name="color:Navi7" content="#000" />
  152. <meta name="color:Navi8" content="#000" />
  153. <meta name="color:Navi9" content="#000" />
  154. <meta name="color:Navi10" content="#000" />
  155. <meta name="color:Navi11" content="#000" />
  156. <meta name="color:Links" content="#000" />
  157. <meta name="text:Link name 1" content="link" />
  158. <meta name="text:Link 1" content="/" />
  159. <meta name="text:Link name 2" content="link" />
  160. <meta name="text:Link 2" content="/" />
  161. <meta name="text:Link name 3" content="link" />
  162. <meta name="text:Link 3" content="/" />
  163. <meta name="text:Link name 4" content="link" />
  164. <meta name="text:Link 4" content="/" />
  165. <meta name="text:Link name 5" content="link" />
  166. <meta name="text:Link 5" content="/" />
  167. <meta name="text:Link name 6" content="link" />
  168. <meta name="text:Link 6" content="/" />
  169. <meta name="text:Link name 7" content="link" />
  170. <meta name="text:Link 7" content="/" />
  171. <meta name="text:Link name 8" content="link" />
  172. <meta name="text:Link 8" content="/" />
  173. <meta name="text:Link name 9" content="link" />
  174. <meta name="text:Link 9" content="/" />
  175. <meta name="color:permalink" content="#000" />
  176. <meta name="color:background" content="#000" />
  177. <meta name="image:background" content="" />
  178. <meta name="image:banner" content="" />
  179.  
  180.  
  181. <!-- meta tags -->
  182.  
  183. <title>{title}</title>
  184. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m230woPmQb1qfamg6.gif"/>
  185. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  186. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  187.  
  188. <style type="text/css">
  189.  
  190. .wrapper{
  191. margin: 0px auto;
  192. width: 717px;
  193. }
  194.  
  195. div#sidebarimage{
  196. width:300px;
  197. height:250px;
  198. }
  199.  
  200. div#verticalquote{
  201. margin-top: 200px;
  202. margin-left:0px;
  203. font-family: 'McLaren', cursive;
  204. text-shadow: px px px #000;
  205. font-size:26px;
  206. line-height: 50px;
  207. padding: 0px;
  208. border: 0px solid #cccccc;
  209. background-color: transparent;
  210. float: left;
  211. position: fixed;
  212. top: 33%; left: 75%;
  213. z-index: 99999;
  214. -webkit-transform: rotate(90deg);
  215. -moz-transform: rotate(90deg);
  216. }
  217.  
  218. li {display: block; -webkit-transition-duration: .40s; border-bottom: 1px solid #f5c9ce; background-repeat: no-repeat; vertical-align: middle; line-height: 17px; text-indent: 5px; background: url('http://i122.photobucket.com/albums/o260/mhilka/minigifs/markinha1.gif') no-repeat left; padding-left: 15px;}
  219.  
  220.  
  221.  
  222. strong, b, bold {color: #e6a1dd; text-decoration:none; font-family: 'short stack', sans-serif;font-weight:bold;} i, em, italic {color: #9766dd; font-family: 'short stack', sans-serif;;} u, underline {text-decoration:none; color: #fffccc; border-bottom: 1px dotted #eee;} s, strike {color: #cccfff;}
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231. {block:if:FadedFollowButton}
  232. iframe#tumblr_controls { margin-top: 15px !important; margin-left: 30px !important; position: fixed !important; z-index: 999999999999999999999999999999 !important; opacity: 0.4; -webkit-transition:0.5s ease-in-out;
  233. -moz-transition:0.5s ease-in-out;
  234. -ms-transition:0.5s ease-in-out;}
  235.  
  236. iframe#tumblr_controls:hover{ opacity: 1;
  237. -webkit-transition:0.5s ease-in-out;
  238. -moz-transition:0.5s ease-in-out;
  239. -ms-transition:0.5s ease-in-out;
  240. }
  241. {/block:if:FadedFollowButton}
  242.  
  243. ::-webkit-scrollbar-thumb:vertical {
  244. background-color:#fff;
  245. -moz-border-radius:10px;
  246. -webkit-border-radius:10px;
  247. }
  248.  
  249. ::-webkit-scrollbar {
  250. width:7px;
  251. height:5px;
  252. background-color:#000;
  253. }
  254.  
  255. .button{width:120px;position:absolute;top:500px;margin-left:30px;padding:10px 0px 10px 0px;text-align:right;line-height:15px;font-style:italic;}
  256.  
  257.  
  258. div.button1 a{background-color: {color:Navi1};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  259. div.button1 a:hover{padding-left:30px;}
  260.  
  261.  
  262. div.button2 a{background-color: {color:Navi2};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  263. div.button2 a:hover{padding-left:30px;}
  264.  
  265.  
  266. div.button3 a{background-color: {color:Navi3};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  267. div.button3 a:hover{padding-left:30px;}
  268.  
  269.  
  270. div.button4 a{background-color: {color:Navi4};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  271. div.button4 a:hover{padding-left:30px;}
  272.  
  273.  
  274. div.button5 a{background-color: {color:Navi5};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  275. div.button5 a:hover{padding-left:30px;}
  276.  
  277.  
  278. div.button6 a{background-color: {color:Navi6};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  279. div.button6 a:hover{padding-left:30px;}
  280.  
  281.  
  282.  
  283. div.button7 a{background-color: {color:Navi7};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  284. div.button7 a:hover{padding-left:30px;}
  285.  
  286.  
  287. div.button8 a{background-color: {color:Navi8};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  288. div.button8 a:hover{padding-left:30px;}
  289.  
  290. div.button9 a{background-color: {color:Navi9};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  291. div.button9 a:hover{padding-left:30px;}
  292.  
  293. div.button10 a{background-color: {color:Navi10};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  294. div.button10 a:hover{padding-left:30px;}
  295.  
  296. div.button11 a{background-color: {color:Navi11};font-size:13px;font-family:"redensek";color:{color:Links};padding:0px 10px 0px 20px;margin-left:3px;margin-bottom:0px;}
  297. div.button11 a:hover{padding-left:30px;}
  298.  
  299. /** fonts used **/
  300.  
  301. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  302.  
  303.  
  304. /** fonts **/
  305.  
  306.  
  307.  
  308.  
  309.  
  310. /** head **/
  311.  
  312. body{
  313. color:black;
  314. font-family:short stack;
  315. font-size:10px;
  316. background-color:{color:background};
  317. background-image:{image:background}
  318. }
  319.  
  320. description{
  321. color:{color:description}
  322. font-size:10px;
  323. font-family:short stack;
  324. }
  325.  
  326. #title{
  327. color:{color:title}
  328. font-size:30px;
  329. font-family:raleway dots;
  330. }
  331.  
  332. h1{
  333. font-size:35px;
  334. font-family:raleway dots;
  335. }
  336.  
  337. .textitle{
  338. font-size:35
  339. font-family: 'Yanone Kaffeesatz', sans-serif;
  340. color:red;
  341. }
  342.  
  343. #cent{
  344. width:508px;
  345. margin-left:550px;
  346. background-color:#fff;
  347. position:absolute;
  348. padding:5px;
  349. {block:ifRoundedCorners}
  350. Border-radius: 40px;
  351. {/block:ifRoundedCorners}
  352. -webkit-animation: bounceIn 2s;
  353. -moz-animation: bounceIn 2s;
  354. -ms-animation: bounceIn 2s;
  355. }
  356.  
  357. #post{
  358. padding:2px;
  359. background-color:#fff;
  360. width:500px;
  361. float:left;
  362. margin:2px;
  363.  
  364. {block:ifGlowingCorners}
  365. -moz-box-shadow: 0 0 5px #000;
  366.  
  367. -webkit-box-shadow: 0 0 5px #000;
  368. {/block:ifGlowingCorners}
  369. -webkit-animation: bounceIn 2s;
  370. -moz-animation: bounceIn 2s;
  371. -ms-animation: bounceIn 2s;
  372. }
  373.  
  374. #sidebar{
  375. background-color:#fff;
  376. width:300px;
  377. height:300px;
  378. margin-top:100px;
  379. margin-left:150px;
  380. position:absolute;
  381. padding:3px;
  382. {block:ifRoundedCorners}
  383. Border-radius: 40px;
  384. {/block:ifRoundedCorners}
  385. {block:ifGlowingCorners}
  386. -moz-box-shadow: 0 0 5px #000;
  387.  
  388. -webkit-box-shadow: 0 0 5px #000;
  389. {/block:ifGlowingCorners}
  390. }
  391.  
  392.  
  393. #entry .perma a{color:{permalink};}
  394.  
  395. #entry .perma{width:0px; position: absolute; line-height: 10px; overflow:hidden; opacity: 0.0; background-color:; color: {color:permalink} ;margin-top:0px;margin-left:-100px;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;margin-top:-100px;}
  396.  
  397. #entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
  398. -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; margin-left:0px;margin-top:0px;width:auto;}
  399.  
  400. #permal {
  401. width: 50px;
  402. height:15px;
  403. display: inline-block;
  404. margin-left: 2px;
  405. margin-top:3px;
  406. padding: 2px;
  407. background-color:{color:permalink};
  408. line-height:13px;
  409. font-size: 11px;
  410. font-family: short stack;
  411. color: #fff;
  412. text-align:center;
  413. -webkit-border-radius: 5px 5px 5px 5px;
  414. -moz-border-radius: 5px 5px 5px 5px;
  415. border-radius: 5px 5px 5px 5px;
  416. }
  417.  
  418.  
  419. {CustomCSS]</style>
  420.  
  421. </head>
  422. <body>
  423.  
  424. <div class="Chandler">
  425. <div class="rachel">
  426.  
  427.  
  428. stats
  429.  
  430. </div>
  431. <div class="Monica">
  432. <center>
  433. This is where your stats go <br>
  434.  
  435.  
  436. I know you speak <script language='JavaScript' src='http://freehostedscripts.net/language.php'></script> <br>
  437.  
  438.  
  439. You're using <script language='JavaScript' src='http://freehostedscripts.net/browserinfo.php'></script> <br>
  440.  
  441.  
  442. And your Ip is <script language='JavaScript' src='http://freehostedscripts.net/ip.php'></script> <br>
  443.  
  444.  
  445. </center>
  446. </div>
  447.  
  448. </div>
  449.  
  450. <center><div class="button">
  451. <div class="button1"><a href="/">Home</a><br></div>
  452. <div class="button2"><a href="/ask">Ask</a><br></div>
  453. <div class="button3"><a href="/archive">Archive</a><br></div>
  454. <div class="button4"><a href="{text:Link1}">{text:Link name 1}</a><br></div>
  455. <div class="button5"><a href="{text:Link2}">{text:Link name 2}</a><br></div>
  456. <div class="button6"><a href="{text:Link3}">{text:Link name 3}</a><br></div>
  457. <div class="button7"><a href="{text:Link4}">{text:Link name 4}</a><br>
  458.  
  459. <div class="button8"><a href="{text:Link5}">{text:Link name 5}</a><br>
  460.  
  461. <div class="button9"><a href="{text:Link6}">{text:Link name 6}</a><br>
  462.  
  463. <div class="button10"><a href="{text:Link7}">{text:Link name 7}</a><br>
  464.  
  465. <div class="button11"><a href="{text:Link7}">{text:Link name 8}</a><br>
  466.  
  467. </div>
  468.  
  469. </center></div>
  470.  
  471. <div id="sidebar">
  472.  
  473.  
  474. <br></br>
  475.  
  476. {Description}
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486. </div>
  487.  
  488. <div id="verticalquote"><span id="bubble"><font color="#00bfff">{Title}</span></div>
  489.  
  490. <div id="cent">
  491.  
  492.  
  493.  
  494.  
  495.  
  496. {block:Posts}<div id="entry">
  497. {block:IndexPage}
  498. <div class="perma">
  499. <div id="permal">
  500. <a href="{permalink}" target="_blank">{NoteCount} </div>
  501.  
  502. <div id="permal"><a href="{ReblogURL}" target="_blank">Reblawg</a></span></div></div>
  503.  
  504. {/block:IndexPage}
  505.  
  506.  
  507. {block:Text}{block:Title}<center></center><h2>♡{Title}</h2>{/block:Title}
  508. <br> <br>{/block:Text}{block:Chat}{block:Title}<h2>♡{Title}</h2>{/block:Title} {/block:Chat}
  509. <h2>{block:Link}{/block:Link}</h2>
  510.  
  511. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}
  512. {block:Text}{Body}{/block:Text}
  513.  
  514. {block:Photo}<center>{block:IndexPage}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" class="magnify"/></a>
  515. {/block:IndexPage}
  516.  
  517. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="600px" class="magnify"/>
  518.  
  519.  
  520. {LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  521. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  522. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  523. {block:Link}<a href="{URL}" class="links2" {Target}><center></center><br><h2>{Name}</h2></a><BR>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  524. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  525. {block:Video}<center>{block:IndexPage}<div id="video">{Video-400}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video}
  526. {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  527. {block:Answer}<div id="asker">{Asker} Asked: <br><br>{Question}</div><div id="answer">I answered: {Answer}</div>{/block:Answer}</div>
  528. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  529.  
  530.  
  531. <div id="bottominfo">
  532. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}&middot;{DayofMonth}&middot;{NoteCount} Notes{/block:Date}&hearts; {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  533.  
  534.  
  535. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  536. </div></div> {/block:Date}{/block:PermalinkPage}
  537. {/block:Posts}
  538. </div>
  539. {block:PostNotes}{PostNotes}{/block:PostNotes}
  540. <p id="footer">
  541.  
  542.  
  543. </div>
  544. </body>
  545.  
  546.  
  547.  
  548.  
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement