Advertisement
Betabyte

Gallery Layout

Jun 26th, 2016
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.84 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.  
  4.  
  5. <head>
  6. <title>
  7. Gallery
  8. </title>
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19. <style>
  20.  
  21. @font-face {
  22. font-family: BBC;
  23. src: url(https://dl.dropbox.com/s/onu4s70sli6fla6/Market_Deco.ttf);}
  24.  
  25. @font-face {
  26. font-family: BBB;
  27. src: url(https://dl.dropbox.com/s/apqwrzkaodysffb/Delta%20Universe.otf);}
  28.  
  29. @font-face {
  30. font-family: ivy;
  31. src: url(https://dl.dropbox.com/s/gw3qnzuxuibxdka/DK%20Poison%20Ivy.otf);}
  32.  
  33.  
  34.  
  35. </style>
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. #Upper {
  41. position:fixed;
  42. width:100%;
  43. height:auto;
  44. top:0px;
  45. padding-left:;
  46. left: 0px;}
  47.  
  48. .anest{
  49. margin-top:0px;
  50. height:50px;
  51. left:0px;
  52. padding-left:30px;
  53. width:100%;
  54. padding-top:30px;
  55. overflow:hidden;
  56. background-color:#000;
  57. -webkit-transition: all 0.9s ease-out;
  58. -moz-transition: all 0.9s ease-out;
  59. -ms-transition: all 0.9s ease-out;
  60. -o-transition: all 0.9s ease-out;
  61. transition: all 0.9s ease-out;
  62. background-repeat:repeat;}
  63.  
  64. .anest a{
  65. font-size:10px;
  66. font-family: bbc;
  67. margin-top:-10px;
  68. width:120px;
  69. height:20px;
  70. line-height:20px;
  71. overflow:visible;
  72. text-align:center;
  73. letter-spacing:4px;
  74. background-color: #b3ffb3;
  75. text-decoration:none;
  76. -webkit-transition: all 0.9s ease-out;
  77. -moz-transition: all 0.9s ease-out;
  78. -ms-transition: all 0.9s ease-out;
  79. -o-transition: all 0.9s ease-out;
  80. transition: all 0.9s ease-out;
  81. display:inline-block;}
  82.  
  83. .anest a:hover {
  84. color:#000;
  85. font-style:normal;
  86. background-color:#b3ffb3;}
  87. .anest a:link{
  88. color:#000;}
  89. .anest a:visited{
  90. color:#000;}
  91. .anest a:active{
  92. color:#000;}
  93.  
  94. hz{
  95. color:#333;
  96. width:245px;
  97. line-height:10px;
  98. display:block;
  99. margin-bottom:15px;
  100. text-align:center;
  101. background-color:#b3ffb3;
  102. font-size:30px;
  103. font-family:ivy;}
  104.  
  105. #columnbars{
  106. height:400px;
  107. margin-top:600px;
  108. padding:10px;
  109. background-color:#fff;
  110. left:50px;}
  111.  
  112.  
  113. * { margin: 0px; padding: 0px; }
  114.  
  115. body { font-family: 'Open Sans', sans-serif; font-size: 11px; word-wrap: break-word; text-shadow:0px 0px 7px rgba(0, 0, 0, 0.1); color: {color:Text}; {block:IfTextJustify}text-align: justify; {/block:IfTextJustify}background-color:#efefef;background-attachment:fixed;
  116. background-image: url('');
  117. background-position:top left;
  118. background-repeat:repeat;
  119. background-attachment: fixed; font-weight: 400;
  120.  
  121. font-family:bbc;
  122.  
  123.  
  124. }
  125.  
  126.  
  127. #allboxer{
  128. margin-top:120px;
  129. position:absolute;
  130. left:450px;}
  131.  
  132. #all #main #box #posts #fund {
  133. box-shadow:0px 0px 3px #2d2d2d; }
  134.  
  135. #all #main #box #posts #fund #one {
  136. padding: 10px;
  137. margin-top:30px;
  138. background-color: {color:Post}; }
  139.  
  140.  
  141. {CustomCSS}
  142. </style>
  143.  
  144.  
  145. </head>
  146.  
  147.  
  148.  
  149. <body>
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170. <div id="allboxer">
  171. <div id="all">
  172.  
  173.  
  174.  
  175. <div id="main">
  176.  
  177.  
  178. {block:Posts}
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191. {block:Photo}
  192. <div id="box">
  193. <div id="posts">
  194. <div id="fund">
  195. <div id="one">
  196.  
  197. <div id="photo">
  198. {LinkOpenTag}<img id="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" />{LinkCloseTag}
  199. </div>
  200. <br>
  201. {block:Caption}
  202.  
  203. <div id="caption">
  204. {Caption}
  205. </div>
  206.  
  207. {/block:Caption}
  208.  
  209. </div>
  210.  
  211.  
  212.  
  213.  
  214.  
  215. </div>
  216.  
  217. </div>
  218.  
  219. </div>
  220. {/block:Photo}
  221.  
  222. {block:Photoset}
  223.  
  224. <div id="box">
  225. <div id="posts">
  226. <div id="fund">
  227. <div id="one">
  228.  
  229.  
  230. <div id="photoset">{Photoset-500}</div>
  231. <br>
  232. {block:Caption}
  233. <div id="caption" class="cfg">{Caption}</div>
  234. {/block:Caption}
  235.  
  236. </div>
  237.  
  238.  
  239.  
  240. </div>
  241. </div>
  242. </div>
  243. {/block:Photoset}
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255. {/block:Posts}
  256.  
  257.  
  258.  
  259.  
  260. </div>
  261.  
  262.  
  263. </div>
  264.  
  265.  
  266.  
  267. </div>
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. </body>
  275. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement