API tools faq
paste
Advertisement
Amanduhh7

Always Simplicity

Amanduhh7
Oct 12th, 2013
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <!--Do not remove credit-->
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <!-- Theme Defaults -->
  30.  
  31. <meta name="image:side" content="">
  32. <meta name="image:sidebar" content="">
  33. <meta name="image:background" content="">
  34.  
  35.  
  36.  
  37. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  38. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  39.  
  40.  
  41. <script type="text/javascript">
  42. $(window).load(function () {
  43. $('#content').masonry({
  44. itemSelector : ".posts",
  45. },
  46. function() { $('#content').masonry({ appendedContent: $(this) }); }
  47. );
  48. });
  49. </script>
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
  56.  
  57. <style type="text/css">
  58.  
  59. a{text-decoration:none;}
  60.  
  61. body{background-color:white; background-image:url("{image:background}"); background-attachment:}
  62.  
  63. #leftside{
  64. position:fixed;
  65. width:270px;
  66. height:622px;
  67. margin-left:40px;
  68. margin-top:30px;
  69. background-color:tan;
  70. box-shadow:2px 2px 2px;
  71. }
  72.  
  73. #title{
  74. position:fixed;
  75. margin-top:50px;
  76. margin-left:55px;
  77. font-size:40px;
  78. font-family:
  79. float:left;
  80. -moz-transition: all 0.8s ease-in-out;
  81. -webkit-transition: all 0.8s ease-in-out;
  82. -o-transition: all 0.8s ease-in-out;
  83. -ms-transition: all 0.8s ease-in-out;
  84. transition: all 0.8s ease-in-out;
  85. }
  86.  
  87. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  88. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  89. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  90.  
  91. .fade-in {
  92. opacity:0;
  93. -webkit-animation:fadeIn ease-in 1;
  94. -moz-animation:fadeIn ease-in 1;
  95. animation:fadeIn ease-in 1;
  96.  
  97. -webkit-animation-fill-mode:forwards;
  98. -moz-animation-fill-mode:forwards;
  99. animation-fill-mode:forwards;
  100.  
  101. -webkit-animation-duration:1s;
  102. -moz-animation-duration:1s;
  103. animation-duration:1s;
  104. }
  105.  
  106. .fade-in.one {
  107. -webkit-animation-delay: 0.7s;
  108. -moz-animation-delay: 0.7s;
  109. animation-delay: 0.7s;
  110. }
  111.  
  112.  
  113. #sidebar{
  114. position:fixed;
  115. margin-top:110px;
  116. margin-left:50px;
  117. width:250px;
  118. height:250px;
  119. border:1px solid black;
  120. }
  121.  
  122. #sidebar img{
  123. width:250px;
  124. height:250px;
  125. opacity:.7;
  126. }
  127.  
  128. #sidebar img:hover{
  129. opacity:1;
  130. }
  131.  
  132. #sidebar .links{
  133. position:fixed;
  134. margin-top:-220px;
  135. margin-left:255px;
  136. visibility:hidden;
  137. -moz-transition: all 0.8s ease-in-out;
  138. -webkit-transition: all 0.8s ease-in-out;
  139. -o-transition: all 0.8s ease-in-out;
  140. -ms-transition: all 0.8s ease-in-out;
  141. transition: all 0.8s ease-in-out;
  142.  
  143. }
  144.  
  145. .links a{text-decoration:none; color:tan;}
  146.  
  147. #sidebar:hover .links{
  148. margin-left:262px;
  149. visibility:visible;
  150. -moz-transition: all 0.2s ease-in-out;
  151. -webkit-transition: all 0.2s ease-in-out;
  152. -o-transition: all 0.2s ease-in-out;
  153. -ms-transition: all 0.2s ease-in-out;
  154. transition: all 0.2s ease-in-out;
  155. }
  156.  
  157. #nav{
  158. position:fixed;
  159. margin-top:370px;
  160. margin-left:85px;
  161. z-index:999;
  162. }
  163.  
  164. #nav a{text-decoration:none; color:black; display:inline-block; padding-right:30px; z-index:999;}
  165.  
  166. #description{
  167. position:fixed;
  168. margin-left:75px;
  169. margin-top:410px;
  170. width:200px;
  171. font-size:12px;
  172. text-align:justify;
  173. }
  174.  
  175.  
  176. #content{
  177. position:absolute;
  178. margin-left:520px;
  179. margin-top:200px;
  180. width:700px;
  181. }
  182.  
  183. #content .posts{
  184. width: 250px;
  185. padding: 10px;
  186. margin: 5px;
  187. float:left;
  188. border:2px groove black;
  189. background-color:white;
  190. box-shadow:2px 2px 2px;
  191. }
  192.  
  193. .posttitle{
  194. font-size:30px;
  195. color:black;
  196. text-align:center;
  197. background-color:tan;
  198. }
  199.  
  200. .posttext{
  201. font-size:14px;
  202. text-align:center;
  203. }
  204.  
  205. .link{
  206. color:gray;
  207. }
  208.  
  209. .like_and_reblog_buttons {
  210.  
  211.  
  212. list-style: none;
  213. }
  214.  
  215. .like_and_reblog_buttons li {
  216.  
  217. float:left;
  218. margin-left:-25px;
  219. margin-top:-20px;
  220. padding: 7px 15px;
  221. height: 20px;
  222.  
  223.  
  224. }
  225. .like_and_reblog_buttons li:first-child {
  226.  
  227. margin-left:-40px;
  228. margin-top:-20px;
  229.  
  230.  
  231.  
  232. }
  233. .posts:hover .reblog{
  234. visibility:visible;
  235.  
  236. }
  237.  
  238. .reblog{
  239. visibility:hidden;
  240. }
  241.  
  242. .quote{ text-align:center;}
  243.  
  244. .quotesource{text-align:center;}
  245.  
  246. .chat{list-style:none;}
  247.  
  248. #info{
  249. background-color:#fbeeda;
  250. opacity:.7;
  251. width:250px;
  252. padding-top:5px;
  253. text-align:center;
  254. }
  255.  
  256. #date a{
  257. color:#c1a86d;
  258. font-weight:bold;
  259. font-size:12px;
  260. }
  261.  
  262. .pagination{
  263. position:fixed;
  264. margin-top:630px;
  265. margin-left:320px;
  266. }
  267.  
  268. .pagination a{color:#bb9f77;}
  269.  
  270. .pagination a:hover{
  271. color:black;
  272. opacity:.5;
  273. }
  274.  
  275. .ask a{color:tan; background-color:white;}
  276.  
  277. .answer{
  278. border:1px solid tan;
  279. padding:5px;
  280. }
  281.  
  282. .answerer{
  283. background-color:tan;
  284. }
  285.  
  286. #notecontainer {
  287. margin: 20px auto;
  288. font-size: 11px;
  289. background-color:white;
  290. }
  291.  
  292. #notecontainer ol.notes {
  293. list-style-type: none;
  294. margin: 0;
  295. padding: 0;
  296. }
  297.  
  298.  
  299. /* Custom CSS */
  300. {CustomCSS}
  301. </style>
  302. </head>
  303. <body>
  304.  
  305. <div id="leftside">
  306. </div>
  307.  
  308. <div id="title">
  309. <div class="fade-in one">
  310. {Title}
  311. </div>
  312. </div>
  313.  
  314. <div id="sidebar">
  315. <img src="{image:sidebar}">
  316. <div class="links">
  317. <a href="{Link1}">Link 1</a>
  318. <br><br>
  319. <a href="{Link2}">Link 2</a>
  320. <br><br>
  321. <a href="{Link3}">Link 3</a>
  322. <br><br>
  323. <a href="{Link4}">Link 4</a>
  324. </div>
  325. </div>
  326.  
  327. <div id="nav">
  328. <a href="/">Home</a>
  329. <a href="/ask">Ask</a>
  330. <a href="/submit">Submit</a>
  331. </div>
  332.  
  333. <div id="description">
  334. {block:Description}{Description}{/block:Description}
  335. </div>
  336.  
  337. <div id="content">
  338.  
  339. {block:Posts}
  340. <div class="posts fade-in one">
  341.  
  342. <div class="reblog"><ul class="like_and_reblog_buttons">
  343. <li><a href="{reblogurl}" title="reblog"><img src="http://static.tumblr.com/knytmqx/ZTxmujdnk/rebloggray.png"></a></li>&nbsp;&nbsp;&nbsp;&nbsp;
  344. <li>{LikeButton color="gray"}</li>
  345. </ul></div>
  346.  
  347. {block:Text}
  348. <div class="posttitle">{Title}</div>
  349. <div class="posttext">{Body}</div>
  350. {/block:Text}
  351.  
  352. {block:Photo}
  353. <img src="{PhotoURL-500}" width="250" alt="">
  354. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  355. {/block:Photo}
  356.  
  357. {block:Photoset}
  358. {block:Photos}
  359. <img src="{PhotoURL-500}" width="{PhotoWidth-250}">
  360. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  361. {/block:Photos}
  362. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  363. {/block:Photoset}
  364.  
  365. {block:Quote}
  366. <div class="quote"><b>"{Quote}"</b></div>
  367. <br>
  368. <div class="quotesource">~{Source}</div>
  369. {/block:Quote}
  370.  
  371. {block:Chat}
  372. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  373. <ul>
  374. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  375. </ul>
  376. {/block:Chat}
  377.  
  378. {block:Link}
  379. <a href="{URL}"><div class="posttitle link">{Name}</div></a>
  380. {block:Description}<div class="posttext">{Description}</div>{/block:Description}
  381. {/block:Link}
  382.  
  383. {block:Answer}
  384. <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
  385. <br><br> <b>{Question}</b>
  386. <br><br>
  387. {block:Answerer}
  388. <img src="{AnswererPortraitURL-16}" alt="">
  389. <div class="ask">{Answerer}</div>
  390. <div class="answerer">Answer: {Answer}</div>
  391. {/block:Answerer}
  392. <br><br>
  393. {Replies}
  394. </div>
  395. {/block:Answer}
  396.  
  397. {block:Video}
  398. {VideoEmbed-250}
  399. {PlayCountWithLabel}
  400. {/block:Video}
  401.  
  402. {block:Audio}
  403. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  404. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  405. {block:PlayCount}{PlayCount}{/block:PlayCount}
  406. {/block:Audio}
  407.  
  408.  
  409.  
  410.  
  411. <div id="info"> <div id="date">
  412. <a href="{Permalink}">{block:Date} <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}<br>{TimeAgo}</time>{block:NoteCount}<div style="font-size:10px;">with {NoteCountWithLabel}</div>{/block:NoteCount}</a>
  413.  
  414. <br>
  415. {block:HasTags}
  416. {block:Tags}
  417. <a href="{TagURL}" style="font-size:12px;">#{Tag}</a>
  418. {/block:Tags}
  419. {/block:HasTags}
  420.  
  421. {/block:Date}
  422. </div>
  423. </div>
  424. {block:PermalinkPage}
  425. {block:PostNotes}
  426. <div id="notecontainer">{PostNotes}</div>
  427. {/block:PostNotes}
  428. {/block:PermalinkPage}
  429.  
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435. {/block:Posts}
  436. </div>
  437.  
  438. </div>
  439.  
  440.  
  441.  
  442.  
  443. <div class="pagination">
  444. {block:Pagination}
  445.  
  446. {block:PreviousPage}
  447.  
  448. <a href="{PreviousPage}" style="padding-right:10px;">Newer</a>
  449. {/block:PreviousPage}
  450.  
  451. {block:NextPage}
  452. <a href="{NextPage}">Older</a>
  453. {/block:NextPage}
  454.  
  455.  
  456.  
  457.  
  458.  
  459. {/block:Pagination}
  460.  
  461. </div>
  462.  
  463.  
  464.  
  465.  
  466. <div style="position:fixed; font-size:10px; margin-left:1300px; margin-top:620px;">
  467. <a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/L1Umu6jbr/sdticon2.png"></a>
  468. </body>
  469. </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!