API tools faq
paste
Advertisement
Guest User

Andalusian Association Layout

a guest
Jan 28th, 2015
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.47 KB | None | 0 0
raw download clone embed print report
  1. <br><div id="holder"><div id="layout"><div id="img"><div id="expand1"><div class="text">
  2.  
  3. <h1>Header</h1>
  4. <h2>subheader</h2>
  5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  6.  
  7. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum. In hac habitasse platea dictumst. Aliquam viverra tincidunt sem, a vehicula ante facilisis at. Sed faucibus justo ac sapien varius, vel lobortis eros molestie. Aliquam erat volutpat. Donec ut eros et sapien ullamcorper efficitur eget non justo. Fusce dignissim eros vel velit facilisis tempor.<p>
  8.  
  9. <h1>Header</h1>
  10. <h2>subheader</h2>
  11. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  12.  
  13. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum. In hac habitasse platea dictumst. Aliquam viverra tincidunt sem, a vehicula ante facilisis at. Sed faucibus justo ac sapien varius, vel lobortis eros molestie. Aliquam erat volutpat. Donec ut eros et sapien ullamcorper efficitur eget non justo. Fusce dignissim eros vel velit facilisis tempor.<p>
  14.  
  15. </div></div><div id="expand2"><div class="text">
  16.  
  17. <h1>Header</h1>
  18. <h2>subheader</h2>
  19. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  20.  
  21. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum. In hac habitasse platea dictumst. Aliquam viverra tincidunt sem, a vehicula ante facilisis at. Sed faucibus justo ac sapien varius, vel lobortis eros molestie. Aliquam erat volutpat. Donec ut eros et sapien ullamcorper efficitur eget non justo. Fusce dignissim eros vel velit facilisis tempor.<p>
  22.  
  23. <h1>Header</h1>
  24. <h2>subheader</h2>
  25. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  26.  
  27. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum.
  28.  
  29. <br>
  30.  
  31. <center><a href=http://www.colourlovers.com/lover/aslann>aslann</a> & <a href=home.php?id=3035>fwf</a></center>
  32.  
  33. <p>
  34.  
  35. </div></div><div id="expand3"><div class="text">
  36.  
  37. <h1>Header</h1>
  38. <h2>subheader</h2>
  39. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  40.  
  41. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum. In hac habitasse platea dictumst. Aliquam viverra tincidunt sem, a vehicula ante facilisis at. Sed faucibus justo ac sapien varius, vel lobortis eros molestie. Aliquam erat volutpat. Donec ut eros et sapien ullamcorper efficitur eget non justo. Fusce dignissim eros vel velit facilisis tempor.<p>
  42.  
  43. <h1>Header</h1>
  44. <h2>subheader</h2>
  45. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ut nulla eu ultricies. Nam sed risus accumsan, pretium ante ut, tristique enim. Mauris volutpat, dolor lobortis convallis mattis, nibh mauris placerat augue, id euismod leo sapien vel risus. Suspendisse sollicitudin, justo vitae commodo efficitur, mi mi tincidunt orci, eu lacinia diam diam vel velit. Sed quis nunc metus. Aliquam quis mollis risus. Donec ullamcorper malesuada sapien, quis gravida magna varius id. Phasellus efficitur metus nibh. Duis fringilla lacus metus, sed rutrum ligula vulputate at. Morbi ultrices cursus felis. Mauris ac elit quis dolor tincidunt scelerisque eget sed eros.<p>
  46.  
  47. Maecenas eget neque nec ligula vehicula sagittis vitae eget ante. Duis molestie, enim luctus lacinia tincidunt, magna mi pretium urna, quis placerat urna erat id arcu. Duis rhoncus nunc id eros efficitur, ullamcorper rhoncus dolor faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent hendrerit nisl felis, a hendrerit augue consectetur a. Mauris scelerisque lectus nec erat suscipit, id ornare nisl suscipit. Nunc elementum quam quis hendrerit interdum. Integer vel erat pharetra nulla dictum convallis. Sed volutpat velit ipsum. In hac habitasse platea dictumst. Aliquam viverra tincidunt sem, a vehicula ante facilisis at. Sed faucibus justo ac sapien varius, vel lobortis eros molestie. Aliquam erat volutpat. Donec ut eros et sapien ullamcorper efficitur eget non justo. Fusce dignissim eros vel velit facilisis tempor.<p>
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. </div></div></div></div></div></div>
  55.  
  56.  
  57. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. #content {
  64. background-color: #070707;
  65. margin-top: 20px;
  66. width: 1250px!important;
  67. background-image:url('http://i.imgur.com/HYNMXof.png');
  68. background-repeat: no-repeat;
  69. color: #74422a;
  70. border: 1px solid #000000;}
  71.  
  72.  
  73. /* --VFL-- */
  74.  
  75. a, a:link,a:visited,a:active
  76. {
  77. text-decoration:none;
  78. color:#b3904e;
  79. font-family: 'Handlee', cursive;
  80. font-size: 10pt;
  81. font-weight: bold;
  82. }
  83.  
  84. #footer a {
  85. text-decoration:none;
  86. color:#b3904e;
  87. font-family: 'Handlee', cursive;
  88. font-size: 10pt;
  89. font-weight: bold;
  90. }
  91.  
  92. #footer a:hover {
  93. color:#eeb365;
  94. font-family: 'Handlee', cursive;
  95. font-size: 10pt;
  96. font-weight: bold;
  97. }
  98.  
  99. a:hover
  100. {
  101. color:#eeb365;
  102. font-family: 'Handlee', cursive;
  103. font-size: 10pt;
  104. font-weight: bold;
  105. }
  106.  
  107. h1 {
  108. font-family: 'Handlee', cursive;
  109. font-size: 24px;
  110. padding: 2px;
  111. letter-spacing: 0px;
  112. text-transform: none!important;
  113. margin-bottom: 2px;
  114. color:#b3904e;
  115. text-align: center;
  116. line-height: 20px;}
  117.  
  118.  
  119.  
  120. h2 {
  121. font-size: 9pt;
  122. padding: 2px;
  123. font-style: italic;
  124. text-align: center;
  125. letter-spacing: 4pt;
  126. font-weight: bold;
  127. margin-top: 0px;
  128. margin-bottom: 1px;
  129. color:#714e40;
  130. line-height: 13pt;
  131. text-shadow: 0 0 1px #000000;}
  132.  
  133.  
  134.  
  135. b {
  136. color: #b3904e;
  137. font-family: 'Handlee', cursive;}
  138.  
  139. .playerinfo b {
  140. display: none;
  141. padding-bottom: 10px;
  142. color: #3e2e39;
  143. font-size: 18px;}
  144.  
  145.  
  146. .playerinfo {
  147. margin-left: 620px;
  148. margin-top: 150px;
  149. color: transparent;}
  150.  
  151. .playerinfo a {
  152. font-size: 13px;
  153. color: #b3904e!important;}
  154.  
  155. .playerinfo a:hover {
  156. color: #0a0402!important;}
  157.  
  158.  
  159.  
  160. </style>
  161.  
  162.  
  163.  
  164. <style>
  165.  
  166. #menu {
  167. width: 990px;
  168. margin-left: 190px;
  169. background: transparent;}
  170.  
  171. ul#nav {
  172. background: transparent;
  173. }
  174.  
  175. ul#nav li {
  176. background: transparent;
  177. }
  178.  
  179. #nav ul {
  180. width: 200px!important;
  181. margin-left: 10px!important;
  182. margin-top: 24px!important;
  183. background: transparent!important;
  184. }
  185.  
  186. ul#nav li.selected > ul li a {
  187. font-family: 'Handlee', cursive;
  188. clear: right;
  189. float: left;
  190. font-size:14px;
  191. font-variant: normal!important;
  192. font-weight: bold;
  193. letter-spacing:0px;
  194. line-height: 15px;
  195. color: #b3904e;
  196. text-decoration: none;
  197. margin-top: 0px;
  198. padding: 5px 0px 0 20px;
  199. }
  200.  
  201. ul#nav li.selected > ul li a:hover {
  202. font-family: 'Handlee', cursive;
  203. color: #eeb365;
  204. text-decoration: none;
  205. text-shadow: none;
  206. }
  207.  
  208. ul#nav .selected a, ul#nav li.selected > a {
  209. font-family: 'Handlee', cursive;
  210. color: #b3904e;
  211. font-size:19px;
  212. font-variant: normal!important;
  213. font-weight: bold;
  214. letter-spacing:0px;
  215. text-decoration: none;
  216. background: transparent;
  217. height: 15px;
  218. clear: right;
  219. float: left;
  220. }
  221.  
  222. ul#nav li a {
  223. color:#b3904e;
  224. float: left;
  225. font-family: 'Handlee', cursive;
  226. font-size:19px;
  227. font-variant: normal!important;
  228. font-weight: bold;
  229. letter-spacing:0px;
  230. line-height: 25px;
  231. margin: 0px 0 0 0;
  232. text-decoration: none;
  233. padding: 0px 18px;
  234. }
  235.  
  236. body {
  237. width:1250px!important;
  238. }
  239.  
  240. html {
  241. background-image:url('http://colourlovers.com.s3.amazonaws.com/images/patterns/4645/4645737.png');
  242. background-color: #997755;}
  243.  
  244. small {
  245. font-size: 10px;
  246. }
  247.  
  248. table, tr, td, span, div
  249. {font-family: 'Playfair Display SC', serif;
  250. font-size: 12px;
  251. color:#74422a;
  252. font-weight: normal;
  253. line-height:9pt;
  254. valign:top;
  255. letter-spacing: 0px;
  256. }
  257.  
  258. hr {color:#554455; height: 1px; width:30%;}
  259.  
  260. input[type=submit] {
  261. font-size: 14px;
  262. background: #c2d3dd;
  263. font-family: 'Playfair Display SC', serif;
  264. text-transform:uppercase;
  265. letter-spacing:1px;
  266. color: #617d91;
  267. padding: 3px;
  268. text-align: center;
  269. cursor: pointer;
  270. }
  271. input[type=submit]:hover {
  272. font-size: 14px;
  273. background: #c2d3dd;
  274. font-family: 'Playfair Display SC', serif;
  275. text-transform:uppercase;
  276. letter-spacing:1px;
  277. color: #617d91;
  278. padding: 3px;
  279. text-align: center;
  280. cursor: pointer;
  281. }
  282. input[type=text], input[type=password], textarea {
  283. background: #c2d3dd;
  284. color:#617d91;
  285. font-family: 'Playfair Display SC', serif;
  286. font-size:14px;
  287. padding-top:3px;
  288. padding-bottom:3px;
  289. margin-bottom:5px;
  290. }
  291.  
  292. #holder {text-align: center;}#layout {z-index: 1;position: relative;width:1250px;margin-left: auto;margin-right: auto;}#layout {color:#74422a;font-size:10px;font-family: 'Playfair Display SC', serif; text-align: left; line-height: 10px;}#layout .text {padding: 2px;}a {color:;text-decoration: none; }a:hover {color:;}
  293.  
  294. #layout #expand1 {float: left;display:inline;width:390px;margin-left:-13px;margin-top:565px; background: #1E0E0C; padding: 2px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
  295.  
  296. #layout #expand2 {float: left;display:inline;width:458px;margin-left:0px;margin-top:565px; background: #110806; padding: 2px;border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
  297.  
  298. #layout #expand3 {float: left;display:inline;width:390px;margin-left:0px;margin-top:565px; background: #1E0E0C; padding: 2px;border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
  299.  
  300.  
  301. #dmenu {z-index: 2;position: relative;}
  302. input {font-family: 'Playfair Display SC', serif; font-size:8pt; color:#000; background-
  303. color: #617d91; border:1px solid #000000; font-weight: normal;}
  304. textarea, submit, reset, button {font-family: 'Playfair Display SC', serif; font-size:8pt; color: #617d91;
  305. background: #c2d3dd; border:1px solid #000000; height: 500px; width: 600px;}
  306.  
  307. big {line-height:15px; text-decoration:none; font-size:11px;}
  308. #shows {display:block !important;text-align:center;}
  309. font, img {display:none;}
  310.  
  311. #footer {
  312. background-color: transparent!important;
  313. font-weight: normal!important;
  314. color: #74422a;}
  315. </style>
  316.  
  317. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
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!