API tools faq
paste
Advertisement
Guest User

Theme 01 - The Invisible Girl

a guest
Nov 26th, 2014
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--------------------------------------------
  4. 1: THE INVISIBLE GIRL
  5. MADE BY: http://simpleserendipity.tumblr.com (ssthemes)
  6. ---------------------------------------------
  7.  
  8. TERMS OF USAGE:
  9. - DO NOT REMOVE THE CREDIT
  10. - DO NOT REMOVE THE CREDIT
  11. - SERIOUSLY, DO NO REMOVE THE CREDIT
  12. - DO NOT REDISTRIBUTE
  13. - DO NOT CLAIM AS YOUR OWN
  14. - DO NOT USE AS A BASE
  15.  
  16. I WILL SEND MY HORDE OF EVIL PENGUINS RIDING EQUALLY EVIL COWS AFTER YOU IF YOU DON'T COMPLY WITH MY TERMS OF USAGE.
  17.  
  18. --------------------------------------------->
  19.  
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  29.  
  30. <style type="text/CSS">
  31.  
  32. body {
  33. font-size: 12px; /* font size */
  34. font-family: Times New Roman; Calibri; /* font */
  35. color: {color:BodyTextColor}; /* font color */
  36. background-color: {color:Background};
  37. background-image: url('{image:Background}');} /* background image optional link goes here if you want it */
  38.  
  39. a {color: {color:Accent};
  40. text-decoration: none;
  41. -moz-transition-duration: 0.5s;
  42. -o-transition-duration: 0.5s;
  43. -webkit-transition-duration: 0.5s;
  44. transition-duration: 0.5s;}
  45.  
  46. a:hover {color: {color:AccentLinkHover};
  47. -moz-transition-duration: 0.5s;
  48. -o-transition-duration: 0.5s;
  49. -webkit-transition-duration: 0.5s;
  50. transition-duration: 0.5s;}
  51.  
  52. .container {width: 910px; margin: auto;}
  53.  
  54. .sidebar1 {left: 0px;
  55. top: 0px;
  56. width: 250px;
  57. height: 100%;
  58. background-color: {color:SidebarBackgroundColors};
  59. position: fixed;}
  60.  
  61. .sidebarimage {max-width:200px;}
  62.  
  63. .credit {background-color: {color:DescriptionBackgroundColor};
  64. font-family: Century Gothic, sans-serif;
  65. height: 15px;
  66. width: 230px;
  67. color: {color:DescriptionTextColor};
  68. margin: auto;
  69. top: 50%;
  70. position: relative;}
  71.  
  72. .description {
  73. margin: auto;
  74. opacity: 0.0;
  75. background-color: {color:DescriptionBackgroundColor};
  76. font-style: italic;
  77. color: {color:DescriptionTextColor};
  78. padding: 20px;
  79. width: 70%;
  80. -moz-transition-duration: 0.5s;
  81. -o-transition-duration: 0.5s;
  82. -webkit-transition-duration: 0.5s;
  83. transition-duration: 0.5s;}
  84.  
  85. .sidebar1:hover .description {
  86. opacity: 0.9;
  87. -moz-transition-duration: 0.5s;
  88. -o-transition-duration: 0.5s;
  89. -webkit-transition-duration: 0.5s;
  90. transition-duration: 0.5s;}
  91.  
  92. .sidebar2 {right: 0px;
  93. top: 0px;
  94. width: 200px;
  95. height: 100%;
  96. background-color: {color:SidebarBackgroundColors};
  97. background-image:url('{image:RightSidebarBackground}'); /* You can insert an image url here for the second sidebar if you wish, but you don't have to, please keep in mind the image should be at least 800px */
  98. position: fixed;}
  99.  
  100. .posts {margin-left: 180px;
  101. width:500px;
  102. background-color:{color:PostBackgroundColor};
  103. margin-bottom: 20px;
  104. padding:10px;
  105. text-align: justify;
  106. position: relative;}
  107.  
  108. .postinfo {position: absolute;
  109. margin-left: 530px;
  110. padding: 0px 10px;
  111. top: 0px;
  112. width: 100px;
  113. max-width: 100px;
  114. border-top: 2px solid {color:Accent};
  115. color: {color:Accent};}
  116.  
  117. .posts h1 {
  118. font-size: 18px;
  119. color: {color:Accent};
  120. font-weight: normal;
  121. margin: 0px;} /*h1 deals with headings - h is for heading, and the number is for the number heading */
  122.  
  123. .posts h1 a {font-size: 18px;
  124. color: {color:AccentLinkHover};
  125. font-weight: normal;
  126. margin: 0px;}
  127.  
  128. .posts li {list-style: square;} /* we need to style lists and blockquotes, but they're taken care of on the dash, hence why the styling is only in the CSS and not the HTML as well */
  129.  
  130. .posts blockquote {border-left: 1px solid #000; padding-left: 5px;}
  131. .posts img, .posts li, .posts blockquote {max-width: 100%;} /* this is inserted to make sure nothing is stretched in the theme */
  132.  
  133. .cover {position: relative; z-index: 1; width:500px; height: 500px;}
  134.  
  135. .playbutton {width: 500px;
  136. height: 30px;
  137. overflow: hidden;
  138. position: relative;}
  139.  
  140. .postcol {width: 500px;} /* this is the container in which the posts are located, as opposed to individual posts */
  141.  
  142. .title {font-size:18px;}
  143.  
  144. .navigation {
  145. width: 200px;
  146. position: fixed;
  147. text-align: center;
  148. z-index: 10;
  149. padding: 10px 0px;
  150. bottom: 0px;}
  151.  
  152. .pagevalues {
  153. font-size:10px;
  154. color: {color:BodyTextColor};}
  155.  
  156. .current_page, .navigation a {
  157. border: 1px solid #000;
  158. padding: 0px 4px;}
  159.  
  160. .navigation a:hover {color: {color:AccentLinkHover};}
  161.  
  162.  
  163. </style>
  164. </head>
  165.  
  166. <body>
  167. <div class="sidebar1">
  168. <div class="title"><center>{Title}</center></div>
  169.  
  170. <center><img src="{image:LeftSidebarPhoto}" class="sidebarimage"></center>
  171. <p>
  172.  
  173. <center><a href="/">index</a>
  174. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  175. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  176. <a href="/archive">archive</a>
  177. <br>
  178. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a> <a href="{text:Link 2 URL}">{text:Link 2 Name}</a> <a href="{text:Link 3 URL}">{text:Link 3 Name}</a> <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  179. <p>
  180. <div class="description"><center>{Description}</center></div>
  181. <p>
  182.  
  183. {block:Pagination}
  184. <div class="navigation">
  185. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{/block:Pagination}
  186. <div class="pagevalues">page {CurrentPage} of {TotalPages}</div>
  187. {block:Pagination}{block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  188. </div>
  189. {/block:Pagination}</center>
  190.  
  191.  
  192. <div class="credit"><center>THEME BY SIMPLE SERENDIPITY</center></div>
  193.  
  194.  
  195. </div>
  196.  
  197. <meta name="color:Accent" content="#cf2d85"/>
  198. <meta name="color:AccentLinkHover" content="#d9549c"/>
  199.  
  200. <meta name="text:Link 1 URL" content="http://"/>
  201. <meta name="text:Link 1 Name" content=""/>
  202. <meta name="text:Link 2 URL" content="http://"/>
  203. <meta name="text:Link 2 Name" content=""/>
  204. <meta name="text:Link 3 URL" content="http://"/>
  205. <meta name="text:Link 3 Name" content=""/>
  206. <meta name="text:Link 4 URL" content="http://"/>
  207. <meta name="text:Link 4 Name" content=""/>
  208.  
  209. <meta name="color:Background" content="fff"/>
  210. <meta name="image:Background" content=""/>
  211. <meta name="color:SidebarBackgroundColors" content="#000"/>
  212. <meta name="image:LeftSidebarPhoto" content=""/>
  213. <meta name="image:RightSidebarBackground" content=""/>
  214. <meta name="color:PostBackgroundColor" content="#000"/>
  215. <meta name="color:BodyTextColor" content="#fff"/>
  216. <meta name="color:DescriptionBackgroundColor" content="#fff"/>
  217. <meta name="color:DescriptionTextColor" content="#000"/>
  218.  
  219. <div class="container">
  220.  
  221. <div class="postcol">
  222. {block:Posts}
  223. <div class="posts">
  224.  
  225. {block:Text}
  226. {block:Title}<h1>{Title}</h1>{/block:Title}
  227. {Body}
  228. {/block:Text}
  229.  
  230. {block:Answer}
  231. <div class="question">
  232. <img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
  233. </div>
  234. {Answer}
  235. {/block:Answer}
  236.  
  237. {block:Quote}
  238. <div class="quote">
  239. <div class="quotetext_{Length}">"{Quote}"</div>
  240. {block:Source}<div class="source">-{Source}</div>{/block:Source}
  241. </div>
  242. {/block:Quote}
  243.  
  244. {block:Link}
  245. <h1><a href="{URL}">{Name}</a></h1>
  246. {block:Description}{Description}{/block:Description}
  247. {/block:Link}
  248.  
  249. {block:Chat}
  250. {block:Title}<h1>{Title}</h1>{/block:Title}
  251. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  252. {Line}</li>{/block:Lines}</ul>
  253. {/block:Chat}
  254.  
  255. {block:Photo}
  256. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Photo}
  259.  
  260. {block:Photoset}
  261. {Photoset-500}
  262. {block:Caption}{Caption}{/block:Caption}
  263. {/block:Photoset}
  264.  
  265. {block:Video}
  266. {Video-500}
  267. {block:Caption}{Caption}{/block:Caption}
  268. {/block:Video}
  269.  
  270. {/block:Video}
  271.  
  272. {block:Audio}
  273. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  274. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  275. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}
  276. {block:Artist}{Artist}{block:Artist} -
  277. {block:TrackName}{TrackName}{/block:TrackName}
  278. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  279. {/block:Audio}
  280.  
  281. {block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}
  282. <div class="postinfo"><center><a href="{Permalink}">{TimeAgo}{/block:Date}</a>
  283. {block:NoteCount}<br><a href="Permalink">{NoteCount} NOTES</a>{/block:NoteCount}
  284. {block:RebloggedFrom}<br> <a href="{ReblogParentURL}">VIA</a>
  285. <br><a href="{ReblogRootURL}">SOURCE</a>{/block:RebloggedFrom}</center></div>
  286.  
  287. </div>
  288.  
  289. {/block:Posts}
  290. </div>
  291. </div>
  292.  
  293. <div class="sidebar2"></div>
  294.  
  295.  
  296. </body>
  297. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!