Advertisement
Guest User

Untitled

a guest
Mar 26th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.53 KB | None | 0 0
  1. <style>
  2. *{margin:0;}.base{margin:0;padding:0;background-color:#002e44}img{width:100%;cursor:pointer}.wrapper{padding:4em 0}.overskrift{font-family:'Londrina Solid',sans-serif;font-size:2.5em;padding-bottom:1.5em;color:#fff;text-align:center;letter-spacing:1px;font-weight:400;text-transform:uppercase}.temashop__container{display:grid;grid-template-rows:auto;grid-template-columns:repeat(6,1fr);grid-column-gap:.5em;grid-template-areas:"a1 a1 a1 a1 a1 a1" "b1 b1 b1 b1 b1 b1" "c1 c1 c1 c2 c2 c2" "a2 a2 a2 a2 a2 a2" "b2 b2 b2 b2 b2 b2";padding:0 2em;margin-bottom:2em}.overskrift{font-size:1.5em}.overskrift a{text-decoration:none;color:#fff}.overskrift a:hover{color:orange}.grid__third__1{grid-area:c1;position:relative;grid-column:span 3}.grid__full__1{grid-area:a1;position:relative;grid-column:span 6}.grid__halfs__1{grid-area:b1;position:relative;grid-column:span 6}.grid__third__2{grid-area:c2;position:relative;grid-column:span 3}.grid__full__2{grid-area:a2;position:relative;grid-column:span 6}.grid__halfs__2{grid-area:b2;position:relative;grid-column:span 6}.knap{display:none}@media screen and (min-width:786px){.overskrift{font-size:34px}.temashop__container{max-width:888px;margin:0 auto;grid-template-rows:auto;grid-template-areas:"a1 a1 a1 a1 a1 a1" "b1 b1 b1 b1 c1 c1" "a2 a2 a2 a2 a2 a2" "b2 b2 b2 b2 c2 c2";padding:0 2em;margin-bottom:2em}.grid__third__1{grid-column:span 2}.grid__full__1{grid-column:span 6}.grid__halfs__1{grid-column:span 4}.grid__third__2{grid-column:span 2}.grid__full__2{grid-column:span 6}.grid__halfs__2{grid-column:span 4}.knap{font-family:'Londrina Solid',sans-serif;display:unset;position:absolute;left:50%;transform:translateX(-50%);bottom:8px;background-color:#00b67a;color:#fff;text-shadow:1px 1px 3px #000;padding:.3em 2.3em;box-shadow:0 3px 0 0 rgba(0,0,0,.5);text-align:center;font-size:15px;letter-spacing:.5px;min-width:230px;cursor:pointer;margin:1% 0}.knap:hover{background-color:#04865b;box-shadow:none}.grid__full__1:hover,.grid__full__2:hover,.grid__halfs__1:hover,.grid__halfs__2:hover,.grid__third__1:hover,.grid__third__2:hover{transition-duration:.5s;transform:scale(1.015)}}
  3. </style>
  4.  
  5. <div class="base">
  6. <div class="wrapper">
  7. <h2 class="overskrift"><a href="https://www.temashop.dk/kostumer">Find dit kostume</a></h2>
  8. <div class="temashop__container">
  9. <div class="grid__full__1" onclick="location.href='https://www.temashop.dk/baywatch-kostumer';"><img src="https://www.temashop.dk/media/wysiwyg/f1.png" alt=""><span class="knap">Se Baywatch Stuff</span></div>
  10. <div class="grid__halfs__1" onclick="location.href='https://www.temashop.dk/hawaii';"><img src="https://www.temashop.dk/media/wysiwyg/f2.png" alt=""><span class="knap">Se Hawaii Stuff</span></div>
  11. <div class="grid__third__1" onclick="location.href='https://www.temashop.dk/tequila-girl-kostume';"><img src="https://www.temashop.dk/media/wysiwyg/f3.png" alt=""></div>
  12. <div class="grid__full__2" onclick="location.href='https://www.temashop.dk/baywatch-kostumer';"><img src="https://www.temashop.dk/media/wysiwyg/f1.png" alt=""><span class="knap">Se Hawaii Stuff</span></div>
  13. <div class="grid__third__2" onclick="location.href='https://www.temashop.dk/tequila-girl-kostume';"><img src="https://www.temashop.dk/media/wysiwyg/f3.png" alt=""></div>
  14. <div class="grid__halfs__2" onclick="location.href='https://www.temashop.dk/hawaii';"><img src="https://www.temashop.dk/media/wysiwyg/f2.png" alt=""><span class="knap">Se Hawaii Stuff</span></div>
  15. </div>
  16. </div>
  17. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement