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

Theme 12 (As long as you love me 1)

By: CanadianBiebahThemes on Apr 9th, 2012  |  syntax: None  |  size: 11.83 KB  |  hits: 1,002  |  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. /*FIRST VERSION OF THIS THEME:*/
  2.  
  3.  
  4. <html>
  5. <head>
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#fdfbf5" />
  8. <meta name="color:sbar" content="#f7f4e8" />
  9. <meta name="color:entry" content="#fdfbf5" />
  10. <meta name="color:info" content="#f7f4e9" />
  11.  
  12. <meta name="color:title" content="#8f896d" />
  13. <meta name="color:text" content="#57523e" />
  14. <meta name="color:link" content="#a39d81" />
  15. <meta name="color:lhover" content="#635f4e" />
  16. <meta name="color:slink" content="#f7f4e8" />
  17. <meta name="color:nlink hover background" content="#e6e2d3" />
  18. <meta name="color:solid" content="#cfc8b4" />
  19. <meta name="color:question bg" content="#f7f4e9" />
  20. <meta name="font:title" content="georgia" />
  21. <meta name="font:body" content="georgia" />
  22. <meta name="font:info" content="helvetica" />
  23. <meta name="font:links" content="georgia" />
  24.  
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:background" content="" />
  27.  
  28.         <meta name="text:Link1" content="/" />
  29.         <meta name="text:Link1 Title" content="link 1" />
  30.         <meta name="text:Link2" content="/" />
  31.         <meta name="text:Link2 Title" content="link 2" />
  32.         <meta name="text:Link3" content="/" />
  33.         <meta name="text:Link3 Title" content="link 3" />
  34.         <meta name="text:Link4" content="/" />
  35.         <meta name="text:Link4 Title" content="link 4" />
  36.         <meta name="text:Link5" content="/" />
  37.         <meta name="text:Link5 Title" content="link 5" />
  38.  
  39.  
  40.  
  41.  
  42.   <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  43.  
  44.  
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  /*BODY*/  
  53.  
  54.  
  55. body {color:{color:text};
  56. background-color:{color:background};
  57. background-image: url('{image:background}');
  58. background-attachment:fixed;
  59. background-position:left;
  60. background-repeat:no-repeat;
  61. font-size:9px;
  62. font-family:{font:body};
  63. line-height:105%;
  64. text-align:justify}
  65.  
  66.  
  67.  
  68. a:link, a:active, a:visited{color:{color:link};
  69. text-decoration:none; -webkit-transition: all 0.7s ease-in-out;
  70. -moz-transition: all 0.7s ease-in-out;
  71. transition: all 0.7s ease-in-out;
  72. -ms-transition: all 0.7s ease-in-out;
  73. -o-transition: all 0.7s ease-in-out;}
  74.  
  75.  
  76.  
  77. a:hover {color:{color:lhover};
  78. font-weight:none;
  79. -webkit-transition: all 0.7s ease-in-out;
  80. -moz-transition: all 0.7s ease-in-out;
  81. transition: all 0.7s ease-in-out;
  82. -ms-transition: all 0.7s ease-in-out;
  83. -o-transition: all 0.7s ease-in-out;}
  84.  
  85.  
  86.  /*POSTS*/
  87.  
  88.  
  89. #entries {margin-left:550px;
  90. margin-top:0px;
  91. width:510px;}
  92.  
  93.  
  94. #posts {background-color:{color:entry};
  95. margin-bottom:15px;
  96. padding:4px 4px 4px 4px;}
  97.  
  98.  
  99.  /*TITLE*/
  100.  
  101.  
  102. #title {font-size:25px;
  103. font-style:italic;
  104. letter-spacing:1px;
  105. text-align:center;
  106. margin-left:0px;
  107. text-transform:lowercase;
  108. color:{color:title};
  109. font-family:georgia;
  110. line-height:100%;
  111. margin-bottom:8px;
  112. margin-top:58px;
  113. font-family:"soymilk";
  114. text-shadow:0px -3px 6px #958F73;}
  115.  
  116.  
  117.  @font-face {font-family: "soymilk";
  118. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  119. }
  120.  
  121.  
  122.  /*SIDEBAR IMAGE*/
  123.  
  124.  
  125. #sidebarimg img {max-width:250px;
  126. margin-left:6px;
  127. margin-top:9px;
  128. height:auto;
  129. text-align:center;
  130. border-radius:15px 15px 15px 15px;
  131. box-shadow:0px 4px 6px 0px #E4DFCA;}
  132.  
  133.  
  134.  
  135.  /*DESCRIPTION*/
  136.  
  137.  
  138. #description {margin-top:-145px;
  139. margin-bottom:10px;
  140. text-align:center;  
  141. font-family:{font:Text};
  142. font-size:9px;
  143. opacity:.2;
  144. -webkit-transition: all 1.23s ease-in-out;
  145. -moz-transition: all 1.23s ease-in-out;
  146. transition: all 1.23s ease-in-out;
  147. -ms-transition: all 1.23s ease-in-out;
  148. -o-transition: all 1.23s ease-in-out;
  149. position:center;}
  150.  
  151.  
  152. #description:hover { -webkit-transition: all 1.23s ease-in-out;
  153. -moz-transition: all 1.23s ease-in-out;
  154. transition: all 1.23s ease-in-out;
  155. -ms-transition: all 1.23s ease-in-out;
  156. -o-transition: all 1.23s ease-in-out; opacity:1.5}
  157.  
  158.  
  159.  
  160.  /*SIDEBAR*/
  161.  
  162.  
  163. #sbar {width:260px;
  164. height:1000px;
  165. margin-left:180px;
  166. margin-top:-20px;
  167. position:fixed;
  168. overflow:hidden;
  169. background-color:{color:sbar};
  170. padding:7px;
  171. border-left:0px {color:solid} solid;
  172. border-left:0px {color:solid} solid;
  173. border-radius:0px 0px 0px 0px;}
  174.  
  175.  
  176.  /*PAGINATION*/
  177.  
  178.  
  179. #pagination {font-family:georgia;
  180. text-align:center;
  181. font-size:44px;
  182. width:250px;
  183. padding-bottom:10px;
  184. -webkit-transition: all 0.7s ease-in-out;
  185. -moz-transition: all 0.7s ease-in-out;
  186. transition: all 0.7s ease-in-out;
  187. -ms-transition: all 0.7s ease-in-out;
  188. -o-transition: all 0.7s ease-in-out;
  189. margin-top:180px;
  190. margin-left:10px;
  191. text-decoration:none;}
  192.  
  193.  
  194. #pagination:hover {-webkit-transition: all 0.7s ease-in-out;
  195. -moz-transition: all 0.7s ease-in-out;
  196. transition: all 0.7s ease-in-out;
  197. -ms-transition: all 0.7s ease-in-out;
  198. -o-transition: all 0.7s ease-in-out;
  199. }
  200.  
  201.  
  202.  /*TITLES*/
  203.  
  204.  
  205. h1 {color:{color:title};
  206. font-family: "Jenna Sue";
  207. font-size:23px;
  208. line-height:17px;
  209. letter-spacing:0px;
  210. font-weight:normal;
  211. margin:0px;
  212. padding:0px;
  213. text-align:left;
  214. text-transform:lowercase;
  215. font-style:normal;}
  216.  
  217.  
  218.  @font-face {font-family: "Jenna Sue";src:url('http://static.tumblr.com/ekfbsgu/TbGluxp84/jennasue.ttf');}
  219.  
  220.  
  221. h2 {color:{color:title};
  222. font-family: "Jenna Sue";
  223. font-size:23px;
  224. line-height:14px;
  225. letter-spacing:0px;
  226. font-weight:normal;
  227. margin:0px;
  228. padding:0px;
  229. margin-bottom:-0px;
  230. font-style:normal;
  231. text-align:left;
  232. text-transform:lowercase;
  233. font-style:italic;}
  234.  
  235.  
  236.  /*LINKS*/
  237.  
  238.  
  239. .links {width:205px;
  240. height:auto;
  241. margin-left:440px;
  242. margin-top:90px;
  243. position:fixed;
  244. overflow:hidden;
  245. padding:10px;}
  246.  
  247.  
  248. .links a {width:50px;
  249. display:block;  
  250. font:10px {font:links};
  251. margin:0px 0px 1px 3px;
  252. font-style:normal;
  253. text-transform:lowercase;
  254. color:{color:link};
  255. text-decoration:none;
  256. letter-spacing:2px;
  257. text-align:center;
  258. padding:3px;
  259. border-right:2px {color:solid} solid;
  260. border-left:0px {color:solid} solid;
  261. -webkit-transition: all 0.9s ease-in-out;
  262. -moz-transition: all 0.9s ease-in-out;
  263. transition: all 0.9s ease-in-out;
  264. -ms-transition: all 0.9s ease-in-out;
  265. -o-transition: all 0.9s ease-in-out;
  266. font-family:'Loved by the King', cursive;
  267. border-radius:0px 20px 20px 0px;
  268. -webkit-transform:rotate(0deg);
  269. -moz-transform:rotate(0deg);
  270. -o-transform:rotate(0deg);
  271. writing-mode:tb-rl;
  272. background-color:{color:slink};
  273. text-shadow:0px 0px 0px #958F73;
  274. box-shadow:0px 0px 0px 0px #CCCCCC}
  275.  
  276.  
  277. .links a:hover {background-color:{color:nlink hover background};
  278. font-style:normal;
  279. solid {color:solid};
  280. font-style:normal;
  281. letter-spacing:2px;
  282. -webkit-transition: all 0.45s ease-in-out;
  283. -moz-transition: all 0.45s ease-in-out;
  284. transition: all 0.45s ease-in-out;
  285. -ms-transition: all 0.45s ease-in-out;
  286. -o-transition: all 0.45s ease-in-out;
  287. padding-right:0px;
  288. padding-left:40px}
  289.  
  290.  
  291.  
  292.  /*INFO (PERMALINK)*/
  293.  
  294.  
  295. #info {background-color:{color:info};
  296. margin:-4px 0px 2px 0px;
  297. font-family:{font:info};
  298. font-size:9px; text-transform:lowercase;
  299. color:{color:text};
  300. letter-spacing:0px;
  301. text-align:left;
  302. padding:2px;
  303. -webkit-transition: all 1.17s ease-in-out;
  304. -moz-transition: all 1.17s ease-in-out;
  305. transition: all 1.17s ease-in-out;
  306. -ms-transition: all 1.17s ease-in-out;
  307. -o-transition: all 1.17s ease-in-out;
  308. opacity:1.9;
  309. border-radius:5px 5px 5px 5px;}
  310.  
  311.  
  312. #info:hover {opacity:1.1; -webkit-transition: all 1.17s ease-in-out;
  313. -moz-transition: all 1.17s ease-in-out;
  314. transition: all 1.17s ease-in-out;
  315. -ms-transition: all 1.17s ease-in-out;
  316. -o-transition: all 1.17s ease-in-out;}
  317.  
  318.  
  319.  /*ASKS*/
  320.  
  321.  
  322. #question {font-size:9px;
  323. text-transform:lowercase;
  324. background-color:{color:question bg};
  325. color:{color:text}; padding-top:3px;
  326. padding-left:5px;
  327. height:35px;
  328. margin:0px 0px 0px 0px;
  329. border-bottom:0px {color:solid} solid;}
  330.  
  331.  
  332.  /*MISC*/
  333.  
  334.  
  335. blockquote {border-left:2px {color:body} solid;
  336. padding-left:5px;
  337. margin:0px 2px 0px 10px}
  338.  
  339.  
  340. blockquote img, blockquote a img {max-width: 490px}
  341.  
  342. b, strong{color:{color:title};}
  343. i, em {color:{color:title};}
  344. p{margin-top:2px; margin-bottom:2px}
  345.  
  346. img a{border:none}
  347. .audio{background-color:black; display:block;}
  348.  
  349. .user_1 .label {color:{color:title}; font-weight:bold}
  350. .user_2 .label {color:{color:text}; font-weight:bold}
  351. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  352.  
  353. .notes img{width:10px; position:relative; top:1px;}
  354. ol.notes, .notes li{list-stylhttp://www.tumblr.com/customize-classic#e:none; margin:0px; padding:0px;}
  355. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  356.  
  357. </style>
  358. <style type="text/css">{CustomCSS}</style>
  359. </head>
  360.  
  361.  
  362. <body>
  363. <div id="sbar">
  364.  
  365. <div id="title">{Title}</div><br>
  366.  
  367. <div id="sidebarimg">
  368. <a href="/">
  369. <img src="{image:sidebar}"/></a></div>
  370.  
  371.  
  372.  
  373.  
  374.  
  375. <div id="description">
  376. {block:Description}{Description}{/block:Description}<br>
  377. </div>
  378.  
  379.  
  380.  
  381. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  382. </div>
  383.  
  384.  
  385. </div>
  386. <br>
  387. <div class="links">
  388. <a href="/">home</a>
  389. <a href="/ask">ask</a>
  390. <a href="/archive">archive</a>
  391. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  392.     {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  393.     {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  394.     {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  395.     {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  396. <a href="http://canadianbiebah.tumblr.com/tagged/themes">theme</a>
  397. </div>
  398.  
  399. <br>
  400.  
  401. <div id="entries">
  402. {block:Posts}
  403. <div id="posts">
  404. {block:Quote}
  405. <h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  406. {block:Title}
  407. <h1>{Title}&nbsp;</h1>{/block:Title}
  408. {block:Text}
  409. {Body}{/block:Text}
  410.  
  411. {block:Link}
  412. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  413. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  414.  
  415. {block:Photo}
  416. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  417. {block:Photoset}
  418. <div class="post photoset">
  419. {Photoset-500}
  420. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  421. </div>{/block:Photoset}
  422.  
  423. {block:Chat}
  424. <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}
  425.  
  426. {block:Video}
  427. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  428.  
  429. {block:Answer}
  430. <div id="question"><img src="{AskerPortraitURL-40}" width="24" align="left" style="margin-right:5px;" /><i>{Asker} whispered,   </i>{Question}</div>
  431. <br>
  432. <br>
  433. <div id="answer">{Answer}</div>{/block:Answer}
  434.  
  435. {block:Audio}
  436. <span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  437.  
  438.  
  439. <div id="info">
  440. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right; margin-bottom:20px;">{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  441. {block:ContentSource} | <a href="{SourceURL}">originally</a>{/block:ContentSource}</div><br>
  442. {block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  443. {block:PostNotes}{PostNotes}{/block:PostNotes}
  444. </div>
  445.  
  446.  
  447.  
  448. </body>
  449. </html>
create a new version of this paste RAW Paste Data