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

Theme 12 (As long as you love me 2) 2.0

By: CanadianBiebahThemes on Apr 9th, 2012  |  syntax: None  |  size: 12.35 KB  |  hits: 1,133  |  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. /*SECOND 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. -webkit-transition: all 0.45s ease-in-out;
  133. -moz-transition: all 0.45s ease-in-out;
  134. transition: all 0.45s ease-in-out;
  135. -ms-transition: all 0.45s ease-in-out;
  136. -o-transition: all 0.45s ease-in-out;}
  137.  
  138.  
  139. #sidebarimg img:hover {opacity:.3;
  140. -webkit-transition: all 0.45s ease-in-out;
  141. -moz-transition: all 0.45s ease-in-out;
  142. transition: all 0.45s ease-in-out;
  143. -ms-transition: all 0.45s ease-in-out;
  144. -o-transition: all 0.45s ease-in-out;}
  145.  
  146.  
  147.  /*DESCRIPTION*/
  148.  
  149.  
  150. #description {margin-top:20px;
  151. margin-bottom:10px;
  152. text-align:center;  
  153. font-family:{font:Text};
  154. position:center;
  155. font-size:9px;
  156. opacity:.2;
  157. -webkit-transition: all 1.23s ease-in-out;
  158. -moz-transition: all 1.23s ease-in-out;
  159. transition: all 1.23s ease-in-out;
  160. -ms-transition: all 1.23s ease-in-out;
  161. -o-transition: all 1.23s ease-in-out;}
  162.  
  163.  
  164. #description:hover { -webkit-transition: all 1.23s ease-in-out;
  165. -moz-transition: all 1.23s ease-in-out;
  166. transition: all 1.23s ease-in-out;
  167. -ms-transition: all 1.23s ease-in-out;
  168. -o-transition: all 1.23s ease-in-out; opacity:1.5}
  169.  
  170.  
  171.  
  172.  /*SIDEBAR*/
  173.  
  174.  
  175. #sbar {width:260px;
  176. height:1000px;
  177. margin-left:220px;
  178. margin-top:-20px;
  179. position:fixed;
  180. overflow:hidden;
  181. background-color:{color:sbar};
  182. padding:7px;
  183. border-left:0px {color:solid} solid;
  184. border-left:0px {color:solid} solid;
  185. border-radius:0px 0px 0px 0px;
  186. opacity:1.8;
  187. border-top:0px solid {color:solid};
  188. border-bottom:0px solid {color:solid};}
  189.  
  190.  
  191.  /*PAGINATION*/
  192.  
  193.  
  194. #pagination {font-family:georgia;
  195. text-align:center;
  196. font-size:44px;
  197. width:250px;
  198. padding-bottom:10px;
  199. -webkit-transition: all 0.7s ease-in-out;
  200. -moz-transition: all 0.7s ease-in-out;
  201. transition: all 0.7s ease-in-out;
  202. -ms-transition: all 0.7s ease-in-out;
  203. -o-transition: all 0.7s ease-in-out;
  204. margin-top:80px;
  205. margin-left:10px;
  206. text-decoration:none;}
  207.  
  208.  
  209. #pagination:hover {-webkit-transition: all 0.7s ease-in-out;
  210. -moz-transition: all 0.7s ease-in-out;
  211. transition: all 0.7s ease-in-out;
  212. -ms-transition: all 0.7s ease-in-out;
  213. -o-transition: all 0.7s ease-in-out;
  214. }
  215.  
  216.  
  217.  /*TITLES*/
  218.  
  219.  
  220. h1 {color:{color:title};
  221. font-family: "Jenna Sue";
  222. font-size:23px;
  223. line-height:17px;
  224. letter-spacing:0px;
  225. font-weight:normal;
  226. margin:0px;
  227. padding:0px;
  228. text-align:left;
  229. text-transform:lowercase;
  230. font-style:normal;}
  231.  
  232.  
  233.  @font-face {font-family: "Jenna Sue";src:url('http://static.tumblr.com/ekfbsgu/TbGluxp84/jennasue.ttf');}
  234.  
  235.  
  236. h2 {color:{color:title};
  237. font-family: "Jenna Sue";
  238. font-size:23px;
  239. line-height:14px;
  240. letter-spacing:0px;
  241. font-weight:normal;
  242. margin:0px;
  243. padding:0px;
  244. margin-bottom:-0px;
  245. font-style:normal;
  246. text-align:left;
  247. text-transform:lowercase;
  248. font-style:italic;}
  249.  
  250.  
  251.  /*LINKS*/
  252.  
  253.  
  254. .links {width:205px;
  255. height:auto;
  256. margin-left:153px;
  257. margin-top:90px;
  258. position:fixed;
  259. overflow:hidden;
  260. padding:10px;}
  261.  
  262.  
  263. .links a {width:50px;
  264. display:block;  
  265. font:10px {font:links};
  266. margin:0px 0px 1px 3px;
  267. font-style:normal;
  268. text-transform:lowercase;
  269. color:{color:link};
  270. text-decoration:none;
  271. letter-spacing:2px;
  272. text-align:center;
  273. padding:3px;
  274. padding-left:0px;
  275. border-right:0px {color:solid} solid;
  276. border-left:2px {color:solid} solid;
  277. -webkit-transition: all 0.9s ease-in-out;
  278. -moz-transition: all 0.9s ease-in-out;
  279. transition: all 0.9s ease-in-out;
  280. -ms-transition: all 0.9s ease-in-out;
  281. -o-transition: all 0.9s ease-in-out;
  282. font-family:'Loved by the King', cursive;
  283. border-radius:20px 0px 0px 20px;
  284. -webkit-transform:rotate(0deg);
  285. -moz-transform:rotate(0deg);
  286. -o-transform:rotate(0deg);
  287. writing-mode:tb-rl;
  288. background-color:{color:slink};
  289. text-shadow:0px 0px 0px #958F73;
  290. box-shadow:0px 0px 0px 0px #CCCCCC}
  291.  
  292.  
  293. .links a:hover {background-color:{color:nlink hover background};
  294. font-style:normal;
  295. solid {color:solid};
  296. font-style:normal;
  297. letter-spacing:2px;
  298. -webkit-transition: all 0.4s ease-in-out;
  299. -moz-transition: all 0.4s ease-in-out;
  300. transition: all 0.4s ease-in-out;
  301. -ms-transition: all 0.4s ease-in-out;
  302. -o-transition: all 0.4s ease-in-out;
  303. padding-bottom:10px;
  304. padding-top:10px}
  305.  
  306.  
  307.  
  308.  /*INFO (PERMALINK)*/
  309.  
  310.  
  311. #info {background-color:{color:info};
  312. margin:-4px 0px 2px 0px;
  313. font-family:{font:info};
  314. font-size:9px; text-transform:lowercase;
  315. color:{color:text};
  316. letter-spacing:0px;
  317. text-align:left;
  318. padding:2px;
  319. -webkit-transition: all 0.7s ease-in-out;
  320. -moz-transition: all 0.7s ease-in-out;
  321. transition: all 0.7s ease-in-out;
  322. -ms-transition: all 0.7s ease-in-out;
  323. -o-transition: all 0.7s ease-in-out;
  324. opacity:1.9;
  325. border-radius:5px 5px 5px 5px;}
  326.  
  327.  
  328.  
  329. #info:hover {opacity:1.1; -webkit-transition: all 0.7s ease-in-out;
  330. -moz-transition: all 0.7s ease-in-out;
  331. transition: all 0.7s ease-in-out;
  332. -ms-transition: all 0.7s ease-in-out;
  333. -o-transition: all 0.7s ease-in-out;
  334. }
  335.  
  336.  
  337.  /*ASKS*/
  338.  
  339.  
  340. #question {font-size:9px;
  341. text-transform:lowercase;
  342. background-color:{color:question bg};
  343. color:{color:text}; padding-top:3px;
  344. padding-left:5px;
  345. height:35px;
  346. margin:0px 0px 0px 0px;
  347. border-bottom:0px {color:solid} solid;}
  348.  
  349.  
  350.  /*MISC*/
  351.  
  352.  
  353. blockquote {border-left:2px {color:body} solid;
  354. padding-left:5px;
  355. margin:0px 2px 0px 10px}
  356.  
  357.  
  358. blockquote img, blockquote a img {max-width: 490px}
  359.  
  360. b, strong{color:{color:title};}
  361. i, em {color:{color:title};}
  362. p{margin-top:2px; margin-bottom:2px}
  363.  
  364. img a{border:none}
  365. .audio{background-color:black; display:block;}
  366.  
  367. .user_1 .label {color:{color:title}; font-weight:bold}
  368. .user_2 .label {color:{color:text}; font-weight:bold}
  369. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  370.  
  371. .notes img{width:10px; position:relative; top:1px;}
  372. ol.notes, .notes li{list-stylhttp://www.tumblr.com/customize-classic#e:none; margin:0px; padding:0px;}
  373. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  374.  
  375. </style>
  376. <style type="text/css">{CustomCSS}</style>
  377. </head>
  378.  
  379.  
  380. <body>
  381. <div id="sbar">
  382.  
  383. <div id="title">{Title}</div><br>
  384.  
  385. <div id="sidebarimg">
  386. <a href="/">
  387. <img src="{image:sidebar}"/></a></div>
  388.  
  389.  
  390.  
  391.  
  392.  
  393. <div id="description">
  394. {block:Description}{Description}{/block:Description}<br>
  395. </div>
  396.  
  397.  
  398.  
  399. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  400. </div>
  401.  
  402.  
  403. </div>
  404. <br>
  405. <div class="links">
  406. <a href="/">home</a>
  407. <a href="/ask">ask</a>
  408. <a href="/archive">archive</a>
  409. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  410.     {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  411.     {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  412.     {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  413.     {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  414. <a href="http://canadianbiebah.tumblr.com/tagged/themes">theme</a>
  415. </div>
  416.  
  417. <br>
  418.  
  419. <div id="entries">
  420. {block:Posts}
  421. <div id="posts">
  422. {block:Quote}
  423. <h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  424. {block:Title}
  425. <h1>{Title}&nbsp;</h1>{/block:Title}
  426. {block:Text}
  427. {Body}{/block:Text}
  428.  
  429. {block:Link}
  430. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  431. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  432.  
  433. {block:Photo}
  434. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  435. {block:Photoset}
  436. <div class="post photoset">
  437. {Photoset-500}
  438. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  439. </div>{/block:Photoset}
  440.  
  441. {block:Chat}
  442. <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}
  443.  
  444. {block:Video}
  445. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  446.  
  447. {block:Answer}
  448. <div id="question"><img src="{AskerPortraitURL-40}" width="24" align="left" style="margin-right:5px;" /><i>{Asker} whispered,   </i>{Question}</div>
  449. <br>
  450. <br>
  451. <div id="answer">{Answer}</div>{/block:Answer}
  452.  
  453. {block:Audio}
  454. <span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  455.  
  456.  
  457. <div id="info">
  458. <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}
  459. {block:ContentSource} | <a href="{SourceURL}">originally</a>{/block:ContentSource}</div><br>
  460. {block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  461. {block:PostNotes}{PostNotes}{/block:PostNotes}
  462. </div>
  463.  
  464.  
  465.  
  466. </body>
  467. </html>
create a new version of this paste RAW Paste Data