CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
Tyrannogon
MagiStream Donor
Member of The Herbalist's Guild Member of Artificer's Association Member of Preservationists Association An icon depicting the element Life
CreaturesTrade
Posts: 894
Joined: January 7th, 2012, 2:00:32 am
Gender: Male
Location: British Columbia, Canada

Re: CSS Shop (Open)

Post by Tyrannogon »

It looks great, thanks again Merkwerkee! It looks really nice and it's nice to have a custom one. ^.^
ImageImageImageImageImageThank you Lazuli for my avatar sprites!
User avatar
KarenGriff
MagiStream Donor
Member of The Herbalist's Guild Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 254
Joined: February 9th, 2010, 5:21:19 am
Location: Grifflandria or Federal Bureau of Investigation X-files unit

Re: CSS Shop (Open)

Post by KarenGriff »

Username: KarenGriff
Colors: black, white, greys/grays, alien green (for the alien green code: #6CC417 RGB: 108, 196, 23)
Theme: X-Files! :D

Thank you if you have time doing it! :D
ImageImageAll Lies Lead to the TruthImageImage
I live in GTM +1, and I'm online only on weekdays, be patient in trades c:
"In the absense of orders go find something and kill it"- Erwin Rommel
25/25 gifts Thank you! :)Wishlist in my profile for help!
User avatar
Ktanaqui
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 10347
Joined: July 20th, 2010, 11:02:05 am
Gender: Female
Location: Indiana, USA
Contact:

Re: CSS Shop (Open)

Post by Ktanaqui »

Hey Merk - I think it's time that I updated my profile a bit.

Username: Ktanaqui
Color/Theme Reference
Colors: Black/Dark Grey, Blue-Gray. Gold and/or Blue accents?
Theme: Umbreon / Shiny Umbreon

Mostly, I want a dark profile with an Pokemon-esque theme centered around Umbreon. The colors are very flexible if you can think of something that would look nicer :)

Thanks!

Image
Image
ImageImage
Image
User avatar
AshallaynTallyn
MagiStream Donor
Member of Artificer's Association
CreaturesTrade
Posts: 1002
Joined: October 23rd, 2014, 3:27:05 am
Gender: Female
Location: Looking up at the Winter Night Sky, at Stargazer's Summit

Re: CSS Shop (Open)

Post by AshallaynTallyn »

oops my bad XD
User avatar
Twister4eva
MagiStream Donor
Member of The Dark Brotherhood
CreaturesTrade
Posts: 2749
Joined: August 29th, 2009, 11:28:03 am
Location: “Well, you’re clearly evil, but I see no reason not to trust you.”
Contact:

Re: CSS Shop (Open)

Post by Twister4eva »

Hi there.
I was just wondering if you are able to make me a css for my profile?
I originally had a lovely one made by Rosehill, but it kinda half died when photobucket had a sad. :t-weep:

I had used my own art for the banner... I still have the artwork (see spoiler tab below).
Is it possible you could make something up with the same pictures? :t-sweat:


Spoiler
Image Image Image Image

|ImageImageImageImageImage|
Clicks please?
»♥«
Will do art for your random critters!

Old event critters FOR SALE
Elk, coal wyrm, halloween born
decessus, penguin, aculeus, SB event eggs

Keep clearout random critters FOR SALE

⋆ LTB frozen event critters

Thank you everyone for my gifts. <3
User avatar
Tazzy
Member of Society of the Trident
CreaturesTrade
Posts: 237
Joined: April 2nd, 2018, 10:47:59 pm
Gender: Female
Location: California

Re: CSS Shop (Open)

Post by Tazzy »

Username: Tazzy
Colors: Light blue, light purple
Theme: Petals, flowery
Is it possible to have my name at the top? Maybe?
Please and thanks so much!
Image
Thank you for clicking my babies<3
Signature by HopingFaith~
Image
PinkPeach
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 1594
Joined: March 16th, 2017, 8:18:31 pm
Location: Snuggled up in my bed like a caterpillar

Re: CSS Shop (Open)

Post by PinkPeach »

