analiviamattos

Secrets Theme

Mar 22nd, 2014
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.49 KB | None | 0 0
  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:links hover" content="#e2e2e2">
  10. <meta name="color:text" content="#8b8b8b">
  11. <meta name="color:Line" content="#fdf4d7">
  12. <meta name="color:MenuLine" content="#fdf4d7">
  13. <meta name="color:sidebar background" content="#ffffff">
  14. <meta name="color:ask and link post background" content="#f4f4f4">
  15. <meta name="color:b" content="#000000">
  16. <meta name="color:u" content="#e1b732">
  17. <meta name="color:i" content="#8f6f08">
  18.  
  19. <meta name="text:ask link label" content="ask">
  20.  
  21. <meta name="if:webkit scroll bar" content="1">
  22.  
  23. <meta name="image:sidebar" content="">
  24. <meta name="text:navi" content="title here">
  25.  
  26.  
  27. <meta name="text:link1" content="">
  28. <meta name="text:link1 url" content="/">
  29. <meta name="text:link2" content="">
  30. <meta name="text:link2 url" content="/">
  31. <meta name="text:link3" content="">
  32. <meta name="text:link3 url" content="/">
  33. <meta name="text:link4" content="">
  34. <meta name="text:link4 url" content="/">
  35. <meta name="text:link5" content="">
  36. <meta name="text:link5 url" content="/">
  37.  
  38. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | {Tag}{/block:TagPage}</title>
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42.  
  43. <script language="JavaScript1.2">
  44.  
  45. /*
  46. Highlight menu effect script: By Dynamicdrive.com
  47. For full source, Terms of service, and 100s DTHML scripts
  48. Visit http://www.dynamicdrive.com
  49. */
  50.  
  51. function borderize(what,color){
  52. what.style.borderColor=color
  53. }
  54.  
  55. function borderize_on(e){
  56. if (document.all)
  57. source3=event.srcElement
  58. else if (document.getElementById)
  59. source3=e.target
  60. if (source3.className=="menulines"){
  61. borderize(source3,"{color:MenuLine}")
  62. }
  63. else{
  64. while(source3.tagName!="TABLE"){
  65. source3=document.getElementById? source3.parentNode : source3.parentElement
  66. if (source3.className=="menulines")
  67. borderize(source3,"{color:MenuLine}")
  68. }
  69. }
  70. }
  71.  
  72. function borderize_off(e){
  73. if (document.all)
  74. source4=event.srcElement
  75. else if (document.getElementById)
  76. source4=e.target
  77. if (source4.className=="menulines")
  78. borderize(source4,"white")
  79. else{
  80. while(source4.tagName!="TABLE"){
  81. source4=document.getElementById? source4.parentNode : source4.parentElement
  82. if (source4.className=="menulines")
  83. borderize(source4,"white")
  84. }
  85. }
  86. }
  87.  
  88. </script>
  89.  
  90.  
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. body {
  96. background-color:{color:background};
  97. font-family:Arial;
  98. font-weight:normal;
  99. margin:0px;
  100. top:0;
  101. left:0;
  102. word-wrap:break-word;
  103. }
  104.  
  105. .menulines{
  106. border:1px solid white;
  107. }
  108.  
  109. .menulines a{
  110. text-decoration:none;
  111. color:{color:MenuLine};
  112. }
  113.  
  114.  
  115.  
  116. b {color:{color:b}}
  117. u {color:{color:u}}
  118. i {color:{color:i}}
  119.  
  120. {block:IfWebkitScrollBar}
  121. ::-webkit-scrollbar-thumb {
  122. height:auto;
  123. background-color: {color:text};
  124. border:2px solid {color:background};
  125. }
  126. ::-webkit-scrollbar {
  127. height:9px;
  128. width:9px;
  129. background-color: {color:background};
  130. }
  131. {/block:IfWebkitScrollBar}
  132.  
  133.  
  134. a {
  135. color:{color:links};
  136. text-decoration:none;
  137. -moz-transition-duration:0.5s;
  138. -webkit-transition-duration:0.5s;
  139. -o-transition-duration:0.5s;
  140. }
  141.  
  142. a:hover {
  143. color:{color:links hover};
  144. text-decoration:none;
  145. -moz-transition-duration:0.5s;
  146. -webkit-transition-duration:0.5s;
  147. -o-transition-duration:0.5s;
  148. }
  149.  
  150. h1 {
  151. font-size:16px;
  152. font-weight:normal;
  153. letter-spacing:0px;
  154. line-height:120%;
  155. }
  156.  
  157. h1 a{
  158. color:{color:text};
  159. }
  160.  
  161. h1 a:hover {
  162. color:{color:links};
  163. }
  164.  
  165. h2 {
  166. text-decoration:none;
  167. font-size:16px;
  168. text-align:center;
  169. line-height:110%;
  170. color:{color:text};
  171. padding:5px;
  172. padding-bottom:2px;
  173. font-weight:normal;
  174. letter-spacing:0px;
  175. }
  176.  
  177. h3 {
  178. font-weight:normal;
  179. font-size:17px;
  180. text-align:center;
  181. font-style:normal;
  182. color:{color:text};
  183. }
  184.  
  185. .quotte{
  186. padding-left:55px; padding-top:10px;
  187. font-size:23px; font-family:georgia; font-style:italic; line-height:20px;
  188. }
  189.  
  190. #theme {
  191. margin:auto;
  192. width:875px;
  193. height:100%;
  194. text-align: center;
  195. background-color:{color:background};
  196. z-index:9990;
  197. position:relative;
  198. }
  199.  
  200. #sidewrap {
  201. width:250px;
  202. height:100%;
  203. display:table;
  204. position:fixed;
  205. width:250px;
  206. margin-left:-120px;
  207. }
  208.  
  209. #sidebar {
  210. display:table-cell;
  211. vertical-align:middle;
  212. color: {color:text};
  213. }
  214.  
  215. #sidebar img {
  216. width:245px;
  217. height:auto;
  218.  
  219.  
  220. }
  221.  
  222. #titleandstuff {
  223.  
  224. margin-top:-35px;
  225. background-color:{color:sidebar background};
  226.  
  227. }
  228.  
  229. #description {
  230. text-align:justify;
  231. font-size:11px;
  232. }
  233.  
  234. .links {
  235. width:210px;
  236. position:fixed;
  237. line-height:15px;
  238. font-size:10px;
  239. margin-top:220px;
  240. margin-left:780px;
  241. text-align:center;
  242. text-shadow:none;
  243. font-style:none;
  244. }
  245.  
  246. .links a {
  247. display:in-block;
  248. margin-left:2px;
  249. padding:0px 5px 0px 5px;
  250. height:15px;
  251. text-align:center;
  252. color:{color:links};
  253. background-color:transparent;
  254. -moz-transition-duration:0.5s;
  255. -webkit-transition-duration:0.5s;
  256. -o-transition-duration:0.5s;
  257. }
  258. .links a:hover {
  259. background-color:transparent;
  260. color:{color:links hover};
  261. -moz-transition-duration:0.5s;
  262. -webkit-transition-duration:0.5s;
  263. -o-transition-duration:0.5s;
  264. }
  265.  
  266. .linex {
  267. margin:left: 0px;
  268. width 245px;
  269. margin-top:0px;
  270. border-top:30px solid {color:Line};
  271. }
  272.  
  273. #pagi {
  274. font-size:16px;
  275. width:500px;
  276. font-weight:normal;
  277. font-style:normal;
  278. text-align:center;
  279. margin-bottom:50px;
  280. color:{color:links};
  281. letter-spacing:0px;
  282. }
  283.  
  284. #pagi a {
  285. display:inline-block;
  286. color:{color:links};
  287. }
  288.  
  289. #pagi a:hover {
  290. color:{color:links hover};
  291. }
  292.  
  293. #postscontainer {
  294. margin-left:200px;
  295. padding:10px;
  296. width:500px;
  297. position:relative;
  298. text-align:justify;
  299. background-color:{color:posts background};
  300. color:{color:text};
  301. z-index:999;
  302. }
  303.  
  304.  
  305. .posts {
  306. background-color:{color:posts background};
  307. padding:15px 0px 15px 0px;
  308. width:500px;
  309. margin-bottom:20px;
  310. text-align:justify;
  311. font-size:11px;
  312. line-height:100%;
  313. letter-spacing:0px;
  314. color:{color:text};
  315. }
  316.  
  317.  
  318. .vsanna{display: none;}
  319.  
  320.  
  321. .caption {
  322. width:500px;
  323. text-align:justify;
  324. line-height:120%;
  325. }
  326.  
  327. .postinfo {
  328. width:490px;
  329. margin-top:1px;
  330. padding:0px 0px 5px 10px;
  331. text-align:left;
  332. line-height:100%;
  333. display:inline-block;
  334. background-color:#f5f5f5;
  335. }
  336.  
  337. .postinfo a {
  338. font-style:normal;
  339. }
  340.  
  341. .postinfo a:hover {
  342. color:{color:links hover};
  343. }
  344.  
  345. .dates {
  346. display:inline-block;
  347. margin-top:2px;
  348. font-size:11px;
  349. text-transform:none;
  350. font-weight:normal;
  351. letter-spacing:0px;
  352. }
  353.  
  354. .notesetc {
  355. margin-top:8px;
  356. display:inline-block;
  357. }
  358.  
  359. .tags {
  360. text-transform:none;
  361. font-size:10px;
  362. text-align:left;
  363. margin-top:2px;
  364. }
  365.  
  366. .chat ol {
  367. line-height:170%;
  368. list-style:none;
  369. width:500px;
  370. margin-left:-40px;
  371. }
  372.  
  373. .line.odd {
  374. background:#f6f6f6;
  375. margin-bottom:0px;
  376. padding:4px;
  377. }
  378.  
  379. .line.even {
  380. background:#fafafa;
  381. margin-bottom:0px;
  382. padding:4px;
  383. }
  384.  
  385. .label {
  386. padding-right:2px;
  387. text-transform:normal;
  388. font-weight:bold;
  389. color:{color:link};
  390. }
  391.  
  392. .note {
  393. text-transform:uppercase;
  394. font-style:normal;
  395. letter-spacing:0px;
  396. font-size: 9px;
  397. text-align:left;
  398. line-height:90%;
  399. margin-left:-40px;
  400. }
  401.  
  402. .note li {
  403. list-style-type:none;
  404. padding:10px 25px 10px 25px;
  405. text-align:left;
  406. margin:0px;
  407. -moz-transition-duration:0.5s;
  408. -webkit-transition-duration:0.5s;
  409. -o-transition-duration:0.5s;
  410. }
  411.  
  412. .question {
  413. background-color: {color:ask and link post background};
  414. padding:10px;
  415. }
  416.  
  417. .question img {
  418. border:5px solid {color:ask and link post background};
  419. width:40px;
  420. float:left;
  421. display:block;
  422. -webkit-border-radius: 300px 0 300px 300px;
  423. border-radius: 300px 0 300px 300px;
  424.  
  425. }
  426.  
  427.  
  428.  
  429. #cred {
  430. font-family:cambria;
  431. position:fixed;
  432. font-size:10px;
  433. font-style:italic;
  434. line-height:450%;
  435. letter-spacing:1px;
  436. right:5px;
  437. bottom:40px;
  438. text-transform:lowercase;
  439. text-align:center;
  440. }
  441.  
  442. #cred a {
  443. padding:3px;
  444. color:{color:border};
  445. -moz-transition-duration:0.5s;
  446. -webkit-transition-duration:0.5s;
  447. -o-transition-duration:0.5s;
  448. }
  449.  
  450.  
  451.  
  452. {CustomCSS}
  453.  
  454. </style></head>
  455.  
  456. <body>
  457.  
  458.  
  459. <div id="theme">
  460.  
  461. <div id="sidewrap">
  462. <div id="sidebar">
  463. <img src="{image:sidebar}">
  464. <div class="linex"><div id="titleandstuff"></div>
  465. <h1><i>{title}</i></h1>
  466. {block:Description}<div id="description">{description}</div>{/block:Description}
  467.  
  468.  
  469.  
  470. </div>
  471. </div>
  472.  
  473.  
  474. </div>
  475.  
  476.  
  477. <div class="links">
  478. <table border="0" width="200" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">
  479.  
  480. <tr><td width="100%" bgcolor="{color:Line}"><font face="Arial" size="3" color="{color:text}"><i>{text:navi}</i></font></td></tr>
  481.  
  482. <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="/">Home</a></font></td></tr>
  483.  
  484. <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="/ask">{text:ask link label}</a> </font></td></tr>
  485.  
  486.  
  487. {block:IfLink1}<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="{text:link1 url}">{text:link1}</a></font></td></tr>{/block:IfLink1}
  488.  
  489. {block:IfLink2}<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="{text:link2 url}">{text:link2}</a></font></td></tr>{/block:IfLink2}
  490.  
  491. {block:IfLink3}<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="{text:link3 url}">{text:link3}</a></font></td></tr>{/block:IfLink3}
  492.  
  493. {block:IfLink4}<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="{text:link4 url}">{text:link4}</a></font></td></tr>{/block:IfLink4}
  494.  
  495. {block:IfLink5}<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="{text:link5 url}">{text:link5}</a></font></td></tr>{/block:IfLink5}
  496.  
  497.  
  498. </table>
  499.  
  500. {block:HasPages}
  501. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  502. {/block:HasPages}
  503.  
  504.  
  505.  
  506.  
  507. </div>
  508.  
  509. <div id="postscontainer">
  510.  
  511.  
  512. {block:TagPage}<h2 style="width:500px; padding:10px 0px 30px 0px;">tagged with <a href="{TagURL}">{Tag}</a></h2>{/block:TagPage}
  513.  
  514. {block:Posts}
  515. <div class="posts">
  516.  
  517. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  518.  
  519. {block:Quote}<div class="quotte">"{Quote}&nbsp;"</div>
  520. {block:Source}<P style="text-align: right;">~ <i>{Source}</i></p>{/block:Source}{/block:Quote}
  521.  
  522. {block:Link}<a href="{URL}"><h2 style="padding:18px; background-color:{color:ask and link post background}">{Name} →</h2></a>
  523. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  524.  
  525. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  526.  
  527. {block:Panorama}
  528. {LinkOpenTag}
  529. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" style="width:500px;"/>
  530. {LinkCloseTag}
  531. {block:Caption}{Caption}{/block:Caption}
  532. {/block:Panorama}
  533.  
  534. {block:Photoset}<center>{Photoset-500}</center>
  535. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  536.  
  537. {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}
  538.  
  539. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  540.  
  541. {block:Answer}
  542. <div class="question"><img src="{AskerPortraitURL-40}"><b>{Asker}</b>{Question}</div>
  543.  
  544. {Answer}
  545. {/block:Answer}
  546.  
  547. {block:Audio}
  548. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  549. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  550.  
  551. {block:PostNotes}<div class="note">
  552. {PostNotes}</div>{/block:PostNotes}
  553.  
  554. {block:date}
  555. <div class="postinfo">
  556. <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}
  557. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  558. </div>
  559. </div>
  560. {/block:date}
  561.  
  562. {block:HasTags}<div class="tags">
  563. {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>
  564. {/block:HasTags}
  565.  
  566. </div>
  567. {/block:posts}
  568.  
  569. {block:Pagination}
  570. <div id="pagi">
  571. {block:PreviousPage}<a href="{PreviousPage}">prev&nbsp;</a>
  572. {/block:PreviousPage}
  573. {block:NextPage}<a href="{NextPage}">&nbsp;next</a>
  574. {/block:NextPage}
  575. </div>
  576. {/block:Pagination}
  577.  
  578.  
  579. </div>
  580. </div>
  581.  
  582. </div>
  583. <div id="cred"><a href="http://statesofgracess.tumblr.com/" title="†SOGS†">CREDIT</a></div>
  584.  
  585. </body>
  586. </html>
Add Comment
Please, Sign In to add comment