CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
Real
Member of Society of the Trident Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 10295
Joined: August 26th, 2010, 1:13:35 pm
Gender: Female
Location: Transylvania (România)
Contact:

Re: CSS Shop (Open)

Post by Real »

Hello :wave:
If the thread is still open, may I ask for a css? My old one got unavailable because of photobucket.
For colors... black, green and gold, if possible. You know, Loki colors.
Um... I'm not sure how they're called, but can you make it so the picture with the magi castle and stream remains? Header? That's the header? As well as the thing that has the gold/shards, forum, shops, etc.

Please and thank you in advance.

If there's more info I need to give, please let me know. This whole css business gets me really confused...
Image
by Saebra
User avatar
LokiWolfbane
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 3795
Joined: July 13th, 2009, 6:07:00 pm
Gender: Male
Location: USA

Re: CSS Shop (Open)

Post by LokiWolfbane »

I need an update for my CSS. Isn't working now.
Image

*
LTB Huge List
LTS Thread
*
Gold Mining Welcome
*
--/25 presents
Image
User avatar
Bananaz10
CreaturesTrade
Posts: 813
Joined: October 2nd, 2015, 6:28:27 pm
Gender: Male
Location: Land of Clouds and Contemplation

Re: CSS Shop (Open)

Post by Bananaz10 »

Hi, I'd like a CSS too, If you still are making them. ^.^

Username: bananaz10
Colors: Black, grey, and white (And a dash of green if you can :3)
Theme: Homestuck
ImageImageImageImageImageImage
User avatar
Vampyredragon
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 720
Joined: June 21st, 2009, 9:50:14 am
Gender: Female
Location: Nowhere and Everywhere

Re: CSS Shop (Open)

Post by Vampyredragon »

If this is still open may I request one? :3

Username: Vampyredragon
Colors: Black, Whitish grey, and a crimson/sanguine red :3 (Use your artistic license for the exact whitish and crimsonish colors <3)
Theme: Gothic/vampire ...If you can use a gothic font (whether everyone can see it or not) would be amazing <3
Image Wishlist in Profile Presents: 25/25 Thank You!!!!
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19575
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

Requested will be fulfilled after I stop getting hit in the face by pumpkins on every page refresh.


@Loki & Crystal: I lost a lot of data when I had my two external hard drives fail in quick succession; I need to get another one and try data retrieval before i try and fix your profiles. If I can't retrieve your old headers, would new ones be acceptable?
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
LokiWolfbane
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 3795
Joined: July 13th, 2009, 6:07:00 pm
Gender: Male
Location: USA

Re: CSS Shop (Open)

Post by LokiWolfbane »

If it doesn't work a new one would be OK. Thank you
Image

*
LTB Huge List
LTS Thread
*
Gold Mining Welcome
*
--/25 presents
Image
User avatar
sunsprite
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 1076
Joined: October 22nd, 2016, 9:07:24 pm
Location: snoozing somewhere

Re: CSS Shop (Open)

Post by sunsprite »

Hi!
Are you able to remake my header (A picture with links to forum/shops/etc) for my CSS? It appears to be broken because of the updated Photobucket policy. If you're not able to, that's fine! But thanks in advance! :wave:
xxxxxxpreviously delspresso
[supply my orange rabbitsune addiction]
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19575
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

Real wrote:Hello :wave:
If the thread is still open, may I ask for a css? My old one got unavailable because of photobucket.
For colors... black, green and gold, if possible. You know, Loki colors.
Um... I'm not sure how they're called, but can you make it so the picture with the magi castle and stream remains? Header? That's the header? As well as the thing that has the gold/shards, forum, shops, etc.

Please and thank you in advance.

