MagiStream

Lex wrote:Can you make me a CSS, Incan? :o I just want the colors grey/light blue in it, swirls, circles, whatever you want for the rest. :p Also, can I have my name on the top?

In a few :3 Check back to this post soon; I'll be editing it.

Edit: Done :3

Code: Select all

body {
     background-attachment: fixed ! important;
     background-color: black;
     background-image: url(http://i.imgur.com/3LPt0.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 #6666CC ! 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 #6666CC ! important;
     padding: 0px;
}

.headerbar {
     background-color: transparent ! important;
     background-image: url(http://i.imgur.com/FWvZS.png) ! important;
     background-repeat: no-repeat ! important;
     border-radius: 5px 5px 5px 5px;
     border: 2px groove #6666CC ! 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 #6666CC ! important;
     padding: 0px;
}

a:link, a:active {
     color: #CCCCFF ! important;
}

a:visited {
     color: #9999FF ! important;
}

a:hover {
     background-color: transparent ! important;
     color: #6666FF ! important;
}

a.fontsize {
     display: none ! important;
}

a.button2:hover, input.button2:hover {
     color: #869899 ! 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: #CCCCFF ! 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 #6666CC ! important;
}

.codebox {
     border-radius: 3px 3px 3px 3px;
     margin-left: -7px ! important;
}

#f {
     border-radius: 5px 5px 5px 5px;
}

.copyright {
     color: #6666FF ! 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: #6666FF ! important;
}


Edit: If you're not tobycoco7538 don't use this.

Code: Select all

[img]http://i.imgur.com/ffgk6.png[/img]

Merkwerkee wrote:Oh great artist - may I please have a signature set? I want a black/white/silver set with Bass Clarinets (not regular clarinets) instead of creatures, and a music-type theme (staffs, clef marks, quarter/eighth notes, etc)

I'll what I can get for you if you can~

Lex wrote:Aww, thanks Incan, it's perfecttt. Thank you!

I know I'm brilliant.

Edit: @Chess: It can't be any bigger, that's max size already.

Incandescence wrote:
TwilightFox: I know Merk did that (that's her style) so if you'd like one, I can make you an entirely separate CSS so you have two to choose from. If you'd like examples, here are a few CSSes I have completed:
memberlist.php?mode=viewprofile&u=70833 - mine
memberlist.php?mode=viewprofile&u=73258 - Euphoria
memberlist.php?mode=viewprofile&u=1486 - Mazzi
memberlist.php?mode=viewprofile&u=8394 - Xenomorph (header was by athdaraxen)

I made a lot of other CSSes for the holidays, but no one is using them now, obviously. I have more, but I can't remember who I've made them for, so...

Here's yours. :3

Code: Select all

body {
     background-attachment: fixed ! important;
     background-color: black;
     background-image: url(http://i.imgur.com/FsQFQ.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/8lO9m.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: #869899 ! important;
}

a:visited {
     color: #869899 ! important;
}

a:hover {
     background-color: transparent ! important;
     color: #A6A6A6 ! 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: #D1D1D1 ! 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: #D1D1D1 ! important;
}


TwilightFox wrote:

Incandescence wrote:
TwilightFox: I know Merk did that (that's her style) so if you'd like one, I can make you an entirely separate CSS so you have two to choose from. If you'd like examples, here are a few CSSes I have completed:
memberlist.php?mode=viewprofile&u=70833 - mine
memberlist.php?mode=viewprofile&u=73258 - Euphoria
memberlist.php?mode=viewprofile&u=1486 - Mazzi
memberlist.php?mode=viewprofile&u=8394 - Xenomorph (header was by athdaraxen)

I made a lot of other CSSes for the holidays, but no one is using them now, obviously. I have more, but I can't remember who I've made them for, so...

Here's yours. :3

Code: Select all

body {
     background-attachment: fixed ! important;
     background-color: black;
     background-image: url(http://i.imgur.com/FsQFQ.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/8lO9m.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: #869899 ! important;
}

a:visited {
     color: #869899 ! important;
}

a:hover {
     background-color: transparent ! important;
     color: #A6A6A6 ! 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: #D1D1D1 ! 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: #D1D1D1 ! important;
}


Oh my god thanks so much Incan!!!!!!! No words can describe how much I like your work.