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

Theme 16 { Loving You is so Damn Easy for Me }

By: CanadianBiebahThemes on Jun 18th, 2012  |  syntax: None  |  size: 13.82 KB  |  hits: 2,702  |  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. <!-- Theme by: Canadianbiebah, DO NOT STEAL ANY PART OF THE CODE -->
  2.  
  3.  
  4. <head>
  5.  
  6.  
  7.  
  8.  
  9.                 <!-- DEFAULT VARIABLES -->
  10.    
  11.     <meta name="color:background" content="#fffbf7" />
  12.     <meta name="color:descriptionbg" content="#f7eee6" />
  13.     <meta name="color:title" content="#e2c7bb" />
  14.     <meta name="color:text" content="#cfb4a9" />
  15.     <meta name="color:link" content="#e2c7bb" />
  16.     <meta name="color:permalink" content="#fdf9f5" />
  17.     <meta name="color:border" content="#e9dbd6" />
  18.     <meta name="color:LeftLinksBgColor" content="#faf5f0" />
  19.     <meta name="color:hoverlink" content="#c2b8b4" />
  20.     <meta name="color:entry" content="#faf5f0" />
  21.     <meta name="color:Link Hover 1" content="#f14848"/>
  22.     <meta name="color:Link Hover 2" content="#48c6e0"/>
  23.     <meta name="color:Text Shadow Info" content="#ddcbc4"/>
  24.    
  25.    
  26.                 <!-- OPTIONS -->
  27.    
  28.     <meta name="if:3D Effect" content="1"/>
  29.     <meta name="if:Text Shadow Info" content="1"/>
  30.     <meta name="if:Rounded Edges Sidebar" content="1"/>
  31.     <meta name="if:Sunshine Font" content="1"/>
  32.     <meta name="if:Throw My Hands Up In The Air Font" content="1"/>
  33.     <meta name="if:Cedarcursive Font" content="1"/>
  34.     <meta name="if:January Font" content="1"/>
  35.     <meta name="if:Uppercase Font Links" content="1"/>
  36.    
  37.    
  38.                 <!-- FONTS AND IMAGES -->
  39.    
  40.     <meta name="font:title" content="calibri" />
  41.     <meta name="font:body" content="calibri" />  
  42.     <meta name="image:SidebarImage" content=""/>  
  43.     <meta name="image:background" content="" />
  44.  
  45.  
  46.                 <!-- LINKS -->
  47.  
  48.     <meta name="text:Link1" content="/" />    
  49.     <meta name="text:Link1 Title" content="link 1" />    
  50.     <meta name="text:Link2" content="/" />    
  51.     <meta name="text:Link2 Title" content="link 2" />    
  52.     <meta name="text:Link3" content="/" />    
  53.     <meta name="text:Link3 Title" content="link 3" />  
  54.    
  55.    
  56.              
  57.  
  58.  
  59.  
  60.  
  61.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  62.     <title>{Title}</title>
  63.     {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  64.     <link rel="shortcut icon" href="{Favicon}" />
  65.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  66.     <style type="text/css">
  67.  
  68.  
  69.  
  70.  
  71.  
  72. {block:if3DEffect}
  73. {text-shadow:1px 0px 1px {color:Link Hover 1}, -1px 0px 1px {color:Link Hover 2};}
  74. {/block:if3DEffect}
  75.  
  76.  
  77. {block:ifTextShadowInfo}
  78. {text-shadow:1px 1px -1px #ddcbc4}
  79. {/block:ifTextShadowInfo}
  80.  
  81.  
  82. {block:ifRoundedEdgesSidebar}
  83. {border-radius:7px}
  84. {/block:ifRoundedEdgesSidebar}
  85.  
  86.  
  87. {block:ifSunshineFont}
  88. {font-family: "sunshine";}
  89. {/block:ifSunshineFont}
  90.  
  91.  
  92. {block:ifThrowMyHandsUpInTheAirFont}
  93. {font-family:'throw my hands up in the air';}
  94. {/block:ifThrowMyHandsUpInTheAirFont}
  95.  
  96.  
  97. {block:ifCedarcursiveFont}
  98. {font-family:"cedarcursive";}
  99. {/block:ifCedarcursiveFont}
  100.  
  101.  
  102. {block:ifJanuaryFont}
  103. {font-family:"january";}
  104. {/block:ifJanuaryFont}
  105.  
  106.  
  107. {block:ifUppercaseFontLinks}
  108. {text-transform:uppercase;}
  109. {/block:ifUppercaseFontLinks}
  110.  
  111.  
  112.  
  113.  
  114.  
  115. body
  116. {color:{color:text};
  117. background-color:{color:background};
  118. background-image:url('{image:Background}');
  119. background-attachment:fixed;
  120. font-family:calibri;
  121. font-size:10px;
  122. line-height:110%;
  123. text-align:justify;}
  124.  
  125.  
  126.  
  127.  
  128. a:link, a:active, a:visited
  129. {color:{color:link};
  130. text-decoration:none;
  131. -webkit-transition: all 0.4s ease-in-out;
  132. -moz-transition: all 0.4s ease-in-out;
  133. -o-transition: all 0.4s ease-in-out;
  134. -ms-transition: all 0.4s ease-in-out;
  135. transition: all 0.4s ease-in-out;}
  136.  
  137.  
  138.  
  139.  
  140. a:hover
  141. {color:{color:hoverlink};
  142. -webkit-transition: all 0.4s ease-in-out;
  143. -moz-transition: all 0.4s ease-in-out;
  144. -o-transition: all 0.4s ease-in-out;
  145. -ms-transition: all 0.4s ease-in-out;
  146. transition: all 0.4s ease-in-out;}
  147.  
  148.  
  149.  
  150.  
  151. links
  152. {position:fixed;
  153. text-align:center;
  154. margin-left:160px;
  155. margin-top:105px;}
  156.  
  157.  
  158.  
  159.  
  160. links a
  161. {margin-left:-785px;
  162. margin-bottom:-135px;
  163. margin-top:125px;
  164. width:70px;
  165. display:block;
  166. color:{color:text};
  167. background-color:{color:LeftLinksBgColor};
  168. font:10px calibri;
  169. text-transform:lowercase;
  170. {block:ifUppercaseFontLinks}
  171. text-transform:uppercase;
  172. {/block:ifUppercaseFontLinks}
  173. text-decoration:none;
  174. letter-spacing:0px;
  175. padding:3px;
  176. -webkit-transition: all 0.5s ease-in-out;
  177. -moz-transition: all 0.5s ease-in-out;
  178. -o-transition: all 0.5s ease-in-out;
  179. -ms-transition: all 0.5s ease-in-out;
  180. transition: all 0.5s ease-in-out;}
  181.  
  182.  
  183.  
  184.  
  185. links a:hover
  186. {background-color:{color:link};
  187. color:{color:background};
  188. -webkit-transition: all 0.5s ease-in-out;
  189. -moz-transition: all 0.5s ease-in-out;
  190. -o-transition: all 0.5s ease-in-out;
  191. -ms-transition: all 0.5s ease-in-out;
  192. transition: all 0.5s ease-in-out;
  193. text-shadow:0px 0px 0px #616161;
  194. font-size:11px;
  195. letter-spacing:0px;
  196. {block:if3DEffect}
  197. text-shadow:1px 0px 1px {color:Link Hover 1},
  198. -1px 0px 1px {color:Link Hover 2}
  199. {/block:if3DEffect};}
  200.  
  201.  
  202.  
  203.  
  204. #title
  205. {margin-left:-70px;
  206. text-align:center;
  207. margin-bottom:10px;}
  208.  
  209.  
  210.  
  211.  
  212. #title a
  213. {font-size:15px;
  214. letter-spacing:1px;
  215. text-transform:lowercase;
  216. {block:ifJanuaryFont}
  217. font-family:"january";
  218. {/block:ifJanuaryFont}
  219. {block:ifCedarcursiveFont}
  220. font-family:"cedarcursive";
  221. {/block:ifCedarcursiveFont}
  222. {block:ifSunshineFont}
  223. font-family: "sunshine";
  224. {/block:ifSunshineFont}
  225. {block:ifThrowMyHandsUpInTheAirFont}
  226. font-family:'throw my hands up in the air';
  227. {/block:ifThrowMyHandsUpInTheAirFont}
  228. color:{color:title};  
  229. -webkit-transition: all 0.4s ease-in-out;
  230. -moz-transition: all 0.4s ease-in-out;
  231. -o-transition: all 0.4s ease-in-out;
  232. -ms-transition: all 0.4s ease-in-out;
  233. transition: all 0.4s ease-in-out;
  234. margin-bottom:10px;}
  235.  
  236.  
  237.  
  238.  
  239. #title a:hover
  240. {-webkit-transition: all 0.4s ease-in-out;
  241. -moz-transition: all 0.4s ease-in-out;
  242. -o-transition: all 0.4s ease-in-out;
  243. -ms-transition: all 0.4s ease-in-out;
  244. transition: all 0.4s ease-in-out;
  245. color:{color:hoverlink};
  246. text-shadow:1px 1px -1px {color:Text Shadow Info};}
  247.  
  248.  
  249.  
  250.  
  251.  
  252. @font-face {font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  253.  
  254.  
  255. @font-face
  256. {font-family:'throw my hands up in the air';
  257. src: url(http://static.tumblr.com/2bgij48/01zm4c018/throwmyhandsupintheair.ttf);}
  258.  
  259.  
  260. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  261.  
  262.  
  263. @font-face { font-family: "january"; src: url('http://static.tumblr.com/h46bhe8/zYpm57tgl/january___pixel_font__supports_a_lot_of_languages__by_typesprite-d4o0ker__1_.ttf'); }
  264.  
  265.  
  266.  
  267.  
  268.  
  269. #sidebar
  270. {width:300px;
  271. height:auto;
  272. margin-top:170px;
  273. margin-left:140px;
  274. position:fixed;}
  275.  
  276.  
  277.  
  278.  
  279. #SidebarImage img
  280. {border:5px solid {color:border};
  281. text-align:center;
  282. max-width:auto;
  283. height:auto;
  284. margin-bottom:-1px;
  285. {block:ifRoundedEdgesSidebar}
  286. border-radius:7px;
  287. {/block:ifRoundedEdgesSidebar};}
  288.  
  289.  
  290.  
  291.  
  292. #descriptionbg
  293. {margin-left:150px;
  294. font-size:10px;
  295. width:200px;
  296. height:auto;
  297. background-color:{color:descriptionbg};
  298. letter-spacing:0px;
  299. padding:5px;
  300. position:fixed;
  301. border-radius:5px;
  302. margin-top:449px;}
  303.  
  304.  
  305.  
  306.  
  307. #credit a
  308. {text-decoration:none;
  309. color:{color:link};}
  310.  
  311.  
  312.  
  313.  
  314. #pagination
  315. {font-family:calibri;
  316. margin-top:0px;
  317. text-align:center;
  318. font-size:28px;
  319. margin-top:5px;
  320. margin-bottom:5px;}
  321.  
  322.  
  323.  
  324.  
  325. #pagination:hover
  326. {color:{color:link};}
  327.  
  328.  
  329.  
  330.  
  331. #entries
  332. {margin:35px 0 5px 500px;
  333. float:left;
  334. text-align:justify;
  335. margin-left:530px;}
  336.  
  337.  
  338.  
  339.  
  340. #posts
  341. {margin:5px 0 -5px 0;
  342. width:500px;
  343. text-align:left;
  344. padding:3px;}
  345.  
  346.  
  347.  
  348.  
  349.  
  350. h1
  351. {color:{color:title};
  352. font-family:{font:title};
  353. font-size:15px;
  354. line-height:15px;
  355. letter-spacing:0px;
  356. font-weight:normal;
  357. text-transform:uppercase;
  358. margin:0px;
  359. padding:0px;
  360. text-align:left;
  361. margin-left:10px;}
  362.  
  363.  
  364.  
  365.  
  366. h2
  367. {color:{color:title};
  368. font-family:{font:title};
  369. font-size:12px;
  370. line-height:12px;
  371. letter-spacing:0px;
  372. font-weight:normal;
  373. text-transform:uppercase;
  374. margin:0px;
  375. padding:0px;
  376. margin-bottom:-0px;
  377. text-align:left;}
  378.  
  379.  
  380.  
  381.  
  382. h3
  383. {color:{color:link};
  384. font-family:georgia;
  385. font-size:13px;
  386. letter-spacing:1px;
  387. font-weight:normal;
  388. font-style:normal;
  389. text-transform:lowercase;
  390. line-height:15px;
  391. margin-top:-4px;
  392. margin-bottom:-10px;
  393. text-align:center;}
  394.  
  395.  
  396.  
  397.  
  398. h3 a:hover
  399. {background-color:transparent}
  400.  
  401.  
  402.  
  403.  
  404. #source
  405. {text-align:left}
  406.  
  407.  
  408.  
  409.  
  410. #info
  411. {font-family:calibri;
  412. font-size:9px;
  413. text-transform:lowercase;
  414. text-align:left;
  415. background-color:{color:permalink};
  416. letter-spacing:0px;  
  417. -webkit-transition: all 0.5s ease-in-out;
  418. -moz-transition: all 0.5s ease-in-out;
  419. -o-transition: all 0.5s ease-in-out;
  420. -ms-transition: all 0.5s ease-in-out;
  421. transition: all 0.5s ease-in-out;
  422. margin-top:-10px;
  423. margin-bottom:25px;}
  424.  
  425.  
  426.  
  427.  
  428. #info a
  429. {font-family:calibri;
  430. font-size:9px;
  431. text-transform:uppercase;
  432. text-align:left;
  433. background-color:{color:permalink};
  434. letter-spacing:0px;  
  435. -webkit-transition: all 0.5s ease-in-out;
  436. -moz-transition: all 0.5s ease-in-out;
  437. -o-transition: all 0.5s ease-in-out;
  438. -ms-transition: all 0.5s ease-in-out;
  439. transition: all 0.5s ease-in-out;}
  440.  
  441.  
  442.  
  443.  
  444. #info a:hover
  445. {-webkit-transition: all 0.5s ease-in-out;
  446. -moz-transition: all 0.5s ease-in-out;
  447. -o-transition: all 0.5s ease-in-out;
  448. -ms-transition: all 0.5s ease-in-out;
  449. transition: all 0.5s ease-in-out;
  450. color:{color:hoverlink};
  451. {block:ifTextShadowInfo}
  452. text-shadow:1px 1px -1px {color:Text Shadow Info}
  453. {/block:ifTextShadowInfo};}
  454.  
  455.  
  456.  
  457.  
  458. #questions
  459. {background-color:{color:roundlinks};
  460. color:{color:text};
  461. padding:10px;
  462. margin-bottom:5px;
  463. font-family:calibri;
  464. font-size:10px;
  465. border-bottom:2px solid {color:border};}
  466.  
  467.  
  468.  
  469.  
  470. #questions a
  471. {color:{color:link}}
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479. blockquote
  480. {border-left:2px {color:body} solid;
  481. padding-left:5px;
  482. margin:0px 2px 0px 10px;}
  483.  
  484. b, strong
  485. {color:{color:title};}
  486.  
  487. i, em
  488. {color:{color:text};}
  489.  
  490. p
  491. {margin-top:5px;
  492. margin-bottom:5px;}
  493.  
  494. blockquote
  495. {padding:0px;
  496. padding-left:5px;
  497. margin:5px;
  498. border-left:2px solid {color:text};}
  499.  
  500. img a
  501. {border:none;
  502. width:100%;}
  503.  
  504. .audio
  505. {background-color:black;
  506. display:block;}
  507.  
  508. .ichat
  509. {margin-left:9px;
  510. font-size:35px;
  511. color:{color:border};
  512. -webkit-user-select:none;
  513. -khtml-user-select:none;
  514. -moz-user-select:none;
  515. -o-user-select:none;
  516. user-select:none;
  517. cursor:default;}
  518.  
  519.  
  520. .user_1 .label
  521. {color:{color:link};
  522. font-weight:bold;}
  523.  
  524. .user_2 .label
  525. {color:{color:text};
  526. background-color:{color:};
  527. font-weight:bold;}
  528.  
  529. ul.chat, .chat ol, .chat li
  530. {list-style:none;
  531. margin:0px;
  532. padding:0px;}
  533.  
  534. .line
  535. {background:{color:backround};
  536. padding:3px;}
  537.  
  538. .notes img
  539. {width:10px;
  540. position:relative;
  541. top:1px;}
  542.  
  543. ol.notes,.notes li
  544. {list-style:none;
  545. width:490px;
  546. margin:-7px 0 7px 5px;
  547. padding:4px;}
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.         </style>
  556.     <style type="text/css">{CustomCSS}</style>
  557. </head>
  558.  
  559.  
  560.  
  561.  
  562.  
  563. <body>
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570. <div id="all">
  571.  
  572. <div id="container">
  573.  
  574. <div id="entries">
  575.  
  576. {block:Posts}
  577. <div id="posts">
  578.  
  579.  
  580.  
  581.  
  582.  
  583. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  584. {block:Text}{Body}{/block:Text}
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  601. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  610. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617. {block:Chat}{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634. {block:Answer}<div id="questions">{Asker}:
  635. {Question}</div>
  636. {Answer}{/block:answer}
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. <div id="info">{block:Date}
  652. <a href="{Permalink}">{TimeAgo}</a>
  653. {block:NoteCount} with
  654. <a href="{Permalink}">{NoteCountwithLabel}{/block:NoteCount}{/block:Date}
  655. <div style="float:right">
  656. <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}
  657. {/block:RebloggedFrom}{block:ContentSource} /
  658. <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  659. <br>
  660. {block:HasTags}{block:Tags} +<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667. </div>{/block:Posts}
  668. {block:PostNotes}<div id="info">{PostNotes}</div>{/block:PostNotes}
  669. </div>
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676. <links>
  677. <a href="/">refresh</a><br />
  678. <a href="/ask">askbox</a><br />
  679. <a href="/archive">archive</a><br />
  680. <a href="http://canadianbiebah.tumblr.com/tagged/themes">theme</a>
  681. {block:IfLink1Title}<br><a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1Title}
  682. {block:IfLink2Title}<br><a href="{text:Link2}">{text:Link2 Title}</a>{/block:IfLink2Title}
  683. {block:IfLink3Title}<br><a href="{text:Link3}">{text:Link3 Title}</a>{/block:IfLink3Title}
  684. </links>
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692.  
  693. <div id="sidebar">
  694. <div id="title"><a href="/">{Title}</a></div>
  695. <div id="SidebarImage"><img src="{image:SidebarImage}"/></div>
  696. <div id="ichat">
  697. </div><span class="ichat">◥</span>
  698. </div>
  699. <div id="descriptionbg" align="center">{block:Description}{Description}{/block:Description}
  700. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>
  701. &nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div></div><br>
  702. <br>
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710. </div>
  711.  
  712.  
  713. </body>
  714.  
  715.  
  716. </html>
create a new version of this paste RAW Paste Data