If there's more info I need to give, please let me know. This whole css business gets me really confused...
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 #D5A800;
    background-color:rgba(37, 65, 23,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

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

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

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #D5A800;
    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 #D5A800;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 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 #D5A800;
    background-color:rgba(0, 6, 36, 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(0, 6, 36, 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 #D5A800;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://i.pinimg.com/736x/26/6a/8a/266a8a8f4a6c932c2c048de226e6a8ce--loki-wallpaper-avengers-wallpaper.jpg) !important;
}

*{
    font-family:Garamond !important;
    color: #FDD017 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(0, 25, 0 , 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 #D5A800;
}


body{
    background-image:url(http://thesmashable.com/wp-content/uploads/2012/06/The-Avengers-Loki_1152x864_8616.jpg);
    background-repeat:no-repeat;
    background-color:#D5A800;
    padding-top:15px !important;
    background-position: left;
    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(0, 25, 0 ,0.5);
    border:1px groove #D5A800 !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(0, 25, 0 ,0.5);
    border:1px groove #D5A800;
}

.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;
}

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

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

h3{
    border-bottom:1px groove #D5A800;
}

.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 #D5A800;
    background-color:rgba(37, 65, 23,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: #008000;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(27, 27, 27, 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 #D5A800 !important;
    background-color:rgba(0, 25, 0,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Let me know if you want any changes!


Crystalwings: I'm sorry this took so long! Here's your updated CSS
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{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #7D1B7E;
    background-color: rgba(128, 5, 23,0.3) !important;
    float: left;
    text-decoration: none !important;
    padding: 3px;
    margin: 3px;
    background-image: none;
}
.bg1{
    text-align: center !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #7D1B7E;
    background-color: rgba(128, 5, 23,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(45, 0, 46, 0.6) !important;
    transition: background-color .7s !important;
}

.headerbar.nonmobile{
    background-image: url(http://drive.google.com/uc?export=view&id=1QQMn3ZvzSpL05AphsKBjOGWXVxfa4Lz4) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px groove #7D1B7E;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #7D1B7E;
    background-color: transparent !important;
    background-image: none;
}
#page-header .navbar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #7D1B7E;
    margin: auto !important;
    background-color: rgba(40, 47, 76, 0.3) !important;
    background-image: none !important;
}
#page-body{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #7D1B7E;
    background-color: rgba(40, 47, 76, 0.3);
    width: 100% !important;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none !important;
}
#page-footer{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(40, 47, 76, 0.3);
    width: 100% !important;
}
#page-header{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100% !important;
    padding-bottom: 5px;
}


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #7D1B7E;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(http://www.treasuremountainmining.com/catalog/images/EB0112QAU1E.jpg) !important;
}

* {
    font-family: Garamond !important;
    color: #BB5EDB !important;
    text-align: center !important;
    text-decoration: none !important;
}

#wrap{
    background-image: none;
    background-color: rgba(75, 0, 130, 0.4) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #7D1B7E;
}
body{
    background-image:url(http://static.tumblr.com/f6376e76f4127a30dc9ae9642a4b0d85/k6daz6k/Hrgne4mcc/tumblr_static_4a7ketwvmz40w4k0okgkgk4sc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #7D1B7E;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(75, 0, 130,0.5);
    border: 1px groove #7D1B7E !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(75, 0, 130,0.5);
    border: 1px groove #7D1B7E;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #7D1B7E;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(128, 5, 23,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://ae01.alicdn.com/kf/HTB1Lf7uLpXXXXcnXpXXq6xXFXXXx/Natural-Brazilian-Amethyst-Crystal-Stone-Bead-Square-Shape-polished-crystal-beads-4mm-Full-Hole-DIY-Jewelry.jpg_50x50.jpg) no-repeat, url(http://thumbnail.image.rakuten.co.jp/@0_mall/masuki/cabinet/ikou_20090729_002/img10614544125.jpg?_ex=50x50) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 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 #7D1B7E;
}


h3{
    background-image:url(https://cdn0.iconfinder.com/data/icons/weather-meteorology-4/64/weather-rain-storm-48.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #7D1B7E;
}

.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 #7D1B7E;
    background-color: rgba(128, 5, 23,0.3);
    background-image: none;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 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: darkred;
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #7D1B7E !important;
    background-color: rgba(75, 0, 130 ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
}
.postlink{border-bottom-color: #7D1B7E;}.postlink:visited{border-bottom-color: #7D1B7E;}

.inner{
    padding: -3px !important;
    margin: -3px !important;}
Bananaz10 wrote:Hi, I'd like a CSS too, If you still are making them. ^.^

Username: bananaz10
Colors: Black, grey, and white (And a dash of green if you can :3)
Theme: Homestuck
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 #BDBCBA;
    background-color:rgba( 0, 0, 0 ,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 #BDBCBA;
    background-color:rgba( 0, 0, 0 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

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

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1B9XA3VNrErbes5PObwZNVyAi8j4c2wvR) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #BDBCBA;
    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 #BDBCBA;
    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 #BDBCBA;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 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 #BDBCBA;
    background-color:rgba(0, 6, 36, 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(0, 6, 36, 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 #BDBCBA;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://i.pinimg.com/736x/12/1a/b7/121ab7dcaf9e4bfe4ae6935f30470dcf--homestuck-comic-homestuck-grubs.jpg) !important;
}

*{
    font-family:Garamond !important;
    color: #E5E4E2 !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 #BDBCBA;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://cdn.allwallpaper.in/wallpapers/2400x1350/7096/homestuck-andew-hussie-2400x1350-wallpaper.jpg);
    background-repeat:no-repeat;
    background-color:#BDBCBA;
    padding-top:15px !important;
    background-position: left;
  /*  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 #BDBCBA !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 #BDBCBA;
}

.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 #BDBCBA;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba( 0, 0, 0 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://www.shareicon.net/data/128x128/2015/11/25/677618_sign_512x512.png) no-repeat, url(https://www.shareicon.net/data/128x128/2016/07/15/796675_zodiac_512x512.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 #BDBCBA;
}

h3{
    background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677403_sign_512x512.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #BDBCBA;
}

.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 #BDBCBA;
    background-color:rgba( 0, 0, 0 ,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: #008000;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(27, 27, 27, 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 #BDBCBA !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Vampyredragon wrote:If this is still open may I request one? :3

Username: Vampyredragon
Colors: Black, Whitish grey, and a crimson/sanguine red :3 (Use your artistic license for the exact whitish and crimsonish colors <3)
Theme: Gothic/vampire ...If you can use a gothic font (whether everyone can see it or not) would be amazing <3
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 #3F0000;
    background-color:rgba( 0, 0, 0 ,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 #3F0000;
    background-color:rgba( 0, 0, 0 ,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

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

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=14LL839UQHQQ-uqqebJ16Gs-uvAzIoevC) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #3F0000;
    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 #3F0000;
    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 #3F0000;
    margin:auto !important;
    background-color:rgba(0, 6, 36, 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 #3F0000;
    background-color:rgba(0, 6, 36, 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(0, 6, 36, 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 #3F0000;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://magic.wizards.com/sites/mtg/files/images/featured/EN_Sorin_4_Gallery.jpg) !important;
}

*{
    font-family:SinnerScript-Regular !important;
    color: #E5E4E2 !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 #3F0000;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(http://1.bp.blogspot.com/-llN2O_k29J4/T6uBQlnwrkI/AAAAAAAAADA/slbnnb_jNcA/s1600/mtg_lordoflineage.jpg);
    background-repeat:no-repeat;
    background-color:#3F0000;
    padding-top:15px !important;
    background-position: left;
  /*  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 #3F0000 !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 #3F0000;
}

.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 #3F0000;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba( 0, 0, 0 ,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://vignette.wikia.nocookie.net/camphalfbloodroleplay/images/4/4d/Blood-Splatter-psd47945.png/revision/latest?cb=20121030194144) no-repeat, url(http://imagespng.com/Data/DownloadLogo/blood_PNG6112%20\(1\).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 #3F0000;
}

h3{
    background-image:url(http://pngimg.com/uploads/blood/blood_PNG6104.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #3F0000;
}

.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 #3F0000;
    background-color:rgba( 0, 0, 0 ,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: #710000;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(27, 27, 27, 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 #3F0000 !important;
    background-color:rgba( 44, 53, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#3F0000;
}

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Here's the font I used for your profile:
https://www.dafont.com/sinner-script.font
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
KARMA
MagiStream Donor
Member of Society of the Trident Member of Artificer's Association Member of Preservationists Association
CreaturesTrade
Posts: 587
Joined: August 26th, 2017, 10:52:38 pm
Gender: Female
Location: is in a cardboard box
Contact:

Re: CSS Shop (Open)

Post by KARMA »

Username: KARMA
Theme: Loki kind of theme? (From marvel)
Colors: maybe like a blackish grey looking color kind of base with gold looking color linings all along like the lines of the contacts, badges, metals, etc, and the text colors to be more of a green color. For the banner under the header (the magistream world) be black with gold looking color lining? The header can stay the same ^w^ Any other details is fine and take your time! No rush :D

For any questions feel free to pm me uwu

Edit: if would like to know, the text green color I use is 00BF00 ^_^
Last edited by KARMA on December 13th, 2017, 11:30:47 pm, edited 1 time in total.


0/25 Gifts, thank you so much!
Please click and help them grow <3
My LTB Shop <3
●▬▬▬▬▬▬▬▬▬๑۩۩۩๑▬▬▬▬▬▬▬▬▬●
~Wishlist is on my profile~
I try my best to do clickbacks ^u^
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
CreaturesTrade
Posts: 19575
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

Lokiwolfbane:
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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double black;
    background-color: rgba(44, 53, 57,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove black;
    background-color: rgba(44, 53, 57,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(0, 0, 0, 0.6) !important;
    transition: background-color .7s !important;
}

.headerbar.nonmobile{
    background-image: url(http://drive.google.com/uc?export=view&id=1gZDr0dZps7iStMchMFuInAE0vQtK1oMH) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px groove black;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #BDEDFF;
    background-color: transparent !important;
    background-image: none;
}
#page-header .navbar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #BDEDFF;
    margin: auto !important;
    background-color: rgba(0, 6, 36, 0.1) !important;
    background-image: none !important;
}
#page-body{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #BDEDFF;
    background-color: rgba(0, 6, 36, 0.1);
    width: 100% !important;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none !important;
}
#page-footer{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 6, 36, 0.1);
    width: 100% !important;
}
#page-header{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100% !important;
    padding-bottom: 5px;
}


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(http://i5.photobucket.com/albums/y184/Angel_Kerrigan/Pokemon/FloatingSpinningUnknown.gif) !important;
}

* {
    font-family: Garamond !important;
    color: darkred !important;
    text-align: center !important;
    text-decoration: none !important;
}

#wrap{
    background-image: none;
    background-color: rgba(4, 13, 17 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 1px groove #BDEDFF;
}
body{
    background-image:url(http://orig00.deviantart.net/15b3/f/2010/041/7/2/runes_of_arcane_by_melbuframa.jpg);
    background-repeat: no-repeat;
    background-color: black;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove black !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(4, 13, 17 ,0.5);
    border: 1px groove black;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove black;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(44, 53, 57,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://68.media.tumblr.com/avatar_22aba574275d_128.png) no-repeat, url(https://redice.tv/a/i/n/14/31629RunicH.jpg) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 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 black;
}


h3{
    background-image:url(http://68.media.tumblr.com/avatar_b7e46d992595_128.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove black;
}

.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 black;
    background-color: rgba(44, 53, 57,0.3);
    background-image: none;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    float: right;
}
h2{
    display: none;
}
a:link, a.postlink:link{
    text-decoration: none !important;
    transition: font-size .7s;
}

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


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove black !important;
    background-color: rgba(4, 13, 17  ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
}
.postlink{border-bottom-color: black;}.postlink:visited{border-bottom-color: black;}

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

Code: Select all

/*dl.left-box.details{border-right: 1px groove #C12267;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 5px;}
dl.left-box.details dt{border-bottom: 1px dotted #C12267;} */
ul.navlinks{padding-bottom:1px;margin-bottom:1px; border-bottom: transparent !important;}


.bg2{
    transition: background-color .7s !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px double #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    border: 1px groove #C12267;
    background-color: rgba(87, 27, 126 ,0.3) !important;
    float: right;
    padding: 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: none;
}
.bg1:hover, .bg2:hover{
    background-color: rgba(21, 27, 84, 0.6) !important;
    transition: background-color .7s !important;
}

.headerbar.nonmobile{
    background-image: url(http://drive.google.com/uc?export=view&id=1aF2MJ0D4uctuJb6OzGS17mO_u6ReWOpw) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px groove #C12267;
    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;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    background-color: transparent !important;
    background-image: none;
}
#page-header .navbar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    margin: auto !important;
    background-color: rgba(153, 0, 18, 0.1) !important;
    background-image: none !important;
}
#page-body{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    background-color: rgba(153, 0, 18, 0.1);
    width: 100% !important;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none !important;
}
#page-footer{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(153, 0, 18, 0.1);
    width: 100% !important;
}
#page-header{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100% !important;
    padding-bottom: 5px;
}


input.button2{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    background-color: rgba(80, 69, 55,0.4);
    background-image: url(https://heavenhappens.files.wordpress.com/2012/12/sunset-in-chile.jpg) !important;
}

* {
    font-family: Garamond !important;
    color: #F87217 !important;
    text-align: center !important;
    text-decoration: none !important;
}

#wrap{
    background-image: none;
    background-color: rgba(21, 27, 84 , 0.2) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 20px !important;
    border-radius: 5px;
    margin: auto;
    border: 5px groove #C12267;
}
body{
    background-image:url(https://s-media-cache-ak0.pinimg.com/originals/3e/c9/a2/3ec9a240bcd80a095d6102bb735c31a2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #C12267;
    padding-top: 15px !important;
    background-position: center;
    background-attachment: fixed !important;
}
span{
    background-image: none !important;
}
.spoiler .inner{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267 !important;
}
.codebox{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    background-color: rgba(21, 27, 84 ,0.5);
    border: 1px groove #C12267;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background: none;
}
dl.left-box.details{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 1em;
    text-align: center !important;
}
.jumpbox{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px groove #C12267;
    margin-left: 3px;
    margin-right: 3px;
    background-color: rgba(87, 27, 126 ,0.3);
}

.icon-gold{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: transparent !important;
    background:url(https://image.flaticon.com/icons/png/128/124/124563.png) no-repeat, url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/orange-fiesta-icons-natural-wonders/052944-orange-fiesta-icon-natural-wonders-sun9-sc37.png) no-repeat;
    background-position: 2px 2px, 57px 2px;
    background-size: 13px 13px, 12px 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 #C12267;
}


h3{
    background-image:url(http://www.iconsdb.com/icons/preview/black/snowflake-52-xxl.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    border-bottom: 1px groove #C12267;
}

.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 #C12267;
    background-color: rgba(87, 27, 126 ,0.3);
    background-image: none;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}

dl.left-box{
    -moz-border-radius: 1em 1em;
    -webkit-border-radius: 1em 1em;
    border-radius: 1em 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: #E4287C;
    text-decoration: none !important;
}
a:hover, a.postlink:hover{
    text-decoration: none !important;
    background-color: rgba(27, 27, 27, 0.3);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background-color .7s;
}


blockquote{
    -moz-border-radius: 2em 2em !important;
    -webkit-border-radius: 2em 2em !important;
    border-radius: 2em 2em !important;
    border:1px groove #C12267 !important;
    background-color: rgba(21, 27, 84  ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
}
.postlink{border-bottom-color: #C12267;}.postlink:visited{border-bottom-color: #C12267;}

.inner{
    padding: -3px !important;
    margin: -3px !important;}
Sorry I didn't get these done last night, my computer was being weird
Image

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

Return to “Seller's Gallery”