API tools faq
paste
analiviamattos

Electra Heart

analiviamattos
Apr 20th, 2014
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3.  
  4. <!--* * * THEME BY ANA LÍVIA STATESOSGRACESS.TUMBLR.COM * * *
  5. base by swlftthemes.tumblr.com * * *-->
  6. <meta name="color:background" content="#ffffff">
  7. <meta name="color:posts background" content="#ffffff">
  8. <meta name="color:Links" content="#c2c2c2">
  9. <meta name="color:LinkMenu" content="#000000">
  10. <meta name="color:Links hover" content="#e2e2e2">
  11. <meta name="color:Text" content="#8b8b8b">
  12.  
  13. <meta name="color:MenuLine" content="#fdf4d7">
  14.  
  15.  
  16.  
  17.  
  18.  
  19. <meta name="color:link post background" content="#f4f4f4">
  20. <meta name="color:b" content="#000000">
  21. <meta name="color:u" content="#e1b732">
  22. <meta name="color:i" content="#8f6f08">
  23.  
  24. <meta name="text:ask link label" content="ask">
  25.  
  26. <meta name="if:webkit scroll bar" content="1">
  27. <meta name="if:DescLine" content="1">
  28.  
  29. <meta name="image:sidebar" content="">
  30.  
  31. <meta name="text:navi" content="title here">
  32.  
  33. <meta name="text:link1" content="">
  34. <meta name="text:link1 url" content="/">
  35. <meta name="text:link2" content="">
  36. <meta name="text:link2 url" content="/">
  37. <meta name="text:link3" content="">
  38. <meta name="text:link3 url" content="/">
  39. <meta name="text:link4" content="">
  40. <meta name="text:link4 url" content="/">
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
  43.  
  44. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | {Tag}{/block:TagPage}</title>
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/k5yp5bd/NIHn4c67z/modernizr.custom.79639.js" />
  50. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css' />
  51. <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57. body {
  58. background-color:{color:background};
  59. font-family:Arial;
  60. font-weight:normal;
  61. margin:0px;
  62. top:0;
  63. left:0;
  64. word-wrap:break-word;
  65. }
  66.  
  67. .menulines{
  68. border:1px solid white;
  69. }
  70.  
  71. .menulines a{
  72. text-decoration:none;
  73. color:{color:MenuLine};
  74. }
  75.  
  76.  
  77.  
  78. b {color:{color:b}}
  79. u {color:{color:u}}
  80. i {color:{color:i}}
  81.  
  82. {block:IfWebkitScrollBar}
  83. ::-webkit-scrollbar-thumb {
  84. height:auto;
  85. background-color: {color:text};
  86. border:2px solid {color:background};
  87. }
  88. ::-webkit-scrollbar {
  89. height:9px;
  90. width:9px;
  91. background-color: {color:background};
  92. }
  93. {/block:IfWebkitScrollBar}
  94.  
  95.  
  96. a {
  97. color:{color:menuLine};
  98. text-decoration:none;
  99. -moz-transition-duration:0.5s;
  100. -webkit-transition-duration:0.5s;
  101. -o-transition-duration:0.5s;
  102. }
  103.  
  104. a:hover {
  105. color:{color:links hover};
  106. text-decoration:none;
  107. -moz-transition-duration:0.5s;
  108. -webkit-transition-duration:0.5s;
  109. -o-transition-duration:0.5s;
  110. }
  111.  
  112. h1 {
  113. font-size:16px;
  114. font-weight:normal;
  115. letter-spacing:0px;
  116. line-height:120%;
  117. color:{color:title};
  118. }
  119.  
  120. h1 a{
  121. color:{color:title};
  122. }
  123.  
  124. h1 a:hover {
  125. color:{color:links};
  126. }
  127.  
  128.  
  129.  
  130. h2 {
  131. text-decoration:none;
  132. font-size:16px;
  133. text-align:center;
  134. line-height:110%;
  135. color:{color:text};
  136. padding:5px;
  137. padding-bottom:2px;
  138. font-weight:normal;
  139. letter-spacing:0px;
  140. }
  141.  
  142. h3 {
  143. font-weight:normal;
  144. font-size:17px;
  145. text-align:center;
  146. font-style:normal;
  147. color:{color:text};
  148. }
  149.  
  150. .quotte{
  151. padding-left:55px; padding-top:10px;
  152. font-size:23px; font-family:georgia; font-style:italic; line-height:20px;
  153. }
  154.  
  155. #theme {
  156. margin:auto;
  157. width:875px;
  158. height:100%;
  159. text-align: center;
  160. background-color:{color:background};
  161. z-index:9990;
  162. position:relative;
  163. }
  164.  
  165. #sidewrap {
  166. height:100%;
  167. display:table;
  168. position:fixed;
  169. width:200px;
  170. margin-top:100px;
  171. margin-left:60px;
  172. background-color:transparent;
  173.  
  174. }
  175.  
  176.  
  177.  
  178.  
  179. }
  180.  
  181. #sidebar {
  182.  
  183. display:table-cell;
  184. vertical-align:middle;
  185. color: {color:text};
  186. }
  187.  
  188. #sidebar img {
  189. width:auto;
  190. height:auto;
  191.  
  192.  
  193. }
  194.  
  195.  
  196.  
  197.  
  198. #description {
  199. text-align:justify,center;
  200. font-size:10px;
  201. margin-left:900px;
  202. margin-top:-90px;
  203. position:fixed;
  204. width:250px;
  205.  
  206. }
  207.  
  208.  
  209. .underlinemenu{
  210. font-weight: bold;
  211. width: 100%;
  212. }
  213.  
  214. .underlinemenu ul{
  215. padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
  216. margin: 0;
  217. text-align: center;
  218. }
  219.  
  220. .underlinemenu ul li{
  221. display: inline;
  222. }
  223.  
  224. .underlinemenu ul li a{
  225. color: {color:Linkmenu};
  226. padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
  227. margin-right: 20px; /*spacing between each menu link*/
  228. text-decoration: none;
  229. border-bottom: 3px solid {color:menuLine}; /*bottom border is 3px*/
  230. }
  231.  
  232. .underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
  233. border-bottom-color: {color:menuLine};
  234. }
  235.  
  236.  
  237.  
  238.  
  239. /*******TESTEEEEEEEEEEEEEEE***/
  240. .ch-grid {
  241. margin: 20px 0 0 0;
  242. padding: 0;
  243. list-style: none;
  244. display: block;
  245. text-align: center;
  246. width: 100%;
  247. }
  248.  
  249. .ch-grid:after,
  250. .ch-item:before {
  251. content: '';
  252. display: table;
  253. }
  254.  
  255. .ch-grid:after {
  256. clear: both;
  257. }
  258.  
  259. .ch-grid li {
  260. width: 220px;
  261. height: 220px;
  262. display: inline-block;
  263. margin: 20px;
  264. }
  265.  
  266.  
  267. .ch-item {
  268. width: 100%;
  269. height: 100%;
  270. border-radius: 50%;
  271. position: relative;
  272. cursor: default;
  273. perspective: 900px;
  274. }
  275. .ch-info{
  276. position: absolute;
  277. width: 100%;
  278. height: 100%;
  279. transform-style: preserve-3d;
  280. }
  281. .ch-info > div {
  282. display: block;
  283. position: absolute;
  284. width: 100%;
  285. height: 100%;
  286. border-radius: 50%;
  287. background-position: center center;
  288. transition: all 0.4s linear;
  289. transform-origin: 50% 0%;
  290. }
  291. .ch-info .ch-info-front {
  292. box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
  293. }
  294. .ch-info .ch-info-back {
  295. transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
  296. background:{color:sidehover};
  297. opacity: 0;
  298. }
  299. .ch-img-1 {
  300. background-image: url({image:sidebar});
  301. }
  302.  
  303.  
  304.  
  305. /*********FIIIIIIIIIIM***/
  306.  
  307. .links {
  308. width:210px;
  309. position:absolute;
  310. line-height:15px;
  311. font-size:10px;
  312. margin-top:-15px;
  313. margin-left:27px;
  314. text-align:center;
  315. text-shadow:none;
  316. font-style:none;
  317. }
  318.  
  319. .links a {
  320. display:inline-block;
  321. margin-left:2px;
  322. padding:0px 5px 0px 5px;
  323. height:15px;
  324. text-align:center;
  325. color:{color:menuLine};
  326. background-color:transparent;
  327. -moz-transition-duration:0.5s;
  328. -webkit-transition-duration:0.5s;
  329. -o-transition-duration:0.5s;
  330. }
  331. .links a:hover {
  332. background-color:transparent;
  333. color:{color:menuLine};
  334. -moz-transition-duration:0.5s;
  335. -webkit-transition-duration:0.5s;
  336. -o-transition-duration:0.5s;
  337. }
  338.  
  339.  
  340. #pagi {
  341. font-size:16px;
  342. width:500px;
  343. font-weight:normal;
  344. font-style:normal;
  345. text-align:center;
  346. margin-bottom:50px;
  347. color:{color:links};
  348. letter-spacing:0px;
  349. }
  350.  
  351. #pagi a {
  352. display:inline-block;
  353. color:{color:links};
  354. }
  355.  
  356. #pagi a:hover {
  357. color:{color:links hover};
  358. }
  359.  
  360. #postscontainer {
  361. margin-left:400px;
  362. padding:10px;
  363. width:500px;
  364. position:relative;
  365. text-align:justify;
  366. background-color:transparent;
  367. color:{color:text};
  368. z-index:999;
  369. }
  370.  
  371.  
  372. .posts {
  373. background-color:transparent;
  374. padding:15px 0px 15px 0px;
  375. width:500px;
  376. margin-bottom:20px;
  377. text-align:justify;
  378. font-size:11px;
  379. line-height:100%;
  380. letter-spacing:0px;
  381. color:{color:text};
  382. }
  383.  
  384.  
  385. .vsanna{display: none;}
  386.  
  387.  
  388. .caption {
  389. width:500px;
  390. text-align:justify;
  391. line-height:120%;
  392. }
  393.  
  394. .postinfo {
  395. width:490px;
  396. margin-top:1px;
  397. padding:0px 0px 5px 10px;
  398. text-align:left;
  399. line-height:100%;
  400. display:inline-block;
  401. background-color:{color:link post background};
  402. }
  403.  
  404. .postinfo a {
  405. font-style:normal;
  406. }
  407.  
  408. .postinfo a:hover {
  409. color:{color:links hover};
  410. }
  411.  
  412. .dates {
  413. display:inline-block;
  414. margin-top:2px;
  415. font-size:11px;
  416. text-transform:none;
  417. font-weight:normal;
  418. letter-spacing:0px;
  419. }
  420.  
  421. .notesetc {
  422. margin-top:8px;
  423. display:inline-block;
  424. }
  425.  
  426. .tags {
  427. text-transform:none;
  428. font-size:10px;
  429. text-align:left;
  430. margin-top:2px;
  431. }
  432.  
  433. .chat ol {
  434. line-height:170%;
  435. list-style:none;
  436. width:500px;
  437. margin-left:-40px;
  438. }
  439.  
  440. .line.odd {
  441. background:#f6f6f6;
  442. margin-bottom:0px;
  443. padding:4px;
  444. }
  445.  
  446. .line.even {
  447. background:#fafafa;
  448. margin-bottom:0px;
  449. padding:4px;
  450. }
  451.  
  452. .label {
  453. padding-right:2px;
  454. text-transform:normal;
  455. font-weight:bold;
  456. color:{color:link};
  457. }
  458.  
  459. .note {
  460. text-transform:uppercase;
  461. font-style:normal;
  462. letter-spacing:0px;
  463. font-size: 9px;
  464. text-align:left;
  465. line-height:90%;
  466. margin-left:-40px;
  467. }
  468.  
  469. .note li {
  470. list-style-type:none;
  471. padding:10px 25px 10px 25px;
  472. text-align:left;
  473. margin:0px;
  474. -moz-transition-duration:0.5s;
  475. -webkit-transition-duration:0.5s;
  476. -o-transition-duration:0.5s;
  477. }
  478.  
  479.  
  480.  
  481.  
  482. #cred {
  483. font-family:cambria;
  484. position:fixed;
  485. font-size:10px;
  486. font-style:italic;
  487. line-height:450%;
  488. letter-spacing:1px;
  489. right:50px;
  490. bottom:40px;
  491. text-transform:lowercase;
  492. text-align:center;
  493. }
  494.  
  495. #cred a {
  496. padding:3px;
  497. color:{color:border};
  498. -moz-transition-duration:0.5s;
  499. -webkit-transition-duration:0.5s;
  500. -o-transition-duration:0.5s;
  501. }
  502.  
  503.  
  504. /*** Estilo de Ask - by: daniideutscher.tumblr.com ***/
  505. @font-face {src: url('http://static.tumblr.com/08l8cbl/UsQmgu9kz/pf_arma_five.ttf'); font-family: PF Arma Five;}
  506.  
  507. .asker {
  508. font: 8px PF Arma Five;
  509. border-bottom: 1px solid #eee; /* Cor da borda de quem perguntou */
  510. padding: 3px;
  511. margin-bottom: 8px;
  512. }
  513.  
  514. .question {
  515. position: relative;
  516. background: #eee; /* Cor de fundo do balão */
  517. margin-top: 13px;
  518. margin-bottom: 12px;
  519. padding: 8px;
  520. border-radius: 5px;
  521. font: 11px Verdana; /* Tamanho e fonte */
  522. }
  523. .question:after {
  524. bottom: 100%;
  525. border: solid transparent;
  526. content: " ";
  527. height: 0;
  528. width: 0;
  529. position: absolute;
  530. pointer-events: none;
  531. }
  532.  
  533. .question:after {
  534. border-color: rgba(136, 183, 213, 0);
  535. border-bottom-color: #eee; /* Cor da Setinha do Balão */
  536. border-width: 10px;
  537. left: 10%;
  538. margin-left: -10px;
  539. }
  540.  
  541. .asker asker {color: {color:menuLine};} /* Cor da palvra Anônimo */
  542. .asker a {color: {color:menuLine}; text-decoration: none;} /* Cor do Link */
  543.  
  544. {CustomCSS}
  545.  
  546. </style></head>
  547.  
  548. <body>
  549.  
  550.  
  551. <div id="theme">
  552.  
  553. </div><div id="sidewrap">
  554. <div id="sidebar">
  555.  
  556.  
  557.  
  558.  
  559. <ul class="ch-grid">
  560. <li>
  561. <div class="ch-item">
  562. <div class="ch-info">
  563. <div class="ch-info-front ch-img-1"></div>
  564.  
  565. </div>
  566. </div>
  567. </li>
  568.  
  569.  
  570. </ul>
  571.  
  572.  
  573.  
  574. <div class="links">
  575. <center>
  576.  
  577. <div class="underlinemenu">
  578. <ul>
  579. <li><a href="/">home</a></li>
  580. <li><a href="/ask">ask</a></li>
  581. <li>{block:IfLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:IfLink1}</li>
  582. <li>{block:IfLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:IfLink2}</li>
  583. <li> {block:IfLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:IfLink3}</li>
  584. <li>{block:IfLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:IfLink4}</li>
  585. </ul>
  586. </div>
  587. </center>
  588. </div>
  589.  
  590.  
  591. </div>
  592.  
  593.  
  594. <div id="description">
  595.  
  596.  
  597. {block:IfDescLine}<img src="http://static.tumblr.com/k5yp5bd/lchn4c951/0000000000000.png">
  598. {/block:IfDescLine}
  599. {block:Description}{description}{/block:Description}{block:IfDescLine}<img src="http://static.tumblr.com/k5yp5bd/lchn4c951/0000000000000.png">
  600. {/block:IfDescLine}</div>
  601.  
  602. </div>
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609. {block:HasPages}
  610. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  611. {/block:HasPages}
  612.  
  613.  
  614.  
  615. </div>
  616.  
  617.  
  618.  
  619. <div id="postscontainer">
  620.  
  621.  
  622. {block:TagPage}<h2 style="width:500px; padding:10px 0px 30px 0px;"><a href="{TagURL}">{Tag}</a></h2>{/block:TagPage}
  623.  
  624. {block:Posts}
  625. <div class="posts">
  626.  
  627. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  628.  
  629. {block:Quote}<div class="quotte">"{Quote}&nbsp;"</div>
  630. {block:Source}<P style="text-align: right;">~ <i>{Source}</i></p>{/block:Source}{/block:Quote}
  631.  
  632. {block:Link}<a href="{URL}"><h2 style="padding:18px; background-color:{color:link post background}">{Name} →</h2></a>
  633. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  634.  
  635. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  636.  
  637. {block:Panorama}
  638. {LinkOpenTag}
  639. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" style="width:500px;"/>
  640. {LinkCloseTag}
  641. {block:Caption}{Caption}{/block:Caption}
  642. {/block:Panorama}
  643.  
  644. {block:Photoset}<center>{Photoset-500}</center>
  645. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  646.  
  647. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol> {block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  648.  
  649. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  650.  
  651. {block:Answer}
  652. <div class="asker">Ask by: <asker>{Asker}</asker> / <a href="{Permalink}">{TimeAgo}</a></div>
  653. <div class="question">
  654. {Question}
  655. </div>
  656.  
  657. <center>{Answer}</center>
  658. {/block:Answer}
  659.  
  660. {block:Audio}
  661. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  662. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  663.  
  664. {block:PostNotes}<div class="note">
  665. {PostNotes}</div>{/block:PostNotes}
  666.  
  667. {block:date}
  668. <div class="postinfo">
  669. <div class="dates"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear} </a></div> ♥ <div class="notesetc">{block:NoteCount}<a href="{Permalink}">&nbsp;&nbsp;{NoteCountWithLabel} </a>{/block:NoteCount}<div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  670. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  671. </div>
  672. </div>
  673. {/block:date}
  674.  
  675. {block:HasTags}<div class="tags">
  676. {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>
  677. {/block:HasTags}
  678.  
  679. </div>
  680. {/block:posts}
  681.  
  682. {block:Pagination}
  683. <div id="pagi">
  684. {block:PreviousPage}<a href="{PreviousPage}">prev&nbsp;</a>
  685. {/block:PreviousPage}
  686. {block:NextPage}<a href="{NextPage}">&nbsp;next</a>
  687. {/block:NextPage}
  688. </div>
  689. {/block:Pagination}
  690.  
  691.  
  692. </div>
  693. </div>
  694.  
  695. </div>
  696. <div id="cred">
  697. <div style="position:fixed;bottom:20px; right:30px;"><a href="http://statesofgracess.tumblr.com/" title="†SOGS†">CREDIT</a></center></div></div>
  698.  
  699. </body>
  700. </html>
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!