User:Sparklyflowers/CSS

< User:Sparklyflowers
Revision as of 18:51, 16 July 2020 by Sparklyflowers (talk | contribs) (creating userspace)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/** Credits to SirCalcsALot and BM for part of the CSS **/ /** This sets the background color of your blog posts. Try changing the color and see what happens! **/ div .entrywrap, div .entrywrap-hover { background-color : #ccf6ff; border: 5px solid pink }

  1. header{

background-image: url(https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvMy9hLzJlM2FjZTI2ODE0NzI5NTA0ZWExMGFkN2JjM2ZmYmVjMWJiZDg3LmpwZw==&rn=bGVtb25zLmpwZw==); }

  1. header h1{

font-size: 40px }

  1. header h1:hover{

font-size: 60px } div .message{ font-family: Ink Free; } title { color: lavender; } html{ background: url("https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvYy8xL2U3ZjgyMjc1NzBhNTY2ZTNjYWVjOTQ4NDJlYWRiYWVlNThlMDRiLmpwZw==&rn=bGF2ZW5kZXIuanBn"); background-position: center; background-size: cover; background-attachment:fixed;}

  • {

cursor: url(https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvZC9lL2YyYTdmNWYwYzE4MWE1YTNhMzIzN2EyZjQ4MjVhMTM3MjhkMmEyLnBuZw==&rn=c21hbGwgZmxvd2VyLnBuZw==) 4 12, auto; } a{ cursor: url(https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvZC9lL2YyYTdmNWYwYzE4MWE1YTNhMzIzN2EyZjQ4MjVhMTM3MjhkMmEyLnBuZw==&rn=c21hbGwgZmxvd2VyLnBuZw==) 4 12, auto; } div:hover{ cursor: url(https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvZC9lL2YyYTdmNWYwYzE4MWE1YTNhMzIzN2EyZjQ4MjVhMTM3MjhkMmEyLnBuZw==&rn=c21hbGwgZmxvd2VyLnBuZw==) 4 12, auto; } div#header {

   background-image: url(https://services.artofproblemsolving.com/download.php?id=YXR0YWNobWVudHMvZC81L2VjMmYwMjM0OWJmYTk3ZDU2ZTIxNjVjY2RmMjk2Nzk2YTI2NTM5LmpwZw==&rn=cGluay5qcGc=);

}

  1. header h1{

text-align:center; font-family:Ink Free; font-size:40px; height:150px; transition:0.5s; }

  1. header h1:hover{
   font-size: 60px;

} div#wrapper{

   width: 65%;
   height: inherit;

}

div#main {

   width: 70%;

} h1{

   color: white;
   font-family: Ink Free;
   font-weight: bold;

} h2, h3, h4, h5, h6, #navigation_box{

   font-family: Ink Free;
   font-weight: bold;

}

  1. side{

font-family: Ink Free; }