Advertisement
lovegoods

Theme 008 by lovegoods

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