Sorry to bug you (again >.< ) but I decided to switch up my style and would really appreciate a new CSS.
Username: Rinnyracecar
Colors: Pastels, cutesy stuff (I trust your judgment)
Theme: Cute, candy themed and maybe some sparkles and bows (or even some cute fruits). Very cutest and sweet please. Thanks again <3
Image https://pokefarm.com/user/PinkPeach
Please visit my profile!
ImageImageImageImageImageImage
Image
Image
Formerly known as Rinnyracecar
User avatar
Luna08
CreaturesTrade
Posts: 62
Joined: May 17th, 2012, 11:00:26 pm
Gender: Female
Location: mars

Re: CSS Shop (Open)

Post by Luna08 »

i coped too. if you have time

Username: Luna08
Theme: dinosaus
Colors: red, black and blue (dosen't matter the shade)
Anything else?: none
"Ride free citizen." Throttle
I wasn't meant to be understood

Chicken smoothie pokeheros tale of ostlea valley of unicorns eldemore virtuadopt pokefarm
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19573
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

Moonheart wrote:Username: Moonheart
Colors: Black/purple/ Silver? (Whatever looks good with the theme, honestly.)
Theme: Coria Alagos

Thank you!
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/
ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}
.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #6C2DC7;
    background-color:rgba(12, 9, 10 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}
.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #6C2DC7;
    background-color:rgba(12, 9, 10 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}
.bg1:hover, .bg2:hover{
    background-color:rgba(81, 87, 86, 0.6) !important;
    transition:background-color .7s !important;
}
.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1X5ezbbltnTbRylJgzebig-BmVG6MFwQV) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}
.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}
.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}
.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}
#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    background-color:transparent !important;
    background-image:none
}
#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 0.1) !important;
    background-image:none !important
}
#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    background-color:rgba(0, 0, 0 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}
#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(86, 80, 81, 0.1);
    width:100% !important;
}
#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}
input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(https://i.pinimg.com/originals/d0/ec/d6/d0ecd62d181f3569c057cb3f561baf69.jpg) !important;
}
*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #8A4BE5 !important;
    text-align:center !important;
    text-decoration:none !important;
}
#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #6C2DC7;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}
body{
    background-image: url(https://chrismartinphotography.files.wordpress.com/2012/11/iridescent-raven-c2a9-christopher-martin-61631.jpg);
    background-repeat:no-repeat, no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center, center;
    background-size: 100%;
    background-attachment:fixed !important;
}
span{
    background-image:none !important;
}
.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #6C2DC7 !important;
}
.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #6C2DC7;
}
.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}
dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}
.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(12, 9, 10 ,0.3);
}
.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://images.vexels.com/media/users/3/127237/isolated/lists/f5e4e91208eff543fdbc65066f6ba2bd-brazil-flag-feather.png) no-repeat, url(http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211812423.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}
.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}
.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #6C2DC7;
}
h3{
    background-image:url(https://vignette.wikia.nocookie.net/yugioh/images/f/f2/BlackFeatherCounter-DG.png/revision/latest?cb=20150228235644);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #6C2DC7;
}
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #6C2DC7;
    background-color:rgba(12, 9, 10 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}
dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}
h2{
    display:none;
}
a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}
a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}
a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}
blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #6C2DC7 !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
    border-bottom:transparent;
}
.postlink{
    border-bottom-color:#6C2DC7;
}
.postlink:visited{
    border-bottom-color:#6C2DC7;
}
.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know how you like it! :wave:
IceRiver wrote:Is it ok if I request one last CSS? Thank you!

