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;}
![Big Grin :D](./images/smilies/biggrin.png)