Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*---------------------*/
- /* GENERAL ELEMENTS */
- /*---------------------*/
- body{
- font-family: "Verdana", "Arial", "Helvetica", sans-serif;
- }
- /*---------------------*/
- /* GENERAL CLASSES */
- /*---------------------*/
- .programma {
- background-color: #000000;
- background-image: url(assets/media/programma.gif);
- background-position: right bottom ;
- background-repeat: no-repeat;
- }
- .programma:hover {
- background-color: #000000;
- background-image: url(assets/media/programma-over.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .tickets {
- background-color: #000000;
- background-image: url(assets/media/tickets.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .tickets:hover {
- background-color: #000000;
- background-image: url(assets/media/tickets-over.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .camping {
- background-color: #000000;
- background-image: url(assets/media/camping.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .camping:hover {
- background-color: #000000;
- background-image: url(assets/media/camping-over.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .nieuws {
- background-color: #000000;
- background-image: url(assets/media/nieuws.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- .nieuws:hover {
- background-color: #000000;
- background-image: url(assets/media/nieuws-over.gif);
- background-position: right bottom;
- background-repeat: no-repeat;
- }
- /*---------------------*/
- /* CONTAINING ELEMENTS */
- /*---------------------*/
- /*------------------------*/
- /* PAGE SPECIFIC ELEMENTS */
- /*------------------------*/
- h1{
- font-size: 2rem;
- font-weight: bold;
- margin-bottom: 20px;
- }
- nav{
- width: 200px;
- margin-left: 150px;
- }
- li
- {
- text-transform: uppercase;
- display: block;
- }
- li ul{
- display: none;
- }
- li:hover ul{
- display: block;
- }
- a {
- display: block;
- color: #ffffff;
- padding: 5px;
- line-height: 300%;
- margin-bottom: 5px;
- text-decoration: none;
- font-size: 1rem;
- font-weight: bold;
- }
- ul li ul li a{
- background-color: #db0120
- }
- /* --- Homepage --- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement