API tools faq
paste
Advertisement
sverus

~Theme 21~Who Says

sverus
Jun 27th, 2013
583
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.76 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ~ 　　　　　　
  3. ~ ~ ~ ~ ~
  4. ~ ~ ~ ~ ~ ~ ~ ~ ~
  5. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  6. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  7. /THEME #21 ~FIRST ABOUT ME PAGE~ PAUSODONTIC\
  8. ----------------------------------------------
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <title>{title}</title>
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  29.  
  30. <title>{title}</title>
  31.  
  32.  
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35.  
  36. <link rel="shortcut icon" href="{favicon}" />
  37.  
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41.  
  42.  
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49.  
  50. /* Makes top right buttons inverted + opaque */
  51. iframe#tumblr_controls {
  52. opacity:0.2;
  53. -webkit-filter: invert(100%);
  54. -moz-filter: invert(100%);
  55. -o-filter: invert(100%);
  56. -ms-filter: invert(100%);
  57. filter: invert(100%);
  58. -moz-transition-duration:1s;
  59. -webkit-transition-duration:1s;
  60. -o-transition-duration:1s;
  61. }
  62.  
  63. iframe#tumblr_controls:hover {
  64. opacity: 0.8;
  65. -moz-transition-duration:1s;
  66. -webkit-transition-duration:1s;
  67. -o-transition-duration:1s;
  68. }
  69.  
  70.  
  71. body, a, a:hover{
  72. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  73. }
  74.  
  75.  
  76. /* Scrollbar Controls */
  77. ::-webkit-scrollbar-thumb {
  78. background-color: {color:hover};
  79. height:auto;
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height:7px;
  84. width:9px;
  85. background-color: #fff;
  86.  
  87. }
  88.  
  89.  
  90.  
  91.  
  92. body {
  93. color: {color:text};
  94. line-height: 100%;
  95. text-transform: lowercase;
  96. margin-top: 20px;
  97. }
  98.  
  99. /* Link HTML */
  100. a:link, a:active, a:visited {
  101. text-decoration: none;
  102. color: #fff;
  103. -moz-transition-duration:.6s;
  104. -webkit-transition-duration:.6s;
  105. -o-transition-duration:.6s;
  106. }
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113. p {
  114. margin-top: 5px;
  115. margin-bottom: 10px;
  116. }
  117.  
  118.  
  119.  
  120. /* Credit HTML */
  121. #cred {
  122. position:fixed;
  123. bottom:8px;
  124. margin-left:1307px;
  125. z-index: 999999999999999;
  126. }
  127.  
  128. #cred img {
  129. width: 35px;
  130. padding: 3px;
  131. -webkit-border-radius: 50%;
  132. -moz-border-radius: 50%;
  133. border-radius: 50%;
  134. }
  135.  
  136. #mainpic {
  137. opacity: 0.9;
  138. z-index: -19;
  139. position: fixed;
  140. margin-left: 450px;
  141. margin-top: 60px;
  142. }
  143.  
  144. #mainpic img {
  145. width: 500px;
  146. }
  147.  
  148. #name {
  149. font-size: 40px;
  150. font-family: times;
  151. letter-spacing: -5px;
  152. text-transform: uppercase;
  153. color: #fff;
  154. margin-top: 10px;
  155. margin-left: 15px;
  156. position: fixed;
  157. }
  158.  
  159.  
  160.  
  161. #desc {
  162. font-size: 11px;
  163. font-family: times;
  164. font-style: italic;
  165. letter-spacing: 0px;
  166. text-transform: lowercase;
  167. color: #fff;
  168. position: fixed;
  169. margin-top: 10px;
  170. margin-left: 0px;
  171. line-height: 150%;
  172. width: 190px;
  173. }
  174.  
  175. #box {
  176. width: 220px;
  177. height: 500px;
  178. margin-left: 450px;
  179. background-color: #cab71a;
  180. opacity: 0.5;
  181. margin-top: 0px;
  182. position: fixed;
  183. z-index: -9;
  184. margin-top: 60px;
  185. }
  186.  
  187. #line {
  188. background-color: #cab71a;
  189. width: 85px;
  190. height: 2px;
  191. opacity: 0.6;
  192. margin-left: 865px;
  193. margin-top: 120px;
  194. position: fixed;
  195. }
  196.  
  197. #circle {
  198. width: 15px;
  199. height: 15px;
  200. -webkit-border-radius: 50%;
  201. -moz-border-radius: 50%;
  202. border-radius: 50%;
  203. background-color: #cab71a;
  204. margin-top: -6px;
  205. margin-left: -6px;
  206. -moz-transition-duration:.5s;
  207. -webkit-transition-duration:.5s;
  208. -o-transition-duration:.5s;
  209. }
  210.  
  211.  
  212. #text {
  213. font-size: 14px;
  214. font-family: times;
  215. font-style: italic;
  216. letter-spacing: 0px;
  217. color: #fff;
  218. position: fixed;
  219. opacity: 0;
  220. text-align: center;
  221. line-height: 8px;
  222. margin-top: 13px;
  223. margin-left: 6px;
  224. -moz-transition-duration:.2s;
  225. -webkit-transition-duration:.2s;
  226. -o-transition-duration:.2s;
  227. }
  228.  
  229. #circle:hover #text {
  230. opacity: 1;
  231. -moz-transition-duration:1.5s;
  232. -webkit-transition-duration:1.5s;
  233. -o-transition-duration:1.5s;
  234. }
  235.  
  236. #circle:hover {
  237. height: 40px;
  238. width: 40px;
  239. margin-left: -35px;
  240. margin-top: -19px;
  241. -moz-transition-duration:.5s;
  242. -webkit-transition-duration:.5s;
  243. -o-transition-duration:.5s;
  244.  
  245. }
  246.  
  247. #line2 {
  248. background-color: #cab71a;
  249. width: 135px;
  250. height: 2px;
  251. opacity: 0.6;
  252. margin-left: 815px;
  253. margin-top: 180px;
  254. position: fixed;
  255. }
  256.  
  257. #circle2 {
  258. width: 15px;
  259. height: 15px;
  260. -webkit-border-radius: 50%;
  261. -moz-border-radius: 50%;
  262. border-radius: 50%;
  263. background-color: #cab71a;
  264. margin-top: -6px;
  265. margin-left: -6px;
  266. -moz-transition-duration:.5s;
  267. -webkit-transition-duration:.5s;
  268. -o-transition-duration:.5s;
  269. }
  270.  
  271.  
  272.  
  273. #text2 {
  274. font-size: 14px;
  275. font-family: times;
  276. font-style: italic;
  277. letter-spacing: 0px;
  278. color: #fff;
  279. position: fixed;
  280. opacity: 0;
  281. text-align: center;
  282. line-height: 8px;
  283. margin-top: 13px;
  284. margin-left: 6px;
  285. -moz-transition-duration:.2s;
  286. -webkit-transition-duration:.2s;
  287. -o-transition-duration:.2s;
  288. }
  289.  
  290. #circle2:hover #text2 {
  291. opacity: 1;
  292. -moz-transition-duration:1.5s;
  293. -webkit-transition-duration:1.5s;
  294. -o-transition-duration:1.5s;
  295. }
  296.  
  297. #circle2:hover {
  298. height: 40px;
  299. width: 40px;
  300. margin-left: -35px;
  301. margin-top: -19px;
  302. -moz-transition-duration:.5s;
  303. -webkit-transition-duration:.5s;
  304. -o-transition-duration:.5s;
  305.  
  306. }
  307.  
  308. #line3 {
  309. background-color: #cab71a;
  310. width: 185px;
  311. height: 2px;
  312. opacity: 0.6;
  313. margin-left: 765px;
  314. margin-top: 240px;
  315. position: fixed;
  316. }
  317.  
  318. #circle3 {
  319. width: 15px;
  320. height: 15px;
  321. -webkit-border-radius: 50%;
  322. -moz-border-radius: 50%;
  323. border-radius: 50%;
  324. background-color: #cab71a;
  325. margin-top: -6px;
  326. margin-left: -6px;
  327. -moz-transition-duration:.5s;
  328. -webkit-transition-duration:.5s;
  329. -o-transition-duration:.5s;
  330. }
  331.  
  332.  
  333. #text3 {
  334. font-size: 14px;
  335. font-family: times;
  336. font-style: italic;
  337. letter-spacing: 0px;
  338. color: #fff;
  339. position: fixed;
  340. opacity: 0;
  341. text-align: center;
  342. line-height: 8px;
  343. margin-top: 13px;
  344. margin-left: 6px;
  345. -moz-transition-duration:.2s;
  346. -webkit-transition-duration:.2s;
  347. -o-transition-duration:.2s;
  348. }
  349.  
  350. #circle3:hover #text3 {
  351. opacity: 1;
  352. -moz-transition-duration:1.5s;
  353. -webkit-transition-duration:1.5s;
  354. -o-transition-duration:1.5s;
  355. }
  356.  
  357. #circle3:hover {
  358. height: 40px;
  359. width: 40px;
  360. margin-left: -35px;
  361. margin-top: -19px;
  362. -moz-transition-duration:.5s;
  363. -webkit-transition-duration:.5s;
  364. -o-transition-duration:.5s;
  365.  
  366. }
  367.  
  368. #line4 {
  369. background-color: #cab71a;
  370. width: 235px;
  371. height: 2px;
  372. opacity: 0.6;
  373. margin-left: 715px;
  374. margin-top: 300px;
  375. position: fixed;
  376. }
  377.  
  378. #circle4 {
  379. width: 15px;
  380. height: 15px;
  381. -webkit-border-radius: 50%;
  382. -moz-border-radius: 50%;
  383. border-radius: 50%;
  384. background-color: #cab71a;
  385. margin-top: -6px;
  386. margin-left: -6px;
  387. -moz-transition-duration:.5s;
  388. -webkit-transition-duration:.5s;
  389. -o-transition-duration:.5s;
  390. }
  391.  
  392. #text4 {
  393. font-size: 14px;
  394. font-family: times;
  395. font-style: italic;
  396. letter-spacing: 0px;
  397. color: #fff;
  398. position: fixed;
  399. opacity: 0;
  400. text-align: center;
  401. line-height: 8px;
  402. margin-top: 13px;
  403. margin-left: 6px;
  404. -moz-transition-duration:.2s;
  405. -webkit-transition-duration:.2s;
  406. -o-transition-duration:.2s;
  407. }
  408.  
  409. #circle4:hover #text4 {
  410. opacity: 1;
  411. -moz-transition-duration:1.5s;
  412. -webkit-transition-duration:1.5s;
  413. -o-transition-duration:1.5s;
  414. }
  415.  
  416. #circle4:hover {
  417. height: 40px;
  418. width: 40px;
  419. margin-left: -35px;
  420. margin-top: -19px;
  421. -moz-transition-duration:.5s;
  422. -webkit-transition-duration:.5s;
  423. -o-transition-duration:.5s;
  424. }
  425.  
  426. #line5 {
  427. background-color: #cab71a;
  428. width: 185px;
  429. height: 2px;
  430. opacity: 0.6;
  431. margin-left: 765px;
  432. margin-top: 360px;
  433. position: fixed;
  434. }
  435.  
  436. #circle5 {
  437. width: 15px;
  438. height: 15px;
  439. -webkit-border-radius: 50%;
  440. -moz-border-radius: 50%;
  441. border-radius: 50%;
  442. background-color: #cab71a;
  443. margin-top: -6px;
  444. margin-left: -6px;
  445. -moz-transition-duration:.5s;
  446. -webkit-transition-duration:.5s;
  447. -o-transition-duration:.5s;
  448. }
  449.  
  450. #text5 {
  451. font-size: 14px;
  452. font-family: times;
  453. font-style: italic;
  454. letter-spacing: 0px;
  455. color: #fff;
  456. position: fixed;
  457. opacity: 0;
  458. text-align: center;
  459. line-height: 8px;
  460. margin-top: 13px;
  461. margin-left: 6px;
  462. -moz-transition-duration:.2s;
  463. -webkit-transition-duration:.2s;
  464. -o-transition-duration:.2s;
  465. }
  466.  
  467. #circle5:hover #text5 {
  468. opacity: 1;
  469. -moz-transition-duration:1.5s;
  470. -webkit-transition-duration:1.5s;
  471. -o-transition-duration:1.5s;
  472. }
  473.  
  474. #circle5:hover {
  475. height: 40px;
  476. width: 40px;
  477. margin-left: -35px;
  478. margin-top: -19px;
  479. -moz-transition-duration:.5s;
  480. -webkit-transition-duration:.5s;
  481. -o-transition-duration:.5s;
  482. }
  483.  
  484. #line6 {
  485. background-color: #cab71a;
  486. width: 135px;
  487. height: 2px;
  488. opacity: 0.6;
  489. margin-left: 815px;
  490. margin-top: 420px;
  491. position: fixed;
  492. }
  493.  
  494. #circle6 {
  495. width: 15px;
  496. height: 15px;
  497. -webkit-border-radius: 50%;
  498. -moz-border-radius: 50%;
  499. border-radius: 50%;
  500. background-color: #cab71a;
  501. margin-top: -6px;
  502. margin-left: -6px;
  503. -moz-transition-duration:.5s;
  504. -webkit-transition-duration:.5s;
  505. -o-transition-duration:.5s;
  506. }
  507.  
  508. #text6 {
  509. font-size: 14px;
  510. font-family: times;
  511. font-style: italic;
  512. letter-spacing: 0px;
  513. color: #fff;
  514. position: fixed;
  515. opacity: 0;
  516. text-align: center;
  517. line-height: 8px;
  518. margin-top: 13px;
  519. margin-left: 6px;
  520. -moz-transition-duration:.2s;
  521. -webkit-transition-duration:.2s;
  522. -o-transition-duration:.2s;
  523. }
  524.  
  525. #circle6:hover #text6 {
  526. opacity: 1;
  527. -moz-transition-duration:1.5s;
  528. -webkit-transition-duration:1.5s;
  529. -o-transition-duration:1.5s;
  530. }
  531.  
  532. #circle6:hover {
  533. height: 40px;
  534. width: 40px;
  535. margin-left: -35px;
  536. margin-top: -19px;
  537. -moz-transition-duration:.5s;
  538. -webkit-transition-duration:.5s;
  539. -o-transition-duration:.5s;
  540. }
  541.  
  542. #line7 {
  543. background-color: #cab71a;
  544. width: 85px;
  545. height: 2px;
  546. opacity: 0.6;
  547. margin-left: 865px;
  548. margin-top: 480px;
  549. position: fixed;
  550. }
  551.  
  552. #circle7 {
  553. width: 15px;
  554. height: 15px;
  555. -webkit-border-radius: 50%;
  556. -moz-border-radius: 50%;
  557. border-radius: 50%;
  558. background-color: #cab71a;
  559. margin-top: -6px;
  560. margin-left: -6px;
  561. -moz-transition-duration:.5s;
  562. -webkit-transition-duration:.5s;
  563. -o-transition-duration:.5s;
  564. }
  565.  
  566. #text7 {
  567. font-size: 14px;
  568. font-family: times;
  569. font-style: italic;
  570. letter-spacing: 0px;
  571. color: #fff;
  572. position: fixed;
  573. opacity: 0;
  574. text-align: center;
  575. line-height: 8px;
  576. margin-top: 13px;
  577. margin-left: 6px;
  578. -moz-transition-duration:.2s;
  579. -webkit-transition-duration:.2s;
  580. -o-transition-duration:.2s;
  581. }
  582.  
  583. #circle7:hover #text7 {
  584. opacity: 1;
  585. -moz-transition-duration:1.5s;
  586. -webkit-transition-duration:1.5s;
  587. -o-transition-duration:1.5s;
  588. }
  589.  
  590. #circle7:hover {
  591. height: 40px;
  592. width: 40px;
  593. margin-left: -35px;
  594. margin-top: -19px;
  595. -moz-transition-duration:.5s;
  596. -webkit-transition-duration:.5s;
  597. -o-transition-duration:.5s;
  598. }
  599.  
  600.  
  601.  
  602. #margintop {
  603. margin-top: 10px;
  604. position: fixed;
  605. }
  606.  
  607. #crown {
  608. position: fixed;
  609. }
  610.  
  611. #crown img {
  612. width: 55px;
  613. margin-left: 80px;
  614. margin-top: 55px;
  615. }
  616.  
  617. </style>
  618.  
  619.  
  620. </head>
  621.  
  622.  
  623. <body>
  624.  
  625. <!-- CREDIT -->
  626. <div id="cred">
  627. <a href="http://pausodontic.tumblr.com/"><img src="http://i.imgur.com/eOVhSvM.jpg" ></a></div>
  628.  
  629. <div id="margintop">
  630.  
  631. <div id="line">
  632. <div id="circle">
  633. <div id="text">
  634. <a href="/">link</a>
  635. </div>
  636. </div>
  637. </div>
  638.  
  639. <div id="line2">
  640. <div id="circle2">
  641. <div id="text2">
  642. <a href="/">link</a>
  643. </div>
  644. </div>
  645. </div>
  646.  
  647. <div id="line3">
  648. <div id="circle3">
  649. <div id="text3">
  650. <a href="/">link</a>
  651. </div>
  652. </div>
  653. </div>
  654.  
  655. <div id="line4">
  656. <div id="circle4">
  657. <div id="text4">
  658. <a href="/">link</a>
  659. </div>
  660. </div>
  661. </div>
  662.  
  663. <div id="line5">
  664. <div id="circle5">
  665. <div id="text5">
  666. <a href="/">link</a>
  667. </div>
  668. </div>
  669. </div>
  670.  
  671. <div id="line6">
  672. <div id="circle6">
  673. <div id="text6">
  674. <a href="/">link</a>
  675. </div>
  676. </div>
  677. </div>
  678.  
  679. <div id="line7">
  680. <div id="circle7">
  681. <div id="text7">
  682. <a href="http://pausodontic.tumblr.com">credit</a>
  683. </div>
  684. </div>
  685. </div>
  686.  
  687. </div>
  688.  
  689.  
  690.  
  691.  
  692.  
  693.  
  694. </div>
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706. <div id="box">
  707. <div id="crown">
  708. <img src="http://static.tumblr.com/1lijquh/wMump2gzq/crown.gif">
  709. <div id="name">
  710. aphrodite
  711. <div id="desc">
  712. aphrodite is the greek goddess of love, beauty, pleasure, and procreation. her roman equivalent is the goddess venus. according to hesiod’s theogony, she was born when cronus cut off uranus’s genitals and threw them into the sea, and she arose from the sea foam (aphros). according to homer’s iliad, she is the daughter of zeus and dione. because of her beauty, other gods feared that their rivalry over her would interrupt the peace among them and lead to war, so zeus married her to hephaestus, who, because of his ugliness and deformity, was not seen as a threat. aphrodite had many lovers—both gods, such as ares, and men, such as anchises. she played a role in the eros and psyche legend, and later was both adonis’s lover and his surrogate mother. many lesser beings were said to be children of aphrodite.
  713. </div>
  714. </div>
  715. </div>
  716. </div>
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724. <div id="mainpic">
  725. <img src="http://i.imgur.com/0jkIvVA.jpg">
  726. </div>
  727.  
  728.  
  729.  
  730. </body>
  731. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!