Spoiler
And my name on the header? ^^
Moderator: Hall of the Arts Moderators
Code: Select all
body {
background-attachment: fixed ! important;
background-color: black;
background-image: url(http://wonderworlds.org/snow/snow-background-1.jpg);
background-repeat: repeat ! important;
color: black ! important;
}
#wrap {
background-color: transparent;
border-radius: 5px 5px 5px 5px;
border: 2px ridge #5B6EFF ! important;
padding: 0px;
}
#page-body {
background-color: transparent ! important;
}
#page-header .navbar {
background-color: rgba(204, 204, 204, 0.5);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px ridge #5B6EFF ! important;
padding: 0px;
}
#page-footer .navbar {
background-color: rgba(204, 204, 204, 0.5);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px ridge #5B6EFF ! important;
padding: 0px;
}
.headerbar {
-moz-border-bottom-colors: none ! important;
-moz-border-image: none ! important;
-moz-border-left-colors: none ! important;
-moz-border-right-colors: none ! important;
-moz-border-top-colors: none ! important;
background-color: transparent ! important;
background-image: url(http://i.imgur.com/lOOkc.png) ! important;
background-repeat: no-repeat ! important;
border-color: #5B6EFF #5B6EFF -moz-use-text-color ! important;
border-radius: 5px 5px 5px 5px;
border-style: ridge ridge none ! important;
border-width: 2px 2px medium ! important;
padding: 0px;
}
.bg2, .bg1 {
background-color: rgba(204, 204, 204, 0.5);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #5B6EFF ! important;
padding: 0px;
}
a:link, a:active {
color: #8593FF ! important;
}
a:visited {
color: #9E87FF ! important;
}
a:hover {
background-color: transparent ! important;
color: #3D5EC9 ! important;
}
a.fontsize {
display: none ! important;
}
a.button2:hover, input.button2:hover {
color: #3D5EC9 ! important;
}
input.button2 {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-color: #CC0000 ! important;
border-radius: 5px 5px 5px 5px;
padding: 0px;
}
span {
background-image: none ! important;
}
h2 {
margin-left: 20px;
}
h3 {
border-bottom: medium none;
}
ul.navlinks, .custom_css_rank {
border-bottom-color: #D1D1D1 ! important;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home {
background-image: none ! important;
}
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd {
color: #2B428C ! important;
}
.spoiler .inner {
background-color: rgba(153, 153, 204, 0.2);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #5B6EFF ! important;
padding: 0px;
}
input.button2 {
background-color: rgba(153, 153, 204, 0.2);
background-image: url("http://wonderworlds.org/snow/snow-seamless-background.jpg") ! important;
border: 2px groove #5B6EFF ! important;
}
.codebox {
border-radius: 3px 3px 3px 3px;
margin-left: -7px ! important;
}
#f {
border-radius: 5px 5px 5px 5px;
}
.copyright {
color: #2B428C ! important;
font-size: 90% ! important;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right {
background-color: transparent ! important;
background-image: none ! important;
}
.border-bottom {
display: none ! important;
}
* {
color: #2B428C ! important;
}
AutumnSolace wrote:May I have a CSS?
I'd like this as the background
If you can, I'd like the picture to fill the background and stay in the same position when you scroll down
I'd also like the boxes to be transparent like in your profile =)
For the header, I'd like to have my username in the center instead of "Magistream". I'd also like the following creatures around my username: A Celestial Dragon to the left (facing right), a Frost Unicorn to the right (facing left), and an Argaent Kirin to the right (facing left).
But for everything else, you can surprise me. ^^
Code: Select all
body {
background-attachment: fixed ! important;
background-color: black;
background-image: url(http://i.imgur.com/uzMOG.jpg);
background-repeat: repeat ! important;
color: black ! important;
}
#wrap {
background-color: transparent;
border-radius: 15px 15px 15px 15px;
border: medium none ! important;
padding: 2px;
}
#page-body {
background-color: transparent ! important;
}
#page-header .navbar {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #999999 ! important;
padding: 0px;
}
#page-footer .navbar {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #999999 ! important;
padding: 0px;
}
.headerbar {
background-color: transparent ! important;
background-image: url(http://i.imgur.com/U11dJ.png) ! important;
background-repeat: no-repeat ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #999999 ! important;
padding: 0px;
}
.bg2, .bg1 {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #999999 ! important;
padding: 0px;
}
a:link, a:active {
color: #922AE3 ! important;
}
a:visited {
color: #869899 ! important;
}
a:hover {
background-color: transparent ! important;
color: #641D9B ! important;
}
a.fontsize {
display: none ! important;
}
a.button2:hover, input.button2:hover {
color: #9D9D9D ! important;
}
input.button2 {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-color: #CC0000 ! important;
border-radius: 5px 5px 5px 5px;
padding: 0px;
}
span {
background-image: none ! important;
}
h2 {
margin-left: 20px;
}
h3 {
background-image: none ! important;
background-position: right center;
background-repeat: no-repeat;
border-bottom-color: black;
color: black;
font-size: 1.5em;
}
ul.navlinks, .custom_css_rank {
border-bottom-color: black;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home {
background-image: none ! important;
}
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd {
color: #719CBC ! important;
}
.spoiler .inner {
background-color: rgba(51, 51, 102, 0.3);
background-image: none ! important;
border-radius: 5px 5px 5px 5px;
border: 2px groove #596666 ! important;
padding: 0px;
}
input.button2 {
background-color: rgba(51, 51, 102, 0.1);
border: 2px groove #596666 ! important;
}
.codebox {
border-radius: 3px 3px 3px 3px;
margin-left: -7px ! important;
}
#f {
border-radius: 5px 5px 5px 5px;
}
.copyright {
color: #D1D1D1 ! important;
font-size: 90% ! important;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right {
background-color: transparent ! important;
background-image: none ! important;
}
.border-bottom {
display: none ! important;
}
* {
color: #719CBC ! important;
}