Thanks! It's showing with purple planets instead of tombstones again, though.Merkwerkee wrote:Rinnyracecar wrote:Hello
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 exitedThere ya go, let me know if you'd like me to change anythingSpoiler
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; }
Peter, this on'es yours.Let me know if it needs anything else!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;}
CSS Shop (Open)
Moderator: Hall of the Arts Moderators
Forum rules
Hall of the Arts rules
Hall of the Arts rules
- PeterCamenzind
- MagiStream Donor
- Creatures • Trade
- Posts: 1279
- Joined: April 26th, 2016, 5:11:52 pm
- Gender: Kraken
- Location: Eastern Europe
- Contact:
Re: CSS Shop (Open)
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19573
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
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;}
The Shattered Compass
I do free CSS
Sig Set By Incandescence
- PeterCamenzind
- MagiStream Donor
- Creatures • Trade
- Posts: 1279
- Joined: April 26th, 2016, 5:11:52 pm
- Gender: Kraken
- Location: Eastern Europe
- Contact:
Re: CSS Shop (Open)
Everything works fine and dandy now, thanks a lot!Merkwerkee wrote:Okay, looks like the code in the thread was updated later over PMs, which accidentally got deleted. Try this codeSpoiler
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;}
- crystalwings
- MagiStream Donor
- Creatures • Trade
- Posts: 2109
- Joined: December 9th, 2012, 4:44:25 pm
- Gender: Female
- Location: Canada
Re: CSS Shop (Open)
Hi Merkwerkee
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
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
25/25 gifts, thank you a bunch everyone!
Crystal Café ~ Free Raffles
- SynthDetective
- MagiStream Donor
- Creatures • Trade
- 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)
It's working really well. Thank you~Merkwerkee wrote:Edit: sorry, this is Synthdetective's reworked profile. Give that a try and let me know of any changes you wantSpoiler
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;}
I see your galaxy request and I'll work on it this evening (didn't have time yesterday)
Re: CSS Shop (Open)
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
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
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.
- Ryutana
- MagiStream Donor
- Creatures • Trade
- Posts: 809
- Joined: July 16th, 2009, 1:56:41 pm
- Gender: Female
- Location: Trying not to scream at idiot customers
Re: CSS Shop (Open)
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.
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)
|
More hatchlings are in my Grow Up tabShop Access: /: Shop Price + 200 gold | : Shop Price + 1k goldMy LTB Thread | | Link to my wishlist in profile
(Hatchling | Adult)
|
More hatchlings are in my Grow Up tabShop Access: /: Shop Price + 200 gold | : Shop Price + 1k goldMy LTB Thread | | Link to my wishlist in profile
- Merkwerkee
- MagiStream Donor
- Creatures • Trade
- Posts: 19573
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
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
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;
}
@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;
}
The Shattered Compass
I do free CSS
Sig Set By Incandescence
- Ryutana
- MagiStream Donor
- Creatures • Trade
- Posts: 809
- Joined: July 16th, 2009, 1:56:41 pm
- Gender: Female
- Location: Trying not to scream at idiot customers
Re: CSS Shop (Open)
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.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; }
My Creatures
(Hatchling | Adult)
|
More hatchlings are in my Grow Up tabShop Access: /: Shop Price + 200 gold | : Shop Price + 1k goldMy LTB Thread | | Link to my wishlist in profile
(Hatchling | Adult)
|
More hatchlings are in my Grow Up tabShop Access: /: Shop Price + 200 gold | : Shop Price + 1k goldMy LTB Thread | | Link to my wishlist in profile
Re: CSS Shop (Open)
Thank you for the great profile! I love it. ^^
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.