Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Alice In Wonderland CSS Layout


<style>

Body{
background-color:ffffff;
background-image:url(http://cbimg6.com/layouts/08/01/21/24800ab.jpg);
background-position:Bottom Left;
background-attachment:fixed;
background-repeat:repeat;
}

</style>



<img src='http://cbimg6.com/layouts/08/01/21/24800aa.jpg'><BR>


<style>

@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  /* gotta fetch the font for phone users */


:root {
  --font-family: 'Alice', serif;
  --mynamesize: 25px
;}

  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: #A941B0;}

h1 {
  color: #f994ff ;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}


table, th, td {
  border: 1px solid #f994ff ;
}

  

.online{
  color: aliceblue !important;  
}
 
:root {
        --logo-blue: #A941B0;
        --darker-blue: ;
        --lighter-blue: #A941B0;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: Aliceblue;
    }

main {
  /* changes made to stuff outside of columns */
    background:#ffc0cb55 ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

</style>


6 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )