CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

User avatar
PeterCamenzind
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 1279
Joined: April 26th, 2016, 5:11:52 pm
Gender: Kraken
Location: Eastern Europe
Contact:

Re: CSS Shop (Open)

Post by PeterCamenzind »

Merkwerkee wrote:
Rinnyracecar wrote:Hello :wave:
Would you be able to do a (no really bright colors please, as I kinda want a realistic one) blue, purple, and pink space/galaxy themed ccs?

Thank you! I've seen people have custom profiles and was really exited :woo:
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 #151B54;
    background-color:rgba(70, 27, 126,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 #151B54;
    background-color:rgba(70, 27, 126,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=0B5tMBrlLUYhGWVVPTEY4bEVncTg) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #151B54;
    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 #151B54;
    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 #151B54;
    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 #151B54;
    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 #151B54;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://bandersnatchstudios.com/gallery/creatures/Creatures006.jpg) !important;
}

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

#wrap{
    background-image:none;
    background-color:rgba(75, 0, 130 , 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 #151B54;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://apod.nasa.gov/apod/image/1106/NGC3372_gendlerhannahoe.jpg);
    background-repeat:no-repeat;
    background-color:#151B54;
    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(75, 0, 130 ,0.5);
    border:1px groove #151B54 !important;
}

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

.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 #151B54;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(70, 27, 126,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/132965/isolated/lists/641e118398a268ee968ba8b40c872be3-candle-hand-drawn-icon-4.png) no-repeat, url(https://cdn3.iconfinder.com/data/icons/halloween-line-3/48/109-128.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 #151B54;
}

h3{
    background-image:url(http://flaticons.net/gd/makefg.php?i=icons/Miscellaneous/Candle.png&r=255&g=255&b=255);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #151B54;
}

.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 #151B54;
    background-color:rgba(70, 27, 126,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: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:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #151B54 !important;
    background-color:rgba(75, 0, 130,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#151B54;
}

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
There ya go, let me know if you'd like me to change anything
Spoiler

Code: Select all

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 #010740;
background-color: rgba(12, 9, 10,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 #010740;
background-color: rgba(12, 9, 10,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://drive.google.com/uc?export=view&id=0B5tMBrlLUYhGVkp6UFRlb29ndWs) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #010740;
border-radius: 9px;
background-color: rgba(0,0,0,0.3);
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(43, 27, 23, 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(43, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(43, 27, 23, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(227, 228, 250,0.4);
background-image: url(http://www.magichourtravelscapes.com/images/medium2/Gothic-Vaults.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: #ADD8E6 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(59, 49, 49 , 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
}
body{
background-image:url(http://boblucan.bloger.cz/obrazky/boblucan.bloger.cz/gothic-castle.jpg);
background-repeat: no-repeat;
background-size: 100%
background-color: black;
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(59, 49, 49 ,0.5);
border: 1px groove #010740 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(59, 49, 49 ,0.5);
border: 1px groove #010740;
}

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

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
background: url(http://www.i2clipart.com/cliparts/7/f/4/1/clipart-candle-7f41.png) no-repeat, url(http://cdn.mysitemyway.com/icons-watermarks/simple-black/classica/classica_skull/classica_skull_simple-black_128x128.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 #010740;
}


h3{
float: center;
background-image:url(http://66.media.tumblr.com/ac05553f9433c88b9d76efd82632aee4/tumblr_inline_neisfzHhYg1qk1or3.gif);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #010740;
}

.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 #010740; 
background-color: rgba(227, 228, 250,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: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
transition: font-size .7s;
}


blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove #010740 !important;
background-color: rgba(59, 49, 49  ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #010740;}.postlink:visited{border-bottom-color: #010740;}
Peter, this on'es yours.Let me know if it needs anything else! ^_^
Thanks! It's showing with purple planets instead of tombstones again, though. :D
Image
ImageImage
ImageImageImage
Image
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 »

Spoiler

Code: Select all

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 #010740;
background-color: rgba(12, 9, 10,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 #010740;
background-color: rgba(12, 9, 10,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://drive.google.com/uc?export=view&id=0B5tMBrlLUYhGVkp6UFRlb29ndWs) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #010740;
border-radius: 9px;
background-color: rgba(0,0,0,0.3);
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(43, 27, 23, 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(43, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(43, 27, 23, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(227, 228, 250,0.4);
background-image: url(http://www.magichourtravelscapes.com/images/medium2/Gothic-Vaults.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: #ADD8E6 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(59, 49, 49 , 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
}
body{
background-image:url(http://boblucan.bloger.cz/obrazky/boblucan.bloger.cz/gothic-castle.jpg);
background-repeat: no-repeat;
background-size: 100%
background-color: black;
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(59, 49, 49 ,0.5);
border: 1px groove #010740 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(59, 49, 49 ,0.5);
border: 1px groove #010740;
}

.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 #010740;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(227, 228, 250,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/132965/isolated/lists/641e118398a268ee968ba8b40c872be3-candle-hand-drawn-icon-4.png) no-repeat, url(https://cdn3.iconfinder.com/data/icons/halloween-line-3/48/109-128.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 #010740;
}


  h3{
    background-image:url(http://flaticons.net/gd/makefg.php?i=icons/Miscellaneous/Candle.png&r=255&g=255&b=255);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #F0FFFF;
  }

.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 #010740; 
background-color: rgba(227, 228, 250,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: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
transition: font-size .7s;
}


blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove #010740 !important;
background-color: rgba(59, 49, 49  ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #010740;}.postlink:visited{border-bottom-color: #010740;}
Okay, looks like the code in the thread was updated later over PMs, which accidentally got deleted. Try this code
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
PeterCamenzind
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 1279
Joined: April 26th, 2016, 5:11:52 pm
Gender: Kraken
Location: Eastern Europe
Contact:

Re: CSS Shop (Open)

Post by PeterCamenzind »

Merkwerkee wrote:
Spoiler

Code: Select all

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 #010740;
background-color: rgba(12, 9, 10,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 #010740;
background-color: rgba(12, 9, 10,0.3) !important;
float: right;
padding: 5px;
margin-right: -5px;
margin-left: 5px;
background-image: none;
} 

.headerbar.nonmobile{
background-image: url(http://drive.google.com/uc?export=view&id=0B5tMBrlLUYhGVkp6UFRlb29ndWs) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #010740;
border-radius: 9px;
background-color: rgba(0,0,0,0.3);
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(12, 9, 10,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(43, 27, 23, 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(43, 27, 23, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740; 
background-color: rgba(43, 27, 23, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
background-color: rgba(227, 228, 250,0.4);
background-image: url(http://www.magichourtravelscapes.com/images/medium2/Gothic-Vaults.jpg) !important;
} 

* {
font-family: Bookman Old Style !important;
color: #ADD8E6 !important;
text-align: center !important;
text-decoration: none !important;
}

#wrap{
background-image: none;
background-color: rgba(59, 49, 49 , 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #010740;
}
body{
background-image:url(http://boblucan.bloger.cz/obrazky/boblucan.bloger.cz/gothic-castle.jpg);
background-repeat: no-repeat;
background-size: 100%
background-color: black;
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(59, 49, 49 ,0.5);
border: 1px groove #010740 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(59, 49, 49 ,0.5);
border: 1px groove #010740;
}

.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 #010740;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(227, 228, 250,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/132965/isolated/lists/641e118398a268ee968ba8b40c872be3-candle-hand-drawn-icon-4.png) no-repeat, url(https://cdn3.iconfinder.com/data/icons/halloween-line-3/48/109-128.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 #010740;
}


  h3{
    background-image:url(http://flaticons.net/gd/makefg.php?i=icons/Miscellaneous/Candle.png&r=255&g=255&b=255);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #F0FFFF;
  }

.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 #010740; 
background-color: rgba(227, 228, 250,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: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
transition: font-size .7s;
}


blockquote{
-moz-border-radius: 2em 2em !important;
-webkit-border-radius: 2em 2em !important;
border-radius: 2em 2em !important;
border:1px groove #010740 !important;
background-color: rgba(59, 49, 49  ,0.6) !important;
}

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #010740;}.postlink:visited{border-bottom-color: #010740;}
Okay, looks like the code in the thread was updated later over PMs, which accidentally got deleted. Try this code
Everything works fine and dandy now, thanks a lot!
Image
ImageImage
ImageImageImage
Image
User avatar
crystalwings
MagiStream Donor
Member of Artificer's Association
CreaturesTrade
Posts: 2109
Joined: December 9th, 2012, 4:44:25 pm
Gender: Female
Location: Canada

Re: CSS Shop (Open)

Post by crystalwings »

Hi Merkwerkee :wave:

I still adore my profile.... I just have a problem now. Instead of the cave look the header says 'please update your account to enable 3rd party hosting' I don't know what that means but I assume it has something to do with the site that has the picture? Is it possible for you to fix it? Maybe take a look and see? I'll send you my layout codes again if you think you can fix it.

Thanks a bunch <3
Image
25/25 gifts, thank you a bunch everyone!

Crystal Café ~ Free Raffles

Image
User avatar
SynthDetective
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
CreaturesTrade
Posts: 3399
Joined: July 20th, 2010, 5:45:42 am
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: Hong Kong Shatterdome K-Science Lab

Re: CSS Shop (Open; Current backlog: 0)

Post by SynthDetective »

Merkwerkee wrote:
Spoiler

Code: Select all

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

.headerbar.nonmobile{
background-image: url(http://drive.google.com/uc?export=view&id=0B5tMBrlLUYhGNW1mRW5NNmd5Rms) !important;
background-repeat:no-repeat !important;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px groove #FFD801;
border-radius: 9px;
background-color: rgba(255,0,0,0.3);
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:4px
}

#page-footer .navbar{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(21, 27, 84,0.3) !important;
background-image: none;
} 
#page-header .navbar{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(21, 27, 84,0.3) !important;
background-image: none !important;
} 
#page-body{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(78, 137, 117, 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(78, 137, 117, 0.3);
width: 100% !important;
} 
#page-header{ 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801; 
background-color: rgba(78, 137, 117, 0.3);
width: 100% !important;
padding-bottom: 17px;
}

input.button2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
background-color: rgba(80, 69, 55,0.4);
background-image: url(http://www.animateit.net/data/media/august2009/rwcycle.gif) !important;
} 

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

#wrap{
background-image: none;
background-color: rgba(0, 0, 54, 0.4) !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px groove #FFD801;
}
body{
background-image:url(https://static.comicvine.com/uploads/original/13/133169/3205457-pacific-rim-jaegers-wallpaper%5B1%5D.jpg);
background-repeat: no-repeat;
background-color: #FFD801;
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(0, 0, 54,0.5);
border: 1px groove #FFD801 !important;
}
.codebox{
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
border-radius: 1em 1em;
background-color: rgba(0, 0, 54,0.5);
border: 1px groove #FFD801;
}

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

.icon-gold{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: transparent !important;
}

.icon-gold img{opacity:0.9 !important;
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 #FFD801;
}


h3{
float: center;
background-image:url(https://cdn3.iconfinder.com/data/icons/space-5/512/stars-128.png);
background-size: 15px 15px;
background-repeat: no-repeat;
border-bottom: 1px groove #FFD801;
}

.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 #FFD801; 
background-color: rgba(80, 69, 55,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;
}

a:visited, a.postlink:visited{
color: dark gray;
text-decoration: none !important;
}
a:hover, a.postlink:hover{
text-decoration: none !important;
font-size: 12px;
background-color: transparent;
}


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

.custom_css_rank{
    border-bottom: transparent;
    }
.postlink{border-bottom-color: #FFD801;}.postlink:visited{border-bottom-color: #FFD801;}
Edit: sorry, this is Synthdetective's reworked profile. Give that a try and let me know of any changes you want

I see your galaxy request and I'll work on it this evening (didn't have time yesterday)
It's working really well. Thank you~
Image
Hey, chin up. I know the night just got darker, but it won't last forever.
~Nick Valentine
ImageImage
Image
User avatar
levantou
MagiStream Donor
Member of Society of the Trident Member of Preservationists Association
CreaturesTrade
Posts: 343
Joined: May 29th, 2009, 6:58:23 pm

Re: CSS Shop (Open)

Post by levantou »

Hello! I'd be interested in getting something done.

Username: Jalakins
Theme: Space/galaxy theme. If look at my profile now, I had something like that, but the header disappeared! Feel free to do your own thing though~
Colors: Black, blue, purple. I love all shades of blue <3
Image


I'm on a bit of a hiatus right now, but I do stop by to pick up eggs every now and then. If you need something from me, please send me a PM! :3

5/25 Gifts! Thank you so much!



Siggy by HopingFaith.
Image
User avatar
Ryutana
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 809
Joined: July 16th, 2009, 1:56:41 pm
Gender: Female
Location: Trying not to scream at idiot customers

Re: CSS Shop (Open)

Post by Ryutana »

Thank you so much for doing this, by the way!!

User: Tana
Theme: Black panthers (the animal, specifically)
Colors: Dark grey, light grey, yellow? Truthfully, you're more than welcome to change the colors to suit whatever image you end up finding.
My Creatures
(Hatchling | Adult)
ImageImageImage | Image
More hatchlings are in my Grow Up tab
Shop Access: Image/Image: Shop Price + 200 gold | Image: Shop Price + 1k goldMy LTB Thread | Image | Link to my wishlist in profile
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 »

levantou wrote:Hello! I'd be interested in getting something done.

Username: Jalakins
Theme: Space/galaxy theme. If look at my profile now, I had something like that, but the header disappeared! Feel free to do your own thing though~
Colors: Black, blue, purple. I love all shades of blue <3
Spoiler

Code: Select all

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 #F4FFFF;
    background-color:rgba(21, 27, 84,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 #F4FFFF;
    background-color:rgba(21, 27, 84,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=0B5tMBrlLUYhGVHVLQ0wxdGs3MDA) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F4FFFF;
    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 #F4FFFF;
    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 #F4FFFF;
    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 #F4FFFF;
    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 #F4FFFF;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(http://i.dailymail.co.uk/i/pix/2010/11/10/article-0-0BFF0E8F000005DC-684_964x501.jpg) !important;
}

*{
    font-family:Garamond !important;
    color: #C2DFFF !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 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #F4FFFF;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA09959_hires.jpg);
    background-repeat:no-repeat;
    background-color:#F4FFFF;
    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(21, 27, 84 ,0.5);
    border:1px groove #F4FFFF !important;
}

.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(21, 27, 84 ,0.5);
    border:1px groove #F4FFFF;
}

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

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(http://images.clipartpanda.com/christmas-stars-background-Star.png) no-repeat, url(http://pngimg.com/uploads/star/star_PNG1593.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 #F4FFFF;
}

h3{
    background-image:url(http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-natural-wonders/049046-3d-transparent-glass-icon-natural-wonders-moon.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #F4FFFF;
}

.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 #F4FFFF;
    background-color:rgba(21, 27, 84,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:darkred;
    text-decoration:none !important;
}

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

.custom_css_rank{
    border-bottom:transparent;
}

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

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

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

@Ryu:
Spoiler

Code: Select all

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 #E5E4E2;
    background-color:rgba(65, 56, 57,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 #E5E4E2;
    background-color:rgba(65, 56, 57,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=0B5tMBrlLUYhGVzVybXRkdjRwSnc) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://www.cgstudio.com/imgd/l/31/55db4edaccff751b698b4567/3203.jpg) !important;
}

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

#wrap{
    background-image:none;
    background-color:rgba(65, 56, 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 #E5E4E2;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(http://tvblogs.nationalgeographic.com/files/2015/11/shutterstock_268446932.jpg);
    background-repeat:no-repeat;
    background-color:#E5E4E2;
    padding-top:15px !important;
    background-position: left;
    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(65, 56, 57 ,0.5);
    border:1px groove #E5E4E2 !important;
}

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

.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 #E5E4E2;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(65, 56, 57,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/98/98479.png) no-repeat, url(https://image.flaticon.com/icons/png/128/98/98479.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 #E5E4E2;
}

h3{
    background-image:url(https://image.flaticon.com/icons/png/128/98/98479.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #E5E4E2;
}

.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 #E5E4E2;
    background-color:rgba(65, 56, 57,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: #AF982C;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(12, 9, 10, 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 #E5E4E2 !important;
    background-color:rgba(65, 56, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

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

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
User avatar
Ryutana
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association
CreaturesTrade
Posts: 809
Joined: July 16th, 2009, 1:56:41 pm
Gender: Female
Location: Trying not to scream at idiot customers

Re: CSS Shop (Open)

Post by Ryutana »

Merkwerkee wrote:@Ryu:
Spoiler

Code: Select all

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 #E5E4E2;
    background-color:rgba(65, 56, 57,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 #E5E4E2;
    background-color:rgba(65, 56, 57,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=0B5tMBrlLUYhGVzVybXRkdjRwSnc) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    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 #E5E4E2;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://www.cgstudio.com/imgd/l/31/55db4edaccff751b698b4567/3203.jpg) !important;
}

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

#wrap{
    background-image:none;
    background-color:rgba(65, 56, 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 #E5E4E2;
    animation: mymove 30s ease infinite;
    -webkit-animation: mymove 30s ease infinite;
}


body{
    background-image:url(http://tvblogs.nationalgeographic.com/files/2015/11/shutterstock_268446932.jpg);
    background-repeat:no-repeat;
    background-color:#E5E4E2;
    padding-top:15px !important;
    background-position: left;
    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(65, 56, 57 ,0.5);
    border:1px groove #E5E4E2 !important;
}

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

.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 #E5E4E2;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(65, 56, 57,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/98/98479.png) no-repeat, url(https://image.flaticon.com/icons/png/128/98/98479.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 #E5E4E2;
}

h3{
    background-image:url(https://image.flaticon.com/icons/png/128/98/98479.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #E5E4E2;
}

.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 #E5E4E2;
    background-color:rgba(65, 56, 57,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: #AF982C;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(12, 9, 10, 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 #E5E4E2 !important;
    background-color:rgba(65, 56, 57,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

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

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

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
I love it and its perfect and exactly what I'd wanted but couldn't articulate Thank You So Much. The Screeching noise I made when I saw how it turned out was inhumane. And completely inappropriate for a library but thankfully I'm in a study room.
My Creatures
(Hatchling | Adult)
ImageImageImage | Image
More hatchlings are in my Grow Up tab
Shop Access: Image/Image: Shop Price + 200 gold | Image: Shop Price + 1k goldMy LTB Thread | Image | Link to my wishlist in profile
User avatar
levantou
MagiStream Donor
Member of Society of the Trident Member of Preservationists Association
CreaturesTrade
Posts: 343
Joined: May 29th, 2009, 6:58:23 pm

Re: CSS Shop (Open)

Post by levantou »

Thank you for the great profile! I love it. ^^
Image


I'm on a bit of a hiatus right now, but I do stop by to pick up eggs every now and then. If you need something from me, please send me a PM! :3

5/25 Gifts! Thank you so much!



Siggy by HopingFaith.
Image
Post Reply

Return to “Seller's Gallery”