Colors: Light blues, purples, silvers, something cold
Theme: something wintry/icy. And, if you'd like, you can somewhat base it off of the Koredanuki
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #2B3856;
    background-color:rgba(247, 248, 255 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #2B3856;
    background-color:rgba(247, 248, 255 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(113, 126, 156, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1MHmFTFjjKf8ev-Qjk7P_3yFQ3QBfcXS9) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:rgba(240, 248, 255 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(86, 80, 81, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(http://media.comicbook.com/2017/10/star-wars-the-last-jedi-creature-1036567.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #FBB917 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #2B3856;
}


body{
    background-image: url(https://www.ephotozine.com/articles/beautiful-winter-sunrise-awarded-potw-accolade-30471/images/winter.jpg);
    background-repeat:no-repeat, no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center, center;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #2B3856 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #2B3856;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(247, 248, 255 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(http://gg-deco.rlcgeek.com/frozen/Winterday_icicles_alternative256256.png) no-repeat, url(http://latale.animemaestro.com/extracts/images/BACKGROUND/04S_BG_08_CAVE.PNG) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #2B3856;
}

h3{
    background-image:url(https://www.freeiconspng.com/uploads/fruits-in-ice-cube-icons-for-vista-xp-printbest-custom-glossy-online-16.gif);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #2B3856;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #2B3856;
    background-color:rgba(247, 248, 255 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856 !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#2B3856;
}

.postlink:visited{
    border-bottom-color:#2B3856;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you like it!
lonebluewolf wrote:username: lonebluewolf
colours: Cyan and Blue Diamond and gold since this picture is light blue colors
theme: anime, this picture https://i.pinimg.com/736x/dc/bd/8b/dcbd ... y-eyes.jpg

Thank you :t-blush:
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #2B3856;
    background-color:rgba(247, 248, 255 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #2B3856;
    background-color:rgba(247, 248, 255 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(113, 126, 156, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=167KpBe1km06771DfDFxaOaUbK-Jbc369) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:rgba(240, 248, 255 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(86, 80, 81, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(https://cosmos-images2.imgix.net/file/spina/photo/12769/171114-npacific-full.jpg?ixlib=rails-2.1.4&auto=format&ch=Width%2CDPR&fit=max&w=835) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #FBB917 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #2B3856;
}


body{
    background-image: url(https://i.pinimg.com/736x/dc/bd/8b/dcbd8becc28f1f545fecc55f3c4f94c9--blue-hair-anime-boy-art-anime-boy-eyes.jpg);
    background-repeat:no-repeat, no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center, center;
   /* background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #2B3856 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #2B3856;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(247, 248, 255 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://elixirgraphics.com/assets/img/theme_images/droplet-icon.png) no-repeat, url(https://images.vexels.com/media/users/3/145180/isolated/lists/62a8679a329f9184b270027c271d2c43-waterdrop-circle-glimpse-graphic.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #2B3856;
}

h3{
    background-image:url(https://images.vexels.com/media/users/3/145358/isolated/lists/caae118ed1bd555d7a47dcadf5af0bf8-water-drop-falling-illustration.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #2B3856;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #2B3856;
    background-color:rgba(247, 248, 255 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #2B3856 !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#2B3856;
}

.postlink:visited{
    border-bottom-color:#2B3856;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know how you like it!

I see the rest of y'all but it's half-gone two of the morning. I'll try and get y'all done before the end of the month!
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19573
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

KarenGriff wrote:Username: KarenGriff
Colors: black, white, greys/grays, alien green (for the alien green code: #6CC417 RGB: 108, 196, 23)
Theme: X-Files! :D

Thank you if you have time doing it! :D
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FFFFFF;
    background-color:rgba(247, 248, 255 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FFFFFF;
    background-color:rgba(110, 110, 110 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(113, 126, 156, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=12MVO5K5l5WQjEofNQRkyOlpennTjV9EG) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    background-color:rgba(0, 0, 0 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(86, 80, 81, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(https://cdn.shopify.com/s/files/1/0580/0965/products/72dpi-Jango_Snow-Believe.jpg?v=1507754735) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #6CC417 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FFFFFF;
}


body{
    background-image: url(http://johnjfalco.com/wp-content/uploads/2017/01/the-x-files-text-logo.jpeg);
    background-repeat:no-repeat, no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center, center;
   /* background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #FFFFFF !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #FFFFFF;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(247, 248, 255 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Alien01.svg/400px-Alien01.svg.png) no-repeat, url(https://image.flaticon.com/icons/png/128/821/821848.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #FFFFFF;
}

h3{
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/3/3c/Multiply_album_logo.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FFFFFF;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #FFFFFF;
    background-color:rgba(247, 248, 255 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FFFFFF !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FFFFFF;
}

.postlink:visited{
    border-bottom-color:#FFFFFF;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know how you like it!

Ktanaqui wrote:Hey Merk - I think it's time that I updated my profile a bit.

Username: Ktanaqui
Color/Theme Reference
Colors: Black/Dark Grey, Blue-Gray. Gold and/or Blue accents?
Theme: Umbreon / Shiny Umbreon

Mostly, I want a dark profile with an Pokemon-esque theme centered around Umbreon. The colors are very flexible if you can think of something that would look nicer :)

Thanks!
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #1589FF;
    background-color:rgba(40, 40, 40 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #1589FF;
    background-color:rgba(110, 110, 110 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(113, 126, 156, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1xVbtIIK050VhvSndY0sDUAA6_clucIBt) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    margin:auto !important;
    background-color:rgba(86, 80, 81, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    background-color:rgba(0, 0, 0 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(86, 80, 81, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(https://www.wikihow.com/images/b/b0/Get-Umbreon-on-Pok%C3%A9mon-Diamond,-Pearl,-and-Platinum-Step-3.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #FFD801 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 44, 53, 57 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #1589FF;
}


body{
    background-image: url(https://wallpapercave.com/wp/A9aMdY2.jpg);
    background-repeat:no-repeat, no-repeat;
    background-color:black;
    padding-top:15px !important;
    background-position: center, center;
   /* background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #1589FF !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 44, 53, 57 ,0.5);
    border:1px groove #1589FF;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(40, 40, 40 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://www.serebii.net/typingds/pokemon/197.png) no-repeat, url(https://cdn.bulbagarden.net/upload/e/e6/PCP197.png) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #1589FF;
}

h3{
    background-image:url(https://vignette.wikia.nocookie.net/pkmnshuffle/images/9/9f/Umbreon.png/revision/latest?cb=20170407222950);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #1589FF;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #1589FF;
    background-color:rgba(40, 40, 40 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(44, 53, 57, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #1589FF !important;
    background-color:rgba(44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#1589FF;
}

.postlink:visited{
    border-bottom-color:#1589FF;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Ktan I'm not 100% on these colors so let me know how you like them

Twisted, if you want me to modify your current CSS to include those new pictures you'll have to provide me with the code to make the changes to. If you want a completely new profile done in my style, let me know and I'll make you that instead
Tazzy wrote:Username: Tazzy
Colors: Light blue, light purple
Theme: Petals, flowery
Is it possible to have my name at the top? Maybe?
Please and thanks so much!
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #E3E4FA;
    background-color:rgba(198, 174, 199 ,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #E3E4FA;
    background-color:rgba(235, 244, 250 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(113, 126, 156, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1mlp_Ef8LcvQHq9_XDE_UeY1Uzk75vjgo) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    margin:auto !important;
    background-color:rgba(254, 252, 255, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    background-color:rgba(0, 0, 0 , 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(254, 252, 255, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    background-color:rgba(40, 0, 96,0.4);
    background-image:url(https://i.pinimg.com/originals/85/b4/d3/85b4d30a275e12373cbf3c5748779afe.jpg) !important;
}

*{
  /*  font-family:SinnerScript-Regular !important;*/
    color: #461B7E !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba( 198, 222, 255 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #E3E4FA;
}


body{
    background-image: url(https://img.etsystatic.com/il/b10ab6/1204119705/il_340x270.1204119705_i939.jpg?version=0);
  /*  background-repeat:no-repeat, no-repeat;*/
    background-color:black;
    padding-top:15px !important;
  /*  background-position: center, center;*/
   /* background-size: cover;*/
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 198, 222, 255 ,0.5);
    border:1px groove #E3E4FA !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba( 198, 222, 255 ,0.5);
    border:1px groove #E3E4FA;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(198, 174, 199 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://images.vexels.com/media/users/3/130436/isolated/lists/3128ddaa0d1270b092a91bf4a235a5ba-flower-bouquet-2.png) no-repeat, url(https://i.pinimg.com/originals/23/b5/4b/23b54b5d2cc0fe714359ffecd77c32f1.jpg) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #E3E4FA;
}

h3{
    background-image:url(https://78.media.tumblr.com/avatar_d8429955654c_128.pnj);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #E3E4FA;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #E3E4FA;
    background-color:rgba(198, 174, 199 ,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #7A7A7A;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(198, 222, 255, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E3E4FA !important;
    background-color:rgba(198, 222, 255,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#E3E4FA;
}

.postlink:visited{
    border-bottom-color:#E3E4FA;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
Post Reply

Return to “Seller's Gallery”