Don't like ads? PRO users don't see any ads ;-)

A Little More

By: whattheweasley on May 6th, 2012  |  syntax: None  |  size: 13.40 KB  |  hits: 1,150  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.                    <!--             DO NOT REMOVE THE FOLLOWING
  6.                         ► Theme 14: A Little More by Rachael: pevensied @ tumblr.com  ◄
  7.                       • if you're using my theme, please keep credit in tact.
  8.                       • this theme isn't a base theme, do not redistribute.  
  9.                       • edit to your heart's consent, but this will always be MY theme
  10.                      -->
  11.  
  12. <body>
  13. <head>
  14.  
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="color:entry" content="#FFFFFF" />
  19.  
  20. <meta name="color:title" content="#695D51" />
  21. <meta name="color:text" content="#C0AEA0" />
  22. <meta name="color:sidebar text" content="#C0AEA0" />
  23. <meta name="color:link" content="#A89A8D" />
  24. <meta name="color:link hover" content="#0A0A09" />
  25.  
  26. <meta name="color:nav link" content="#F5EBE4" />
  27. <meta name="color:nav link hover" content="#E3DEC3" />
  28. <meta name="color:scroll bar" content="#E3DAD3" />
  29. <meta name="color:selection" content="#DB9CB7" />
  30.  
  31. <meta name="font:body" content="georgia" />
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content="" />
  35. <meta name="if:fading images" content="1" />
  36.  
  37. <meta name="text:link one" content="/"/>
  38. <meta name="text:link one name" content="link 1"/>
  39. <meta name="text:link two" content="/"/>
  40. <meta name="text:link two name" content="link 2"/>
  41. <meta name="text:link three" content="/"/>
  42. <meta name="text:link three name" content="link 3"/>
  43. <meta name="text:link four" content="/"/>
  44. <meta name="text:link four name" content="link 4"/>
  45. <meta name="text:link five" content="/"/>
  46. <meta name="text:link five name" content="link 5"/>
  47.  
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}</title>
  51.  
  52. {block:Description}
  53. <meta name="description" content="{MetaDescription}" />
  54. {/block:Description}
  55.  
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.  
  59. <style type="text/css">
  60.  
  61. /* ---------- scroll bar --------- */
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll bar}; height:30px;}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll bar}; height:10px!important;}
  64. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  65.  
  66. /* ---------- color selection --------- */
  67.  
  68. ::-moz-selection {color:{color:selection};background: {color:scroll bar};}
  69.  
  70. ::selection {color: {color:selection};background: {color:scroll bar};}
  71.  
  72. /* ---------- follow/dash fade --------- */
  73. iframe#tumblr_controls {
  74.    top:0px !important;
  75.   right:3px !important;
  76.    position: fixed !important;
  77.   -webkit-transition: opacity 0.7s linear;
  78.      opacity: 0.4;
  79. -webkit-transition: all 0.8s ease-out;
  80. -moz-transition: all 0.8s ease-out;
  81. transition: all 0.8s ease-out;}
  82.  
  83. iframe#tumblr_controls:hover{
  84. -webkit-transition: opacity 0.7s linear;
  85. opacity: 1;
  86. -webkit-transition: all 0.4s ease-out;
  87. -moz-transition: all 0.4s ease-out;
  88. transition: all 0.4s ease-out;}
  89.  
  90.  
  91. body {
  92. color:{color:text};
  93. background-color:{color:background};
  94. background-image: url('{image:Background}');
  95. background-position: center;
  96. background-attachment:fixed;
  97. background-repeat: repeat;
  98. font-family:calibri;
  99. font-size:10px;
  100. line-height:110%;
  101. text-align:justify}
  102.  
  103. a:link, a:active, a:visited{
  104. color: {color:link};
  105. text-decoration:none;
  106. -webkit-transition: all 0.7s ease-out;
  107. -moz-transition: all 0.7s ease-out;
  108. transition: all 0.7s ease-out;
  109. }
  110.  
  111. a:hover{
  112. color:{color:link hover};
  113. background-color: transparent;
  114. }
  115.  
  116. #entries{
  117. left:70%;
  118. margin-left:500px;
  119. margin-top:20px;
  120. width:510px}
  121.  
  122. {block:iffadingimages}
  123. #entries img {
  124. opacity: .8;
  125. -webkit-transition: all 0.5s ease-out;
  126. -moz-transition: all 0.5s ease-out;
  127. transition: all 0.5s ease-out;
  128. }
  129.  
  130. #entries img:hover {
  131. opacity: 1;
  132. }
  133.  
  134. .trans {
  135. opacity: .8;
  136. -webkit-transition: all 0.5s ease-out;
  137. -moz-transition: all 0.5s ease-out;
  138. transition: all 0.5s ease-out;
  139. }
  140.  
  141. .trans:hover {
  142. opacity: 1;
  143. }
  144.  
  145. {/block:iffadingimages}
  146.  
  147. #posts{
  148. overflow:hidden;
  149. background-color: {color:entry};
  150. border-bottom:1px dashed {color:text};
  151. padding:5px;
  152. margin-bottom:6px;
  153. -webkit-transition: all 0.7s
  154. ease-out;-moz-transition: all 0.7s ease-out;
  155. transition: all 0.7s ease-out;
  156. }
  157. #posts:hover #info {
  158. opacity:1.0;
  159. margin-left:520px;
  160. margin-top:10px;
  161. width:70px;
  162. }
  163.  
  164. .description {
  165. color:{color:sidebar text};
  166. font-family:calibri;
  167. font-size:10px;
  168. width:100%;
  169. height:100%;
  170. margin-left:0px;
  171. padding-bottom:10px;
  172. }
  173.  
  174. #icon {
  175. width:100px;
  176. margin-left:345px;
  177. margin-top:00px;
  178. }
  179.        
  180. #icon img {
  181. position:fixed;
  182. max-width: 70px;
  183. max-height: 70px;
  184. margin-left:20px;
  185. margin-top:80px;
  186. z-index:9999;
  187. text-align:center;
  188. border:5px solid {color:nav link};
  189. -webkit-transition: all 0.7s ease-out;
  190. -moz-transition: all 0.7s ease-out;
  191. transition: all 0.7s ease-out;
  192. }
  193.  
  194. {block:ifsidebarimage}
  195. #icon img.top:hover {
  196. opacity:0;
  197. }
  198. {/block:ifsidebarimage}
  199. #sidebar {
  200. width:80px;
  201. margin-left:365px;
  202. margin-top:180px;
  203. position:fixed;
  204. overflow:hidden;
  205. background-color: transparent;
  206. padding:0;
  207. -webkit-transition: all 0.7s ease-out;
  208. -moz-transition: all 0.7s ease-out;
  209. transition: all 0.7s ease-out;
  210. }
  211.  
  212. #credit {
  213. position:fixed;
  214. width:100px;
  215. right:0px;
  216. bottom:3px;
  217. line-height:5px;
  218. letter-spacing:0px;
  219. font:10px georgia;
  220. color: {color:text};
  221. text-transform:lowercase;
  222. font-style:italic;
  223. }
  224.  
  225. h1{
  226. color:{color:title};
  227. font-family:calibri;
  228. font-size:12px;
  229. line-height:17px;
  230. letter-spacing:1px;
  231. font-weight:normal;
  232. text-transform:uppercase;
  233. margin:0px;
  234. padding:0px;
  235. text-align:center
  236. }
  237.  
  238. h2{
  239. color:{color:title};
  240. font-family:calibri;
  241. font-size:16px;
  242. line-height:14px;
  243. letter-spacing:-1px;
  244. font-weight:normal;
  245. text-transform:case;
  246. margin:0px;
  247. padding:0px;
  248. margin-bottom:1px;
  249. text-align:center
  250. }
  251.  
  252.  
  253. #source {text-align: right}
  254.  
  255. #tags {
  256. display:block;
  257. padding-top:3px;
  258. padding-bottom: 2px;
  259. border-top:1px dashed {color:text};
  260. background-color:{color:background};
  261. font-size:10px;
  262. text-transform:case;
  263. text-align:left;
  264. -webkit-transition: all 0.7s ease-out;
  265. -moz-transition: all 0.7s ease-out;
  266. transition: all 0.7s ease-out;
  267. opacity:0.8;
  268. }
  269.  
  270. #info {
  271. width:70px;
  272. position: absolute;  
  273. margin-left:510px;
  274. margin-top:-10px;
  275. font-style:italic;
  276. background-color: {color:entry};
  277. color:{color:text};
  278. text-align:left;
  279. text-transform: uppercase lowercase;
  280. padding: 3px;  
  281. font-family: calibri;
  282. font-size:10px;
  283. opacity:0.0;
  284. -webkit-transition: all 0.7s ease-out;
  285. -moz-transition: all 0.7s ease-out;
  286. transition: all 0.7s ease-out;
  287. }
  288. #info a:hover  {
  289. color:{color:link hover};
  290. }
  291.  
  292. .reblogicons img {
  293. border: 2px solid {color:text};
  294. }
  295.  
  296. #basker {
  297. width:100px;
  298. background-color:{color:background};
  299. margin-left:355px;
  300. margin-top:0px;
  301. height:80px;
  302. position:fixed;
  303. z-index:9999;
  304. }
  305.  
  306. #navigation {
  307. text-align: center;
  308. background-color:{color:background};
  309. font-size: 11px;
  310. position:fixed;
  311. margin-left:10px;
  312. margin-top:3px;
  313. -webkit-transition: all 0.8s ease-in-out;
  314. -moz-transition: all 0.8s ease-in-out;
  315. transition: all 0.8s ease-in-out;
  316. z-index:1;
  317. }
  318.  
  319. #navigation:hover {
  320. padding-top:160px;
  321. }
  322.  
  323. #navigation:hover .tab {
  324. opacity:0;
  325. }
  326. #navigation:hover #insides {
  327. opacity:1
  328. }
  329. #background {
  330. color:{background}
  331. }
  332.  
  333. #insides {
  334. background: {color:background};
  335. width:90px;
  336. z-index: 9999;
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. transition: all 0.6s ease-in-out;
  340. opacity:0
  341. }
  342.  
  343. .tab {
  344. width: 80px;
  345. position:fixed;
  346. font-family:calibri;
  347. height:6px;padding: 0 0 8px 0;
  348. background:{color:nav link};
  349. color:{color:title};
  350. margin-left:10px;
  351. margin-top:160px;
  352. z-index: 9999;
  353. -webkit-transition: all .8s ease-in;
  354. -moz-transition: all .8s ease-in-out;
  355. -o-transition: all .8s ease-in-out;
  356. }
  357.  
  358. #effie {
  359. width:80px;
  360. background: transparent;
  361. line-height: 20px;
  362. padding: 10px;
  363. text-align: center;
  364. margin-left:0px;
  365. z-index:1;
  366. }
  367.  
  368. #effie a{
  369. display:block;
  370. background: {color:nav link};
  371. font: normal 8px calibri;
  372. margin-bottom:2px;
  373. color: {color:title};
  374. letter-spacing: 1px;
  375. padding: 4px 4px 3px;
  376. text-transform: uppercase;
  377. -webkit-transition: all .5s ease-in-out;
  378. -moz-transition: all .5s ease-in-out;
  379. -o-transition: all .5s ease-in-out
  380. }
  381. #effie a:hover {
  382. background-color:{color:nav link hover};
  383. }
  384.  
  385.  
  386. #pagination {
  387. color: {color:link};
  388. font-family:{font:title};
  389. text-align:center;
  390. font-size:20px;
  391. }
  392.  
  393. @font-face {
  394. font-family: "sweetly";
  395. src: url('http://static.tumblr.com/z5o2pr2/2wCm2g5s0/throwmyhandsupintheair.ttf');
  396. }
  397.  
  398. #love {
  399. position:fixed;
  400. width:162px;
  401. height:auto;
  402. overflow:auto;
  403. color:{color:text};
  404. font-family:"sweetly";
  405. font-size:20px;
  406. line-height:normal;
  407. letter-spacing:1px;
  408. text-transform:case;
  409. margin-left:200px;
  410. margin-top:75px;
  411. text-align:center;
  412. z-index:9999;
  413. }
  414.  
  415. #questions {
  416. background-color:{color:entry};
  417. color: {color:text};
  418. padding:5px;
  419. margin-bottom:0px;
  420. font-family:{font:body};
  421. font-size:11px;
  422. text-align:left;
  423. }
  424. #questions a {
  425. color:{color:link}
  426. }
  427.  
  428.  
  429. blockquote {
  430. border-left:2px {color:body} solid;
  431. padding-left:5px;
  432. margin:0px 2px 0px 10px
  433. }
  434. blockquote img, blockquote a img { max-width: 490px}
  435.  
  436. b, strong{
  437. color:{color:title}
  438. }
  439. i, em {
  440. color:{color:link hover};
  441. }
  442. p{
  443. margin-top:3px; margin-bottom:3px
  444. }
  445.  
  446. img a{border:none; width:100%}
  447. .audio{background-color: transparent; display:block;}
  448.  
  449. .user_1 .label {color:{color:link}; font-weight:bold}
  450. .user_2 .label {color:{color:text}; font-weight:bold}
  451. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  452.  
  453. .notes img{
  454. background-color: #bebebe;
  455. width:10px;
  456. position:relative;
  457. top:1px;
  458. }
  459. ol.notes, .notes li{
  460. list-style:none;
  461. margin:0px;
  462. padding:0px;
  463. }
  464. random text{
  465. background-color:transparent!important;
  466. }
  467.  
  468. </style>
  469. <style type="text/css">{CustomCSS}</style>
  470. </head>
  471.  
  472. <body>
  473. <div id="basker">
  474. </div>
  475.  
  476.  
  477. <div id="icon">
  478. <a href="/"><img class="bottom" src="{PortraitURL-96}" width="70px"  /></a>
  479. {block:ifsidebarimage}<a href="/"><img class="top" src="{image:sidebar}" width="70px" /></a>{/block:ifsidebarimage}
  480.  
  481. <div id="navigation">
  482.  
  483. <div class="tab">navigation</div>
  484. <div id="background">
  485. <div id="insides">
  486. <div align="center">
  487. <div id="effie">
  488. <a href="/">home</a>
  489. <a href="/ask">ask</a>
  490. {block:IfLinkOne}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOne}
  491. {block:IfLinkTwo}<a href="{text:link Two}">{text:link two name}</a>{/block:IfLinkTwo}
  492. {block:IfLinkThree}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThree}
  493. {block:IfLinkFour}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFour}
  494. {block:IfLinkFive}<a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFive}
  495. </div>
  496. </div>
  497. </div>
  498. </div>
  499. </div>
  500. </div>
  501. <div id="sidebar">
  502. <div class="description"><div align="left">{description}</div>
  503. {block:Pagination}
  504. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  505. {block:NextPage}<a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  506. {/block:Pagination}
  507. </div></div>
  508.  
  509. <!-- Please do not remove my credit.-->
  510. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/stuff/themes"><font color="{color:text}">theme by pevensied</a></font></div>
  511. <!-- If you must, you MUST give ME credit in FAQ, About Me, or anywhere visible.-->
  512.  
  513. <div id="entries">
  514.  
  515. {block:Posts}
  516. <div id="posts">
  517.  
  518. {block:date}
  519. <div id="info">
  520. <div align="center">
  521. <a href="{permalink}">{TimeAgo}</a><br>
  522. {NoteCount} notes <br>
  523. {block:RebloggedFrom}<div class="reblogicons"><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
  524. {block:ContentSource}<a href="{SourceURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{block:ContentSource}</div>{/block:RebloggedFrom}
  525. {/block:ContentSource}
  526. <br>
  527. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a><br> {/block:Tags}{/block:HasTags}</div>
  528. </div>
  529. </div>
  530. {/block:date}
  531.  
  532.  
  533. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  534. {block:Text}{Body}{/block:Text}
  535.  
  536. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  537. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  538.  
  539. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  540. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  541.  
  542. {block:Photo}<div class="trans">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  543. {block:Photoset}<center><div class="trans">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  544.  
  545. {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}
  546. {/block:Chat}
  547.  
  548. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  549.  
  550. {block:Answer}<div id="questions">{Asker} asked: {Question}</div>
  551. {Answer}{/block:answer}
  552.  
  553. {block:Audio}<center><span class="audio">{AudioPlayerWhite}</span>{block:Caption}{Caption}{/block:Caption}</center>{/block:Audio}<br>
  554.  
  555.  
  556. <div class="info"></div>
  557. </div>
  558. {/block:Posts}
  559. {block:PostNotes}{PostNotes}{/block:PostNotes}
  560.  
  561. </div>
  562.  
  563. </body>
  564. </html>