Advertisement
krluce

SWIGGITY SWAGGITY

Dec 28th, 2013
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.66 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- base theme by jess @ gwencoops --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="http://www.iconj.com/ico/e/r/er9sjccpy0.ico">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:link hover" content="#e0e0e0"/>
  13. <meta name="image:background" content=""/>
  14.  
  15. <meta name="text:Link One" content="" />
  16. <meta name="text:Link One Title" content="link 1" />
  17. <meta name="text:Link Two" content="" />
  18. <meta name="text:Link Two Title" content="link 2" />
  19.  
  20.  
  21.  
  22. <meta name="if:Fixed Background" content="0" />
  23. <meta name="if:No Repeat Background" content="0" />
  24. <meta name="if:Stretchy Background" content="0" />
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <style type="text/css">
  30.  
  31. blockquote{padding-left: 6px; padding-bottom : 7px; font-family: "Trebuchet MS"; font-size:11px; border-left: 3px solid #000; text-shadow:0px 1px 0px #fff; color:#000; width:448px; margin-left:0px; padding-right:6px; padding-top:4px;} @font-face {font-family: "Trebuchet MS";}
  32.  
  33.  
  34.  
  35. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  36.  
  37. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  38.  
  39. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  40.  
  41. #huzzah
  42.  
  43. #sidebar2 a {display:block}
  44.  
  45. #sidebar2 .meow {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  46.  
  47. #sidebar2:hover .meow {margin-top:0px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  48.  
  49.  
  50.  
  51. @font-face{font-family:Edosz;src:url(http://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf);}
  52.  
  53.  
  54. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  55.  
  56.  
  57. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  58.  
  59.  
  60. body {
  61. background-color: #ffffff;
  62. margin:0px;
  63. color:#000;
  64. font-family:"Trebuchet MS";
  65. font-size:11px;
  66. line-height:100%;
  67. font-style: none;
  68.  
  69. background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background}; {block:IfStretchyBackground}background-size: fit{/block:IfStretchyBackground};
  70. line-height: 20px;
  71.  
  72.  
  73. }
  74.  
  75. body {background-attachment: fixed;}
  76.  
  77. a:link, a:visited, a:active {
  78. color: #000;
  79. text-decoration: none;
  80. font-weight: normal;
  81. }
  82.  
  83. a:hover {
  84. color: {color:link hover};
  85. text-decoration: none;
  86. font-weight: normal;
  87. }
  88.  
  89. #entries {
  90. position:relative;
  91. float:left;
  92. width:522px;
  93. top:5px;
  94. text-align:justify;
  95. left:530px;
  96. padding:40px;
  97. }
  98.  
  99. #post {
  100. margin-bottom:25px;
  101. width:500px;
  102. padding:9px;
  103. background-color: #ffffff;
  104. border-radius: 8px;
  105. opacity: 0.9;
  106. }
  107.  
  108. #pagination {
  109. text-align:center;
  110. font-size:18px;
  111. margin-bottom:2px;
  112. text-transform:none;
  113. font-style:none;
  114. text-transform: lowercase;
  115. background-color: {color:background}
  116. }
  117.  
  118. #sidebar {
  119. width:245px;
  120. position:fixed;
  121. margin-left:250px;
  122. margin-top:125px;
  123. padding:10px;
  124. opacity: 0.9;
  125. background-color: #ffffff;
  126. border-radius: 8px;}
  127.  
  128. #sidebarimage {
  129. width 245px;
  130.  
  131. }
  132.  
  133. #sidebarimage img {
  134. width:245px;
  135. }
  136.  
  137. .desc {
  138. width:245px;
  139. }
  140.  
  141. #info {
  142. text-transform:lowercase;
  143. font-style:italic;
  144. font-size: 11px;
  145. width:500px;
  146. color:{color:text};
  147. text-align:center;
  148. padding-top:5px;
  149. }
  150.  
  151. a {
  152. /* First we need to help some browsers along for this to work.
  153. Just because a vendor prefix is there, doesn't mean it will
  154. work in a browser made by that vendor either, it's just for
  155. future-proofing purposes I guess. */
  156. -o-transition:.6s;
  157. -ms-transition:.6s;
  158. -moz-transition:.6s;
  159. -webkit-transition:.6s;
  160. /* ...and now for the proper property */
  161. transition:.6s;
  162. }
  163.  
  164. #info a:link {
  165. color:{color:link};
  166. }
  167.  
  168. #info a:hover {
  169. color:{color:link hover};
  170. }
  171.  
  172. #title2 {
  173. color:{color:text};
  174. font-style:italic;
  175. letter-spacing:1px;
  176. text-align:center;
  177. font-size:11px;
  178. margin-top:1px;
  179. margin-left:0px;
  180. padding:2px;
  181. width:245px;
  182. z-index:100;
  183. }
  184.  
  185. #ask {
  186. float:left;
  187. margin-right:5px;
  188. }
  189.  
  190. {CustomCSS}</style>
  191.  
  192. </head><body>
  193.  
  194.  
  195. <div id="sidebar">
  196.  
  197. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  198.  
  199. <div id="sidebarimage">
  200. <img src="{image:sidebar}"></div>
  201.  
  202. <div align="center"><div class="desc">{Description}</div>
  203. <p style="text-align:right">
  204.  
  205.  
  206. <div id="sidebar2">
  207. </p style="text-align:right">
  208.  
  209. </div>
  210.  
  211. <div id="sidebar2">
  212. <h4><center>hover for links</center></h4>
  213.  
  214. <div class="meow">
  215. <div align="center">
  216. <a href="{text:Link One}">{text:Link One Title}</a>
  217. <br>
  218. <a href="{text:Link Two}">{text:Link Two Title}</a>
  219. <br>
  220.  
  221.  
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226.  
  227. </div>
  228.  
  229.  
  230. <div id="entries">{block:Posts}<div id="post">
  231. {block:ContentSource}
  232. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  233. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  234. {/block:SourceLogo}
  235. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  236. {/block:ContentSource}
  237.  
  238.  
  239. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  240.  
  241. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  242.  
  243. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  244.  
  245. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  246.  
  247. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  248.  
  249. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  250.  
  251. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  252.  
  253. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  254.  
  255. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}{/block:Answer}
  256.  
  257.  
  258. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}| <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}| <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  259. {block:ContentSource}| <a href="{SourceURL}">source</a>{/block:ContentSource} <br>
  260. {block:HasTags}{block:Tags}* <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  261.  
  262. </div>
  263.  
  264.  
  265.  
  266. </div>
  267.  
  268.  
  269.  
  270. {block:PostNotes}{PostNotes}{/block:PostNotes}
  271. {/block:Posts}
  272.  
  273. </div>
  274.  
  275. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement