Advertisement
lovegoods

Theme 006 by Lovegoods

Mar 23rd, 2012
5,711
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.60 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. Theme 006
  5. Strawberry Fields by Patty @ lovegoods.tumblr.com
  6. -Please don't remove my credit.
  7. -This is not to be used as a base for theme making.
  8. -You may edit it but please dont claim it as your own if you do.
  9. !-->
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <meta name="image:background" content="" />
  16.  
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="color:post" content="#FFFFFF" />
  19. <meta name="color:sidebar" content="#FFFFFF" />
  20.  
  21. <meta name="color:info" content="#F5F5F5" />
  22.  
  23. <meta name="color:text" content="#0f0f0e" />
  24.  
  25. <meta name="color:link" content="#077b8e" />
  26. <meta name="color:link hover" content="#75466c" />
  27. <meta name="color:link hover background" content="#F5F5F5" />
  28.  
  29. <meta name="color:question background" content="#f5f5f5" />
  30.  
  31. <meta name="color:nav text" content="#FFFFFF" />
  32. <meta name="color:navlink 1" content="#bd1550" />
  33. <meta name="color:navlink 2" content="#e97f02" />
  34. <meta name="color:navlink 3" content="#f8ca00" />
  35. <meta name="color:navlink 4" content="#8a9b0f" />
  36.  
  37. <meta name="color:navlink hover 1" content="#c04872" />
  38. <meta name="color:navlink hover 2" content="#eba451" />
  39. <meta name="color:navlink hover 3" content="#fadc58" />
  40. <meta name="color:navlink hover 4" content="#a8b35e" />
  41.  
  42. <meta name="font:title" content="Georgia" />
  43. <meta name="font:body" content="Helvetica" />
  44. <meta name="text:title" content="25px" />
  45. <meta name="text:body" content="10px" />
  46.  
  47. <meta name="image:sidebar" content=""/>
  48.  
  49. <meta name="if:showtitle" content="1"/>
  50.  
  51. <meta name="text:Link1url" content="" />
  52. <meta name="text:Link1 Title" content="" />
  53. <meta name="text:Link2url" content="" />
  54. <meta name="text:Link2 Title" content="" />
  55. <meta name="text:Link3url" content="" />
  56. <meta name="text:Link3 Title" content="" />
  57.  
  58. <link rel="shortcut icon" href="{Favicon}">
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. <style type="text/css">
  64.  
  65. #tumblr_controls{position: fixed!important}
  66. /*theme by Patty @ http://lovegoods.tumblr.com */
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link};height:100px;}
  69. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link};height:100px;}
  70. ::-webkit-scrollbar { height:10px;width:13px; background-color:{color:info};}
  71.  
  72. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:link};}
  73.  
  74. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:link};}
  75.  
  76.  
  77. body {
  78. background-color:{color:background};
  79. background-image:url({image:background});
  80. background-position:center;
  81. background-repeat:repeat;
  82. background-attachment:fixed;
  83. color:{color:text};
  84. font-size:{text:body};
  85. font-family:{font:body};
  86. text-align: left;
  87. text-align:justify;
  88. line-height:100%;
  89. }
  90.  
  91. a:link, a:active, a:visited {
  92. color:{color:link};
  93. text-decoration:none;
  94. }
  95.  
  96. a:hover {
  97. color:{color:link hover};
  98. background-color:{color:link hover background};
  99. text-decoration:none;
  100. -webkit-transition: all 0.4s ease-in;
  101. -moz-transition: all 0.4s ease-in;
  102. -o-transition: all 0.4s ease-in;
  103. transition: all 0.4s ease-in;
  104. }
  105.  
  106. h1 {
  107. font-family:{font:title};
  108. color:{color:title};
  109. font-size:{text:title};
  110. letter-spacing: -1px;
  111. line-height:100%;
  112. text-transform:lowercase;
  113. font-weight:italic;
  114. margin:0px;}
  115.  
  116. h2 {
  117. font-family:{font:title};
  118. color:{color:title};
  119. font-size:18px;
  120. letter-spacing: -1px;
  121. line-height:100%;
  122. text-transform:lowercase;
  123. font-weight:italic;
  124. margin:0px;}
  125.  
  126. p {margin:4px 0 4px 0;}
  127.  
  128. br {margin:2px 0 2px 0;}
  129.  
  130. hr {
  131. border:none;
  132. margin-bottom:0px;
  133. border-bottom:1px solid {color:link};
  134. }
  135.  
  136. b, strong {
  137. font-weight:bold;
  138. color:{color:link hover};
  139. }
  140.  
  141. i, em {
  142. font-family:{font:body};
  143. color: {color:title};
  144. }
  145.  
  146. small {
  147. font-size:9px;
  148. letter spacing:1px;
  149. }
  150.  
  151. u {
  152. text-decoration:none;
  153. border-bottom:1px solid {color:link};
  154. }
  155.  
  156. li {
  157. line-height:130%;
  158. }
  159.  
  160. blockquote {
  161. border-left:3px solid {color:link};
  162. margin:10px 0px 10px 10px;
  163. padding-left:10px;
  164. }
  165.  
  166. a img {
  167. border:none;
  168. }
  169.  
  170. ol.notes, .notes li, ul.chat, .chat ol, .chat li {
  171. list-style:none;
  172. margin:0px;
  173. padding:0px;
  174. }
  175.  
  176. .notes img {
  177. width:15px;
  178. position:relative;
  179. top:1px;
  180. }
  181.  
  182. #container{
  183. width:900px;
  184. margin: auto;
  185. margin-top: 20px;
  186. margin-bottom: 20px;
  187. }
  188.  
  189. #title {
  190. width:300px;
  191. font-size:{text:title};
  192. font-family:{font:title};
  193. font-weight:italic;
  194. text-align:center;
  195. padding:10px;
  196. position:fixed;
  197. background-color:transparent;
  198. margin-bottom:5px;
  199. margin-left:-5px;
  200. height:auto;
  201. margin-top:25px;
  202. }
  203.  
  204. #sidebar{
  205. float:left;
  206. margin-left:0px;
  207. text-align:justified;
  208. font-size:{text:body};
  209. line-height:110%;
  210. position:fixed;
  211. height:auto;
  212. background-color:{color:sidebar};
  213. width:300px;
  214. padding:5px;
  215. margin-top:60px;
  216. }
  217.  
  218. .sideimage img {
  219. max-width:300px;
  220. height: auto;
  221. margin-bottom:3px
  222. }
  223.  
  224. .mini img {
  225. display: inline;
  226. max-width:146px;
  227. height: auto;
  228. margin-bottom:;
  229. text-align:center;
  230. padding:1px;
  231. }
  232.  
  233. /*DO NOT CHANGE THE NAV CODES IT WILL MESS UP THE THEME*/
  234. .nav1 a{
  235. float:left;
  236. width: 73px;
  237. height: 20px;
  238. background-color: {color:navlink 1};
  239. text-align: center;
  240. padding-top: 15px;
  241. color:{color:nav text};
  242. }
  243. .nav1 a:hover {
  244. background-color: {color:navlink hover 1};
  245. color:{color:nav text};
  246. letter-spacing:2px;
  247. }
  248. .nav2 a{
  249. float: left;
  250. width: 73px;
  251. height: 20px;
  252. background-color: {color:navlink 2};
  253. margin-left: 2px;
  254. text-align: center;
  255. padding-top: 15px;
  256. color:{color:nav text};
  257. }
  258. .nav2 a:hover {
  259. background-color: {color:navlink hover 2};
  260. color:{color:nav text};
  261. letter-spacing:2px;
  262. }
  263. .nav3 a{
  264. float: left;
  265. width: 73px;
  266. height: 20px;
  267. background-color: {color:navlink 3};
  268. margin-left: 2px;
  269. text-align: center;
  270. padding-top: 15px;
  271. color:{color:nav text};
  272. }
  273. .nav3 a:hover {
  274. background-color: {color:navlink hover 3};
  275. color:{color:nav text};
  276. letter-spacing:2px;
  277. }
  278. .nav4 a{
  279. float: left;
  280. width: 74px;
  281. height: 20px;
  282. background-color: {color:navlink 4};
  283. margin-left: 2px;
  284. text-align: center;
  285. padding-top: 15px;
  286. color:{color:nav text};
  287. }
  288. .nav4 a:hover {
  289. background-color: {color:navlink hover 4};
  290. color:{color:nav text};
  291. letter-spacing:2px;
  292. }
  293.  
  294. .desc {
  295. text-align:justify;
  296. font-family: {font:body};
  297. font-size: {text:body};
  298. margin-top: 5px;
  299. padding: 20px 5px 5px 3px;
  300. width: 297px;}
  301.  
  302. #entries {
  303. margin-left:320px;
  304. width:510px;
  305. margin-bottom:30px;
  306. position:right;
  307. margin-top:20px;
  308. }
  309.  
  310. .tags {
  311. color: {color:text};
  312. float: left;
  313. margin-left: 508px;
  314. opacity:0;
  315. margin-top:-2px;
  316. padding:2px;
  317. position: absolute;
  318. text-align: left;
  319. width: 100px;
  320. font-size: 9px;
  321. height:auto;
  322. text-transform: lowercase;
  323. }
  324.  
  325. .post {
  326. background-color:{color:post};
  327. overflow:hidden;
  328. padding:5px;
  329. margin-bottom:35px;
  330. }
  331.  
  332. .post:hover .tags{
  333. opacity:1;
  334. -webkit-transition: all 0.4s ease-in;
  335. -moz-transition: all 0.4s ease-in;
  336. -o-transition: all 0.4s ease-in;
  337. transition: all 0.4s ease-in;}
  338.  
  339. .audio{
  340. background-color:#000000;
  341. height:auto;
  342. overflow:hidden;
  343. }
  344.  
  345. .question {
  346. font-size: 12px;
  347. background-color:{color:question background};
  348. color:{color:text};
  349. padding: 10px 10px 10px 10px;
  350. }
  351.  
  352. .tri {
  353. font-size:38px;
  354. color:{color:question background};
  355. margin-left:25px;}
  356.  
  357. .question img{
  358. float: left;
  359. padding: 5px;
  360. }
  361.  
  362. .markquote {
  363. font-size: 80px;
  364. color:{color:linkbackground};
  365. font-family:{font:title};
  366. line-height: 80px;
  367. margin-left: 0px;
  368. }
  369.  
  370. .quote {
  371. font-family: {font:title};
  372. font-size: {text:title};
  373. font-weight: italic;
  374. letter-spacing:-1px;
  375. line-height: 100%;
  376. margin-top: -80px;
  377. margin-left: 40px;
  378. padding: 10px;
  379. }
  380.  
  381. .chat {
  382. line-height: 11px;
  383. list-style: none
  384. }
  385. .chat ul {
  386. line-height: 15px;
  387. list-style: none;
  388. padding: 0px;
  389. line-height:20px;
  390. }
  391. .user1 {
  392. background-color:{color:info};
  393. color:{color:text};
  394. }
  395. .user1 .label {
  396. font-weight: bold;
  397. padding: 0px;
  398. margin-left: 5px;
  399. color:{color:text}
  400. }
  401. .user2 {
  402. color: {color:text};
  403. }
  404. .user2 .label {
  405. font-weight: bold;
  406. padding: 0px;
  407. margin-left: 5px;
  408. color:{color:text}
  409. }
  410.  
  411. #postinfo {
  412. background-color: {color:info};
  413. font-size: 9px;
  414. font-family: {font:body};
  415. text-align:right;
  416. width:auto;
  417. line-height: 9px;
  418. text-transform: lowercase;
  419. color: {color:text};
  420. margin-top:4px;
  421. margin-bottom: -2px;
  422. padding: 2px;
  423. }
  424.  
  425. #pagination {
  426. font-size:20px;
  427. font-family:{font:title};
  428. text-transform: lowercase;
  429. color:{color:link};
  430. letter-spacing:1px;
  431. text-align:center;
  432. margin-top:15px;
  433. margin-bottom:15px;
  434. color:{color:link hover};
  435. }
  436.  
  437. .pagination a {
  438. background-color:{color:info};
  439. padding:2px 5px 4px 5px;
  440. }
  441.  
  442. .pagination a:hover {
  443. background-color:{color:info};
  444. }
  445.  
  446. #credit {
  447. margin-bottom:5px;
  448. margin-top:0px;
  449. font-size:9px;
  450. font-family:{font:body};
  451. text-align:center;
  452. letter-spacing:2px;
  453. }
  454.  
  455. /*theme by Patty @ http://lovegoods.tumblr.com */
  456. </style></head>
  457.  
  458.  
  459. <body>
  460. <div id="container">
  461.  
  462. <div id="title">
  463. {block:ifshowtitle}
  464. <a href="/">{title}</a>
  465. {/block:ifshowtitle}
  466. </div>
  467.  
  468. <div id="sidebar">
  469. <div class="sideimage">
  470. <img src="{image:sidebar}"/>
  471. </div>
  472.  
  473. <div class="nav1"><a href="/">home</a></div>
  474. <div class="nav2"><a href="/ask">msg</a></div>
  475. <div class="nav3"><a href="/archive">archive</a></div>
  476. <div class="nav4"><a href="/random">random</a></div>
  477. <p><br>
  478.  
  479.  
  480. <div class="desc">
  481. {block:Description}
  482. {Description}<br>
  483.  
  484. <center>
  485. {block:ifLink1url}
  486. <a href="{text:Link1url}">{text:Link1 Title}</a> •
  487. {/block:ifLink1url}
  488. {block:ifLink2url}
  489. <a href="{text:Link2url}">{text:Link2 Title}</a> •
  490. {/block:ifLink2url}
  491. {block:ifLink3url}
  492. <a href="{text:Link3url}">{text:Link3 Title}</a>
  493. {/block:ifLink3url}
  494. </center>
  495. {/block:Description}
  496.  
  497. </div>
  498.  
  499. </div>
  500.  
  501. <div id="entries">
  502. {block:Posts}<div class="post">
  503.  
  504. {block:Text}
  505.  
  506. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  507.  
  508. {block:Title}
  509. <h1>{Title}</h1>{/block:Title}{Body}
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513.  
  514. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  515.  
  516. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520.  
  521. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  522.  
  523. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  524. {/block:Photoset}
  525.  
  526. {block:Quote}
  527.  
  528. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  529.  
  530. <b class="markquote">“</b><div class="quote">{Quote}"</div>
  531. {block:Source}&mdash; {Source}{/block:Source}
  532. {/block:Quote}
  533.  
  534. {block:Link}
  535.  
  536. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  537.  
  538. <h1><a href="{URL}" class="link" {Target}>{Name} </a></h1>
  539. {block:Description}{Description}{/block:Description}
  540. {/block:Link}
  541.  
  542. {block:Chat}
  543.  
  544. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  545.  
  546. {block:Title}<h1>{Title}</h1>{/block:Title}
  547. <div class="chat">
  548. <ul>{block:Lines}
  549. <li class="user{UserNumber}">
  550. {block:Label}
  551. <span class="label">{Label}</span>
  552. {/block:Label}
  553. {Line}</li>
  554. {/block:Lines}</ul>
  555. </div>
  556. {/block:Chat}
  557.  
  558.  
  559. {block:Video}
  560.  
  561. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  562.  
  563. <center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}
  564. {/block:Video}
  565.  
  566. {block:Audio}
  567.  
  568. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  569.  
  570.  
  571. <div class="audio">
  572. {AudioPlayerBlack}</div>
  573. {block:Caption}
  574. {Caption}
  575. {/block:Caption}
  576. {/block:Audio}
  577.  
  578. {block:Answer}
  579. <div class="tags" >{block:NoteCount}<h2><a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</h2> <p> {block:Tags}• <a href="{TagURL}">{Tag}</a><br>{/block:Tags} </div>
  580.  
  581. <div class="question">
  582. {Question}</div>
  583. <div class="tri">▼ </div><img src="{AskerPortraitURL-16}"> {Asker}<p><br>
  584. <div class="answer">{Answer}</div>
  585. <br>
  586. {/block:Answer}
  587.  
  588. <div id="postinfo">
  589. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:RebloggedFrom} · © <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  590. {/block:RebloggedFrom}
  591. </div>
  592.  
  593.  
  594.  
  595. </div>
  596. {/block:Posts}
  597. {block:PostNotes}<div class="notebox"><h1>+ Notes</h1>{PostNotes}</div>{/block:PostNotes}
  598.  
  599. <div id="pagination">
  600. <div class="pagination">
  601. {block:Pagination}
  602. {block:PreviousPage}
  603. <a href="{PreviousPage}">&larr;</a>
  604. {/block:PreviousPage}
  605.  
  606. {block:JumpPagination length="5"}
  607. {block:CurrentPage}
  608. <span class="current_page">{PageNumber}</span>
  609. {/block:CurrentPage}
  610.  
  611. {block:JumpPage}
  612. <a class="jump_page" href="{URL}">{PageNumber}</a>
  613. {/block:JumpPage}
  614. {/block:JumpPagination}
  615.  
  616. {block:NextPage}
  617. <a href="{NextPage}">&rarr;</a>
  618. {/block:NextPage}
  619. {/block:Pagination}
  620. </div>
  621. </div>
  622.  
  623. <!-- DON'T REMOVE MY CREDIT -->
  624. <div id="credit"> theme by <a href="http://lovegoods.tumblr.com"> lovegoods </a> powered by <a href="http://www.tumblr.com/">tumblr</a></div>
  625.  
  626. </div>
  627. </div>
  628. </div>
  629. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement