API tools faq
paste
bsethemes

Castor and Pollux (meta ver.)

bsethemes
Jun 3rd, 2015
2,166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2. <!----
  3. _______ __ __ .____ __ __ .____ ____ _ _
  4. ' / | | / | | / / \ `. /
  5. | |___| |__. |\ /| |__. |,_-< `./
  6. | | | | | \/ | | | ` ,'
  7. / / / /----/ / / /----/ `----' _-'
  8.  
  9.  
  10.  
  11.  
  12. ____ _____ .____ _______ __ __ .____ __ __ .____ _____
  13. / \ ( / ' / | | / | | / (
  14. |,_-< `--. |__. | |___| |__. |\ /| |__. `--.
  15. | ` | | | | | | | \/ | | |
  16. `----' \___.' /----/ / / / /----/ / / /----/ \___.'
  17.  
  18.  
  19.  
  20. -don't change or remove credit
  21. -don't take bits of the code
  22. -don't claim theme as yours
  23. -for any questions, feedback or theme requests please don't hesitate to contanct me!!!
  24.  
  25.  
  26. ---->
  27.  
  28.  
  29. <title>{text:title}</title>
  30. <link rel="shortcut icon" href="http://38.media.tumblr.com/tumblr_m230z8YSMN1qfamg6.gif">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32.  
  33.  
  34. <meta name="text:title" content="Gemini Twins"/>
  35. <meta name"text:about" content=""/>
  36. <meta name="text:quote" content=""/>
  37. <meta name="text:link" content=""/>
  38. <meta name="text:link url" content=""/>
  39.  
  40. <meta name="image:background" content=""/>
  41. <meta name="image:profile" content=""/>
  42.  
  43. <meta name="color:background" content="#fff"/>
  44. <meta name="color:text" content="#a7a7a7"/>
  45. <meta name="color:link" content="#c0c0c0"/>
  46. <meta name="color:hover" content="#000"/>
  47. <meta name="color:title" content="#fff"/>
  48. <meta name="color:section title" content="#a7a7a7"/>
  49. <meta name="color:tag title" cotent="#fff"/>
  50. <meta name="color:tag title background" content="#a7a7a7"/>
  51. <meta name="color:selection color" content="#000"/>
  52. <meta name="color:scroll bar" content="#14121D"/>
  53. <meta name="color:tooltip text" content="#fff"/>
  54. <meta name="color:tooltip background" content="#14121D"/>
  55. <meta name="color:circles" content="#fff"/>
  56. <meta name="color:lines" content="#fff"/>
  57.  
  58.  
  59.  
  60. <script type="text/javascript">
  61. WebFontConfig = {
  62. google: { families: [ 'Open+Sans+Condensed:300,300italic,700:latin' ] }
  63. };
  64. (function() {
  65. var wf = document.createElement('script');
  66. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  67. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  68. wf.type = 'text/javascript';
  69. wf.async = 'true';
  70. var s = document.getElementsByTagName('script')[0];
  71. s.parentNode.insertBefore(wf, s);
  72. })(); </script>
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("a[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:90,
  82. tip_fade_speed:600,
  83. attribute:"title"
  84. });
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93. ::-moz-selection {
  94. background: transparent;
  95. color:{color:selection};
  96. }
  97.  
  98. ::selection {
  99. background: transparent;
  100. color:{color:selection};
  101. }
  102.  
  103.  
  104. ::-webkit-scrollbar {
  105. width: 5px;
  106. }
  107.  
  108. ::-webkit-scrollbar-track {
  109. background-color: transparent;
  110. border:2px solid {color:scroll bar};
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. height:auto;
  115. background-color: {color:scroll bar};
  116. }
  117.  
  118. #s-m-t-tooltip {
  119. max-width:200px;
  120. margin:25px 20px 25px 20px;
  121. background:{color:tooltip background};
  122. color:{color:tooltip text};
  123. font-family:'arial';
  124. font-size:11px;
  125. line-height:13px;
  126. padding:3px 5px 4px 5px;
  127. opacity:.1;
  128. border: 1px solid #e5e5e5;
  129. -webkit-box-shadow: 3px 3px 0px -1px rgba(255,255,255,0.08);
  130. -moz-box-shadow: 3px 3px 0px -1px rgba(255,255,255,0.08);
  131. box-shadow: 3px 3px 0px -1px rgba(255,255,255,0.08);
  132. -webkit-transition: all 0.2s ease-out;
  133. -moz-transition: all 0.2s ease-out;
  134. transition: all 0.2s ease-out;
  135. z-index:999999999999999999999999999999999999;
  136. }
  137.  
  138.  
  139. body {
  140. overflow:hidden;
  141. font-family: 'Open Sans Condensed', sans-serif;
  142. letter-spacing:1px;
  143. font-size:12px;
  144. color:{color:text};
  145. background-color:{color:background};
  146. background-image: url('{image:background}');
  147. background-attachment:fixed;
  148. background-size:cover;
  149. background-repeat:no-repeat;
  150. }
  151.  
  152.  
  153. a {
  154. color:{color:link};
  155. text-decoration:none;
  156. font-weight:none;
  157. -moz-transition-duration:0.5s
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. }
  161.  
  162.  
  163. a:hover {
  164. color:{color:hover};
  165. text-decoration:none;
  166. -moz-transition-duration:0.5s;
  167. -webkit-transition-duration:0.5s;
  168. -o-transition-duration:0.5s;
  169. }
  170.  
  171. h3 {
  172. color:{color:section title};
  173. text-align:left;
  174. text-decoration:underline;
  175. }
  176.  
  177. #line1 {
  178. position:absolute;
  179. width:1px;
  180. border-right:1px solid {color:lines};
  181. margin-top:39px;
  182. height:210px;
  183. margin-left:380px;
  184. -ms-transform: rotate(-10deg); /* IE 9 */
  185. -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
  186. transform: rotate(-10deg);
  187. }
  188.  
  189. #line2 {
  190. position:absolute;
  191. height:530px;
  192. border-right:1px solid {color:lines};
  193. margin-top:-113px;
  194. margin-left:645px;
  195. -ms-transform: rotate(68deg); /* IE 9 */
  196. -webkit-transform: rotate(68deg); /* Chrome, Safari, Opera */
  197. transform: rotate(68deg);
  198. }
  199.  
  200. #line3 {
  201. position:absolute;
  202. width:235px;
  203. border-top:1px solid {color:lines};
  204. margin-top:142px;
  205. margin-left:700px;
  206. -ms-transform: rotate(6deg); /* IE 9 */
  207. -webkit-transform: rotate(6deg); /* Chrome, Safari, Opera */
  208. transform: rotate(6deg);
  209. }
  210.  
  211. #line4 {
  212. position:absolute;
  213. height:235px;
  214. border-right:1px solid {color:lines};
  215. margin-top:206px;
  216. margin-left:305px;
  217. -ms-transform: rotate(52deg); /* IE 9 */
  218. -webkit-transform: rotate(52deg); /* Chrome, Safari, Opera */
  219. transform: rotate(52deg);
  220. }
  221.  
  222. #line5 {
  223. position:absolute;
  224. width:160px;
  225. border-top:1px solid {color:lines};
  226. margin-top:330px;
  227. margin-left:323px;
  228. -ms-transform: rotate(88deg); /* IE 9 */
  229. -webkit-transform: rotate(88deg); /* Chrome, Safari, Opera */
  230. transform: rotate(88deg);
  231. }
  232.  
  233. #line6 {
  234. position:absolute;
  235. width:90px;
  236. border-top:1px solid {color:lines};
  237. margin-top:450px;
  238. margin-left:342px;
  239. -ms-transform: rotate(113deg); /* IE 9 */
  240. -webkit-transform: rotate(113deg); /* Chrome, Safari, Opera */
  241. transform: rotate(113deg);
  242. }
  243.  
  244. #line7 {
  245. position:absolute;
  246. width:320px;
  247. border-top:1px solid {color:lines};
  248. margin-top:485px;
  249. margin-left:285px;
  250. -ms-transform: rotate(173deg); /* IE 9 */
  251. -webkit-transform: rotate(173deg); /* Chrome, Safari, Opera */
  252. transform: rotate(173deg);
  253. }
  254.  
  255. #line8 {
  256. position:absolute;
  257. width:105px;
  258. border-top:1px solid {color:lines};
  259. margin-top:545px;
  260. margin-left:330px;
  261. -ms-transform: rotate(76deg); /* IE 9 */
  262. -webkit-transform: rotate(76deg); /* Chrome, Safari, Opera */
  263. transform: rotate(76deg);
  264. }
  265.  
  266. #line9 {
  267. position:absolute;
  268. width:140px;
  269. border-top:1px solid {color:lines};
  270. margin-top:425px;
  271. margin-left:595px;
  272. -ms-transform: rotate(145deg); /* IE 9 */
  273. -webkit-transform: rotate(145deg); /* Chrome, Safari, Opera */
  274. transform: rotate(145deg);
  275. }
  276.  
  277. #line10 {
  278. position:absolute;
  279. width:205px;
  280. border-top:1px solid {color:lines};
  281. margin-top:530px;
  282. margin-left:580px;
  283. -ms-transform: rotate(41deg); /* IE 9 */
  284. -webkit-transform: rotate(41deg); /* Chrome, Safari, Opera */
  285. transform: rotate(41deg);
  286. }
  287.  
  288.  
  289. #line11 {
  290. position:absolute;
  291. width:340px;
  292. border-top:1px solid {color:lines};
  293. margin-top:345px;
  294. margin-left:720px;
  295. -ms-transform: rotate(116deg); /* IE 9 */
  296. -webkit-transform: rotate(116deg); /* Chrome, Safari, Opera */
  297. transform: rotate(166deg);
  298. }
  299.  
  300. #line12 {
  301. position:absolute;
  302. width:380px;
  303. border-top:1px solid {color:lines};
  304. margin-top:525px;
  305. margin-left:740px;
  306. -ms-transform: rotate(76deg); /* IE 9 */
  307. -webkit-transform: rotate(76deg); /* Chrome, Safari, Opera */
  308. transform: rotate(158deg);
  309. }
  310.  
  311. #circle1 {
  312. margin-top:30px;
  313. margin-left:358px;
  314. width:10px;
  315. height:10px;
  316. color:#a7a7a7;
  317. border-radius: 50%;
  318. background:{color:circle};
  319. position:absolute;
  320. overflow:hidden;
  321. -webkit-transition-duration:0.5s;
  322. -moz-transition-duration:0.5s;
  323. -ms-transition-duration:0.5s;
  324. -o-transition-duration:0.5s;
  325. transition-duration:0.5s;
  326. }
  327.  
  328. #circle1:hover {
  329. width:200px;
  330. text-align:justify;
  331. overflow-y:auto;
  332. overflow-x:hidden;
  333. height:200px;
  334. padding:10px;
  335. color:#a7a7a7;
  336. position:fixed;
  337. line-height:150%;
  338. border-radius:0%;
  339. border:3px solid #f0f0f0;
  340. -webkit-transition-duration:0.5s;
  341. -moz-transition-duration:0.5s;
  342. -ms-transition-duration:0.5s;
  343. -o-transition-duration:0.5s;
  344. transition-duration:0.5s;
  345. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  346. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  347. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  348. z-index:1;
  349. }
  350.  
  351.  
  352. #circle2 {
  353. position:absolute;
  354. margin-top:245px;
  355. margin-left:395px;
  356. width:10px;
  357. height:10px;
  358. border-radius: 50%;
  359. background:{color:circles};
  360. -webkit-transition-duration:0.5s;
  361. -moz-transition-duration:0.5s;
  362. -ms-transition-duration:0.5s;
  363. -o-transition-duration:0.5s;
  364. transition-duration:0.5s;
  365. }
  366.  
  367. #circle2:hover {
  368. margin-top:200px;
  369. margin-left:350px;
  370. z-index:1;
  371. width:150px;
  372. height:150px;
  373. position:fixed;
  374. border-radius:50%;
  375. border:3px solid #f0f0f0;
  376. content:url('{image:profile}');
  377. }
  378.  
  379. #circle3 {
  380. position:absolute;
  381. margin-top:125px;
  382. margin-left:698px;
  383. font-size:14px;
  384. width:10px;
  385. height:10px;
  386. overflow:hidden;
  387. border-radius: 50%;
  388. background:{color:circles};
  389. -webkit-transition-duration:0.5s;
  390. -moz-transition-duration:0.5s;
  391. -ms-transition-duration:0.5s;
  392. -o-transition-duration:0.5s;
  393. transition-duration:0.5s;
  394. }
  395.  
  396. #circle3:hover {
  397. margin-top:90px;
  398. margin-left:600px;
  399. width:150px;
  400. text-align:center;
  401. overflow-y:auto;
  402. overflow-x:hidden;
  403. height:150px;
  404. padding:10px;
  405. color:#a7a7a7;
  406. position:fixed;
  407. line-height:500%;
  408. border-radius:0%;
  409. border:3px solid #f0f0f0;
  410. -webkit-transition-duration: .5s; /* Safari */
  411. -webkit-transition-duration:0.5s;
  412. -moz-transition-duration:0.5s;
  413. -ms-transition-duration:0.5s;
  414. -o-transition-duration:0.5s;
  415. transition-duration:0.5s;
  416. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  417. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  418. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  419. z-index:1;
  420. }
  421.  
  422. #circle3 h3 {
  423. margin-bottom:-100px;
  424. margin-top:-20px;
  425. }
  426.  
  427. #circle3 a {
  428. background:#a7a7a7;
  429. color:#fff;
  430. border:5px solid #c0c0c0;
  431. padding:10px;
  432. text-transform:uppercase;
  433. letter-spacing:2px;
  434. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  435. -webkit-transition-duration:0.5s;
  436. -moz-transition-duration:0.5s;
  437. -ms-transition-duration:0.5s;
  438. -o-transition-duration:0.5s;
  439. transition-duration:0.5s;
  440. }
  441.  
  442. #circle3 a:hover {
  443. font-size:15px;
  444. border-top:0px;
  445. border:3px solid #c0c0c0;
  446. letter-spacing:10px;
  447. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  448. -webkit-transition-duration:0.5s;
  449. -moz-transition-duration:0.5s;
  450. -ms-transition-duration:0.5s;
  451. -o-transition-duration:0.5s;
  452. transition-duration:0.5s;
  453. }
  454.  
  455. #circle4 {
  456. position:absolute;
  457. margin-top:47px;
  458. margin-left:887px;
  459. width:10px;
  460. height:10px;
  461. border-radius: 50%;
  462. background:{color:circles};
  463. overflow:hidden;
  464. -webkit-transition-duration:0.5s;
  465. -moz-transition-duration:0.5s;
  466. -ms-transition-duration:0.5s;
  467. -o-transition-duration:0.5s;
  468. transition-duration:0.5s;
  469. }
  470.  
  471.  
  472. #circle4:hover {
  473. margin-top:20px;
  474. margin-left:800px;
  475. width:150px;
  476. text-align:center;
  477. overflow-y:auto;
  478. overflow-x:hidden;
  479. height:200px;
  480. padding:10px;
  481. color:#a7a7a7;
  482. position:fixed;
  483. line-height:500%;
  484. border-radius:0%;
  485. border:3px solid #f0f0f0;
  486. -webkit-transition-duration: .5s; /* Safari */
  487. -webkit-transition-duration:0.5s;
  488. -moz-transition-duration:0.5s;
  489. -ms-transition-duration:0.5s;
  490. -o-transition-duration:0.5s;
  491. transition-duration:0.5s;
  492. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  493. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  494. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  495. z-index:1;
  496. }
  497.  
  498. #circle4 h3 {
  499. margin-bottom:-100px;
  500. margin-top:-20px;
  501. }
  502.  
  503. #circle4 a {
  504. background:#a7a7a7;
  505. color:#fff;
  506. border:5px solid #c0c0c0;
  507. padding:10px;
  508. text-transform:uppercase;
  509. letter-spacing:2px;
  510. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  511. -webkit-transition-duration:0.5s;
  512. -moz-transition-duration:0.5s;
  513. -ms-transition-duration:0.5s;
  514. -o-transition-duration:0.5s;
  515. transition-duration:0.5s;
  516. }
  517.  
  518. #circle4 a:hover {
  519. font-size:15px;
  520. border:3px solid #c0c0c0;
  521. letter-spacing:10px;
  522. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  523. -webkit-transition-duration:0.5s;
  524. -moz-transition-duration:0.5s;
  525. -ms-transition-duration:0.5s;
  526. -o-transition-duration:0.5s;
  527. transition-duration:0.5s;
  528. }
  529.  
  530. #circle5 {
  531. position:absolute;
  532. margin-top:150px;
  533. margin-left:930px;
  534. width:10px;
  535. height:10px;
  536. border-radius: 50%;
  537. background:{color:circles};
  538. overflow:hidden;
  539. -webkit-transition-duration: .5s; /* Safari */
  540. -webkit-transition-duration:0.5s;
  541. -moz-transition-duration:0.5s;
  542. -ms-transition-duration:0.5s;
  543. -o-transition-duration:0.5s;
  544. transition-duration:0.5s;
  545. }
  546.  
  547. #circle5:hover {
  548. margin-top:120px;
  549. margin-left:900px;
  550. width:150px;
  551. text-align:center;
  552. overflow-y:auto;
  553. overflow-x:hidden;
  554. height:200px;
  555. padding:10px;
  556. color:#a7a7a7;
  557. position:fixed;
  558. line-height:500%;
  559. border-radius:0%;
  560. border:3px solid #f0f0f0;
  561. -webkit-transition-duration: .5s; /* Safari */
  562. -webkit-transition-duration:0.5s;
  563. -moz-transition-duration:0.5s;
  564. -ms-transition-duration:0.5s;
  565. -o-transition-duration:0.5s;
  566. transition-duration:0.5s;
  567. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  568. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  569. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  570. z-index:1;
  571. }
  572.  
  573. #circle5 h3 {
  574. margin-bottom:-100px;
  575. margin-top:-20px;
  576. }
  577.  
  578. #circle5 a {
  579. background:#a7a7a7;
  580. color:#fff;
  581. border:5px solid #c0c0c0;
  582. padding:10px;
  583. text-transform:uppercase;
  584. letter-spacing:2px;
  585. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  586. -webkit-transition-duration:0.5s;
  587. -moz-transition-duration:0.5s;
  588. -ms-transition-duration:0.5s;
  589. -o-transition-duration:0.5s;
  590. transition-duration:0.5s;
  591. }
  592.  
  593. #circle5 a:hover {
  594. font-size:15px;
  595. border:3px solid #c0c0c0;
  596. letter-spacing:10px;
  597. text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.24);
  598. -webkit-transition-duration:0.5s;
  599. -moz-transition-duration:0.5s;
  600. -ms-transition-duration:0.5s;
  601. -o-transition-duration:0.5s;
  602. transition-duration:0.5s;
  603. }
  604.  
  605. #circle6 {
  606. position:absolute;
  607. margin-top:390px;
  608. margin-left:210px;
  609. width:10px;
  610. height:10px;
  611. border-radius: 50%;
  612. background:{color:circles};
  613. overflow:hidden;
  614. -webkit-transition-duration:0.5s;
  615. -moz-transition-duration:0.5s;
  616. -ms-transition-duration:0.5s;
  617. -o-transition-duration:0.5s;
  618. transition-duration:0.5s;
  619. }
  620.  
  621. #circle6:hover {
  622. z-index:1;
  623. width:200px;
  624. height:60px;
  625. max-height:200px;
  626. padding:10px;
  627. color:#a7a7a7;
  628. position:fixed;
  629. line-height:150%;
  630. border-radius:0%;
  631. overflow-y:auto;
  632. overflow-x:hidden;
  633. font-style:italic;
  634. text-align:justify;
  635. -webkit-transition-duration:0.5s;
  636. -moz-transition-duration:0.5s;
  637. -ms-transition-duration:0.5s;
  638. -o-transition-duration:0.5s;
  639. transition-duration:0.5s;
  640. border:3px solid #f0f0f0;
  641. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  642. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  643. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  644. }
  645.  
  646. #circle7 {
  647. position:absolute;
  648. margin-top:405px;
  649. margin-left:400px;
  650. width:10px;
  651. height:10px;
  652. border-radius: 50%;
  653. background:{color:circles};
  654. overflow:hidden;
  655. -webkit-transition-duration:0.5s;
  656. -moz-transition-duration:0.5s;
  657. -ms-transition-duration:0.5s;
  658. -o-transition-duration:0.5s;
  659. transition-duration:0.5s;
  660. }
  661.  
  662. #circle7:hover {
  663. margin-top:340px;
  664. width:200px;
  665. text-align:justify;
  666. overflow-y:auto;
  667. overflow-x:hidden;
  668. height:200px;
  669. text-transform:uppercase;
  670. padding:10px;
  671. color:#a7a7a7;
  672. text-align:center;
  673. letter-spacing:5px;
  674. position:fixed;
  675. line-height:200%;
  676. border-radius:0%;
  677. border:3px solid #f0f0f0;
  678. -webkit-transition-duration:0.5s;
  679. -moz-transition-duration:0.5s;
  680. -ms-transition-duration:0.5s;
  681. -o-transition-duration:0.5s;
  682. transition-duration:0.5s;
  683. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  684. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  685. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  686. z-index:1;
  687. }
  688.  
  689. #circle7 h3 {
  690. background:{color:tag title background};
  691. color:{color:tag title};
  692. letter-spacing:3px;
  693. text-decoration:none;
  694. text-align:center;
  695. }
  696.  
  697. #circle7 a {
  698. border-bottom:1px solid #a7a7a7;
  699. -webkit-transition-duration:0.5s;
  700. -moz-transition-duration:0.5s;
  701. -ms-transition-duration:0.5s;
  702. -o-transition-duration:0.5s;
  703. transition-duration:0.5s;
  704. }
  705.  
  706. #circle7 a:hover {
  707. letter-spacing:7px;
  708. border-bottom:0px;
  709. -webkit-transition-duration:0.5s;
  710. -moz-transition-duration:0.5s;
  711. -ms-transition-duration:0.5s;
  712. -o-transition-duration:0.5s;
  713. transition-duration:0.5s;
  714. }
  715.  
  716. #circle8 {
  717. position:absolute;
  718. margin-top:490px;
  719. margin-left:365px;
  720. width:10px;
  721. height:10px;
  722. border-radius: 50%;
  723. background:{color:circles};
  724. overflow:hidden;
  725. -webkit-transition-duration:0.5s;
  726. -moz-transition-duration:0.5s;
  727. -ms-transition-duration:0.5s;
  728. -o-transition-duration:0.5s;
  729. transition-duration:0.5s;
  730. }
  731.  
  732. #circle8:hover {
  733. margin-top:300px;
  734. width:200px;
  735. text-align:justify;
  736. overflow-y:auto;
  737. overflow-x:hidden;
  738. height:200px;
  739. text-transform:uppercase;
  740. padding:10px;
  741. color:#a7a7a7;
  742. text-align:center;
  743. letter-spacing:5px;
  744. position:fixed;
  745. line-height:200%;
  746. border-radius:0%;
  747. border:3px solid #f0f0f0;
  748. -webkit-transition-duration:0.5s;
  749. -moz-transition-duration:0.5s;
  750. -ms-transition-duration:0.5s;
  751. -o-transition-duration:0.5s;
  752. transition-duration:0.5s;
  753. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  754. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  755. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  756. z-index:1;
  757. }
  758.  
  759. #circle8 h3 {
  760. background:{color:tag title background};
  761. color:{color:tag title};
  762. letter-spacing:3px;
  763. text-decoration:none;
  764. text-align:center;
  765. }
  766.  
  767. #circle8 a {
  768. border-bottom:1px solid #a7a7a7;
  769. -webkit-transition-duration:0.5s;
  770. -moz-transition-duration:0.5s;
  771. -ms-transition-duration:0.5s;
  772. -o-transition-duration:0.5s;
  773. transition-duration:0.5s;
  774. }
  775.  
  776. #circle8 a:hover {
  777. letter-spacing:7px;
  778. border-bottom:0px;
  779. -webkit-transition-duration:0.5s;
  780. -moz-transition-duration:0.5s;
  781. -ms-transition-duration:0.5s;
  782. -o-transition-duration:0.5s;
  783. transition-duration:0.5s;
  784. }
  785.  
  786. #circle9 {
  787. position:absolute;
  788. margin-top:500px;
  789. margin-left:280px;
  790. width:10px;
  791. height:10px;
  792. border-radius: 50%;
  793. background:{color:circles};
  794. overflow:hidden;
  795. -webkit-transition-duration:0.5s;
  796. -moz-transition-duration:0.5s;
  797. -ms-transition-duration:0.5s;
  798. -o-transition-duration:0.5s;
  799. transition-duration:0.5s;
  800. }
  801.  
  802. #circle9:hover {
  803. margin-top:350px;
  804. width:200px;
  805. text-align:justify;
  806. overflow-y:auto;
  807. overflow-x:hidden;
  808. height:200px;
  809. text-transform:uppercase;
  810. padding:10px;
  811. color:#a7a7a7;
  812. text-align:center;
  813. letter-spacing:5px;
  814. position:fixed;
  815. line-height:200%;
  816. border-radius:0%;
  817. border:3px solid #f0f0f0;
  818. -webkit-transition-duration:0.5s;
  819. -moz-transition-duration:0.5s;
  820. -ms-transition-duration:0.5s;
  821. -o-transition-duration:0.5s;
  822. transition-duration:0.5s;
  823. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  824. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  825. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  826. z-index:1;
  827. }
  828.  
  829. #circle9 h3 {
  830. background:{color:tag title background};
  831. color:{color:tag title};
  832. letter-spacing:3px;
  833. text-decoration:none;
  834. text-align:center;
  835. }
  836.  
  837. #circle9 a {
  838. border-bottom:1px solid #a7a7a7;
  839. -webkit-transition-duration:0.5s;
  840. -moz-transition-duration:0.5s;
  841. -ms-transition-duration:0.5s;
  842. -o-transition-duration:0.5s;
  843. transition-duration:0.5s;
  844. }
  845.  
  846. #circle9 a:hover {
  847. letter-spacing:7px;
  848. border-bottom:0px;
  849. -webkit-transition-duration:0.5s;
  850. -moz-transition-duration:0.5s;
  851. -ms-transition-duration:0.5s;
  852. -o-transition-duration:0.5s;
  853. transition-duration:0.5s;
  854. }
  855.  
  856. #circle10 {
  857. position:absolute;
  858. margin-top:590px;
  859. margin-left:390px;
  860. width:10px;
  861. height:10px;
  862. border-radius: 50%;
  863. background:{color:circles};
  864. overflow:hidden;
  865. -webkit-transition-duration:0.5s;
  866. -moz-transition-duration:0.5s;
  867. -ms-transition-duration:0.5s;
  868. -o-transition-duration:0.5s;
  869. transition-duration:0.5s;
  870. }
  871.  
  872. #circle10:hover {
  873. margin-top:380px;
  874. width:200px;
  875. text-align:justify;
  876. overflow-y:auto;
  877. overflow-x:hidden;
  878. height:200px;
  879. text-transform:uppercase;
  880. padding:10px;
  881. color:#a7a7a7;
  882. text-align:center;
  883. letter-spacing:5px;
  884. position:fixed;
  885. line-height:200%;
  886. border-radius:0%;
  887. border:3px solid #f0f0f0;
  888. -webkit-transition-duration:0.5s;
  889. -moz-transition-duration:0.5s;
  890. -ms-transition-duration:0.5s;
  891. -o-transition-duration:0.5s;
  892. transition-duration:0.5s;
  893. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  894. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  895. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  896. z-index:1;
  897. }
  898.  
  899. #circle10 h3 {
  900. background:{color:tag title background};
  901. color:{color:tag title};
  902. letter-spacing:3px;
  903. }
  904.  
  905. #circle10 a {
  906. border-bottom:1px solid #a7a7a7;
  907. -webkit-transition-duration:0.5s;
  908. -moz-transition-duration:0.5s;
  909. -ms-transition-duration:0.5s;
  910. -o-transition-duration:0.5s;
  911. transition-duration:0.5s;
  912. }
  913.  
  914. #circle10 a:hover {
  915. letter-spacing:7px;
  916. border-bottom:0px;
  917. -webkit-transition-duration:0.5s;
  918. -moz-transition-duration:0.5s;
  919. -ms-transition-duration:0.5s;
  920. -o-transition-duration:0.5s;
  921. transition-duration:0.5s;
  922. }
  923.  
  924. #circle11 {
  925. position:absolute;
  926. margin-top:460px;
  927. margin-left:600px;
  928. width:10px;
  929. height:10px;
  930. border-radius: 50%;
  931. background:{color:circles};
  932. overflow:hidden;
  933. -webkit-transition-duration:0.5s;
  934. -moz-transition-duration:0.5s;
  935. -ms-transition-duration:0.5s;
  936. -o-transition-duration:0.5s;
  937. transition-duration:0.5s;
  938. }
  939.  
  940. #circle11:hover {
  941. margin-top:300px;
  942. width:200px;
  943. text-align:justify;
  944. overflow-y:auto;
  945. overflow-x:hidden;
  946. height:200px;
  947. padding:10px;
  948. color:#a7a7a7;
  949. position:fixed;
  950. line-height:150%;
  951. border-radius:0%;
  952. border:3px solid #f0f0f0;
  953. -webkit-transition-duration:0.5s;
  954. -moz-transition-duration:0.5s;
  955. -ms-transition-duration:0.5s;
  956. -o-transition-duration:0.5s;
  957. transition-duration:0.5s;
  958. z-index:1;
  959. -webkit-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  960. -moz-box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  961. box-shadow: 6px 6px 0px -2px rgba(255,255,255,0.5);
  962. }
  963.  
  964. #circle11 img {
  965. border:2px solid #f0f0f0;
  966. border-radius:50%;
  967. -webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.06);
  968. -moz-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.06);
  969. box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.06);
  970. }
  971.  
  972. #circle12 {
  973. position:absolute;
  974. margin-top:380px;
  975. margin-left:720px;
  976. width:10px;
  977. height:10px;
  978. border-radius: 50%;
  979. background:{color:circles};
  980. -webkit-transition-duration:0.5s;
  981. -moz-transition-duration:0.5s;
  982. -ms-transition-duration:0.5s;
  983. -o-transition-duration:0.5s;
  984. transition-duration:0.5s;
  985. }
  986.  
  987. #circle12:hover {
  988. margin-top:375px;
  989. margin-left:715;
  990. width:15px;
  991. height:15px;
  992. -webkit-transition-duration:0.5s;
  993. -moz-transition-duration:0.5s;
  994. -ms-transition-duration:0.5s;
  995. -o-transition-duration:0.5s;
  996. transition-duration:0.5s;
  997. }
  998.  
  999. #circle13 {
  1000. position:absolute;
  1001. margin-top:300px;
  1002. margin-left:1050px;
  1003. width:10px;
  1004. height:10px;
  1005. border-radius: 50%;
  1006. background:{color:circles};
  1007. -webkit-transition-duration:0.5s;
  1008. -moz-transition-duration:0.5s;
  1009. -ms-transition-duration:0.5s;
  1010. -o-transition-duration:0.5s;
  1011. transition-duration:0.5s;
  1012. }
  1013.  
  1014. #circle13:hover {
  1015. width:15px;
  1016. height:15px;
  1017. -webkit-transition-duration:0.5s;
  1018. -moz-transition-duration:0.5s;
  1019. -ms-transition-duration:0.5s;
  1020. -o-transition-duration:0.5s;
  1021. transition-duration:0.5s;
  1022. }
  1023.  
  1024. #circle14 {
  1025. position:absolute;
  1026. margin-top:590px;
  1027. margin-left:750px;
  1028. width:10px;
  1029. height:10px;
  1030. border-radius: 50%;
  1031. background:{color:circles};
  1032. -webkit-transition-duration:0.5s;
  1033. -moz-transition-duration:0.5s;
  1034. -ms-transition-duration:0.5s;
  1035. -o-transition-duration:0.5s;
  1036. transition-duration:0.5s;
  1037. }
  1038.  
  1039. #circle14:hover {
  1040. margin-top:587px;
  1041. width:15px;
  1042. height:15px;
  1043. -webkit-transition-duration:0.5s;
  1044. -moz-transition-duration:0.5s;
  1045. -ms-transition-duration:0.5s;
  1046. -o-transition-duration:0.5s;
  1047. transition-duration:0.5s;
  1048. }
  1049.  
  1050. #circle15 {
  1051. position:absolute;
  1052. margin-top:450px;
  1053. margin-left:1100px;
  1054. width:10px;
  1055. height:10px;
  1056. border-radius: 50%;
  1057. background:{color:circles};
  1058. -webkit-transition-duration:0.5s;
  1059. -moz-transition-duration:0.5s;
  1060. -ms-transition-duration:0.5s;
  1061. -o-transition-duration:0.5s;
  1062. transition-duration:0.5s;
  1063. }
  1064.  
  1065. #circle15:hover {
  1066. margin-top:447px;
  1067. width:15px;
  1068. height:15px;
  1069. -webkit-transition-duration:0.5s;
  1070. -moz-transition-duration:0.5s;
  1071. -ms-transition-duration:0.5s;
  1072. -o-transition-duration:0.5s;
  1073. transition-duration:0.5s;
  1074. }
  1075.  
  1076. #title {
  1077. color:{color:title};
  1078. position:absolute;
  1079. margin-top:300px;
  1080. margin-left:500px;
  1081. font-size:20px;
  1082. font-weight:normal;
  1083. font-style:italic;
  1084. font-family: 'Open Sans Condensed', sans-serif;
  1085. letter-spacing:5px;
  1086. -webkit-transition-duration:0.5s;
  1087. -moz-transition-duration:0.5s;
  1088. -ms-transition-duration:0.5s;
  1089. -o-transition-duration:0.5s;
  1090. transition-duration:0.5s;
  1091. }
  1092.  
  1093. #title:hover {
  1094. font-weight:bold;
  1095. letter-spacing:10px;
  1096. border-bottom:3px solid #fff;
  1097. -webkit-transition-duration:0.5s;
  1098. -moz-transition-duration:0.5s;
  1099. -ms-transition-duration:0.5s;
  1100. -o-transition-duration:0.5s;
  1101. transition-duration:0.5s;
  1102. }
  1103.  
  1104. /*DONT TOUCH THIS*/
  1105.  
  1106. #credit {
  1107. position:fixed;
  1108. right:10px;
  1109. bottom:15px;
  1110. }
  1111.  
  1112. #credit a {
  1113. font-style:italic;
  1114. letter-spacing:7px;
  1115. border:3px solid #fff;
  1116. padding:4px;
  1117. background:#a7a7a7;
  1118. color:#fff;
  1119. -webkit-transition-duration:0.5s;
  1120. -moz-transition-duration:0.5s;
  1121. -ms-transition-duration:0.5s;
  1122. -o-transition-duration:0.5s;
  1123. transition-duration:0.5s;
  1124. }
  1125.  
  1126. #credit a:hover {
  1127. letter-spacing:4px;
  1128. border:1px solid #fff;
  1129. -webkit-transition-duration:0.5s;
  1130. -moz-transition-duration:0.5s;
  1131. -ms-transition-duration:0.5s;
  1132. -o-transition-duration:0.5s;
  1133. transition-duration:0.5s;
  1134. }
  1135.  
  1136. </style>
  1137. </head>
  1138. <body>
  1139. <!--TITLE-->
  1140. <a href="/"><h1><div id="title">{text:title}</div></h1></a>
  1141.  
  1142.  
  1143. <!--ABOUT SECTION-->
  1144. <div id="circle1">
  1145. <h3>About</h3>
  1146. {text:about}
  1147. </div>
  1148. <!--END ABOUT SECTION-->
  1149.  
  1150.  
  1151. <div id="circle2">
  1152.  
  1153. <!--TO EDIT THE PICTURE SCROLL TILL YOU FIND #circle2:hover
  1154. EDIT THIS content:url('PUT YOUR LINK HERE')-->
  1155.  
  1156. </div>
  1157.  
  1158.  
  1159.  
  1160. <!--LINKS SECTIONS-->
  1161. <div id="circle3">
  1162. <h3>Links</h3><br>
  1163.  
  1164. <a href="/" title="link">link</a><br>
  1165. <a href="/" title="link">link</a><br>
  1166. <a href="/" title="link">link</a><br>
  1167. <a href="/" title="link">link</a>
  1168. <!--DON'T FORGET TO ADD <br><br><br> AFTER THE LINKS CLOSING TAG-->
  1169. </div>
  1170. <div id="circle4">
  1171. <h3>Links</h3><br>
  1172.  
  1173. <a href="/" title="link">link</a><br>
  1174. <a href="/" title="link">link</a><br>
  1175. <a href="/" title="link">link</a><br>
  1176. <a href="/" title="link">link</a>
  1177. </div>
  1178. <div id="circle5">
  1179.  
  1180. <h3>Links</h3><br>
  1181.  
  1182. <a href="/" title="link">link</a><br>
  1183. <a href="/" title="link">link</a><br>
  1184. <a href="/" title="link">link</a><br>
  1185. <a href="/" title="link">link</a>
  1186. </div>
  1187. <!--END LINK SECTIONS-->
  1188.  
  1189.  
  1190.  
  1191. <!--QUOTE-->
  1192. <div id="circle6">
  1193. <q>{text:quote}</q>
  1194. </div>
  1195. <!--END QUOTE SECTION-->
  1196.  
  1197.  
  1198.  
  1199. <!--TAGS SECTIONS-->
  1200. <div id="circle7">
  1201. <h3>Tags Section 1</h3>
  1202.  
  1203. <a href="/">tag</a><br>
  1204. <a href="/">tag</a><br>
  1205. <a href="/">tag</a><br>
  1206. <a href="/">tag</a><br>
  1207. <a href="/">tag</a><br>
  1208. <a href="/">tag</a><br>
  1209. <a href="/">tag</a><br>
  1210. <a href="/">tag</a><br>
  1211. <a href="/">tag</a>
  1212. </div>
  1213. <div id="circle8">
  1214. <h3>Tags Section 2</h3>
  1215.  
  1216. <a href="/">tag</a><br>
  1217. <a href="/">tag</a><br>
  1218. <a href="/">tag</a><br>
  1219. <a href="/">tag</a><br>
  1220. <a href="/">tag</a><br>
  1221. <a href="/">tag</a><br>
  1222. <a href="/">tag</a><br>
  1223. <a href="/">tag</a><br>
  1224. <a href="/">tag</a>
  1225. </div>
  1226. <div id="circle9">
  1227. <h3>Tags Section 3</h3>
  1228.  
  1229. <a href="/">tag</a><br>
  1230. <a href="/">tag</a><br>
  1231. <a href="/">tag</a><br>
  1232. <a href="/">tag</a><br>
  1233. <a href="/">tag</a><br>
  1234. <a href="/">tag</a><br>
  1235. <a href="/">tag</a><br>
  1236. <a href="/">tag</a><br>
  1237. <a href="/">tag</a>
  1238. </div>
  1239. <div id="circle10">
  1240. <h3>Tags Section 4</h3>
  1241.  
  1242. <a href="/">tag</a><br>
  1243. <a href="/">tag</a><br>
  1244. <a href="/">tag</a><br>
  1245. <a href="/">tag</a><br>
  1246. <a href="/">tag</a><br>
  1247. <a href="/">tag</a><br>
  1248. <a href="/">tag</a><br>
  1249. <a href="/">tag</a><br>
  1250. <a href="/">tag</a>
  1251. </div>
  1252. <!--END TAG SECTIONS-->
  1253.  
  1254.  
  1255.  
  1256. <!--BLOGROLL SECTION-->
  1257. <div id="circle11">
  1258. {block:Following}{block:Followed}
  1259. <a target="_blank" href="{FollowedURL}" title="{FollowedName}">
  1260. <img border="0" style="padding:0px;" src="{FollowedPortraitURL-40}" /></a>
  1261. {/block:Followed}{/block:Following}
  1262. </div>
  1263. <!--END BLOGROLL SECTION-->
  1264.  
  1265.  
  1266.  
  1267. <!--DIRECT LINKS SECTION-->
  1268. <a href="/" title="back"><div id="circle12"></div></a>
  1269.  
  1270. <a href="http://tumblr.com/" title="dash"><div id="circle13"></div></a>
  1271.  
  1272. <a href="{text:link url}" title="{text:link}"><div id="circle14"></div></a>
  1273.  
  1274. <!--END DIRECT LINKS SECTION-->
  1275.  
  1276.  
  1277. <!--DONT TOUCH THIS-->
  1278. <div id="line1"></div>
  1279. <div id="line2"></div>
  1280. <div id="line3"></div>
  1281. <div id="line4"></div>
  1282. <div id="line5"></div>
  1283. <div id="line6"></div>
  1284. <div id="line7"></div>
  1285. <div id="line8"></div>
  1286. <div id="line9"></div>
  1287. <div id="line10"></div>
  1288. <div id="line11"></div>
  1289. <div id="line12"></div>
  1290.  
  1291. <a href="http://bsethemes.tumblr.com/" title="credit"><div id="circle15"></div></a>
  1292.  
  1293. <div id="credit"><a href="http://bsethemes.tumblr.com/">Credit</a></div>
  1294.  
  1295. </body>
  1296. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!