Merkwerkee wrote:LaughingIdiot wrote:Username: LaughingIdiot
Colours: Black, red and gold
Theme: Something that looks like it came out of bestiary book? WAIT!! Could you make it like a comic book if possible? That'd be sick!
Thanks so much for doing this! I am really excited about it, as the other custom CSS you have done looks fantastic!There ya go! Let me know if you want anything changed or if I forgot anythingSpoiler
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(43, 27, 23,0.3) !important; float: left; text-decoration: none !important; padding: 3px; margin: 3px; background-image: none; } .bg1{ text-align: center !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none !important; border: 1px groove #FFD801; background-color: rgba(43, 27, 23,0.3) !important; float: right; padding: 5px; margin-right: -5px; margin-left: 5px; background-image: none; } .bg1:hover, .bg2:hover{ background-color: rgba (70, 62, 63, 0.6) !important; transition: background-color .7s !important; } .headerbar.nonmobile{ background-image: url(http://i779.photobucket.com/albums/yy76/Merkwerkee/lghngidhdr.png) !important; background-repeat:no-repeat !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px groove #FFD801; 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: 2px; } #page-footer .navbar{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px groove #FFD801; background-color: transparent !important; background-image: none; } #page-header .navbar{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px groove #FFD801; margin: auto !important; background-color: rgba(78, 0, 0, 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, 0, 0, 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, 0, 0, 0.3); width: 100% !important; } #page-header{ -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100% !important; padding-bottom: 5px; } input.button2{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px groove #FFD801; background-color: rgba(80, 69, 55,0.4); background-image: url(https://img1.etsystatic.com/000/0/5334565/il_fullxfull.333428215.jpg) !important; } * { font-family: Federo !important; color: #E41B17 !important; text-align: center !important; text-decoration: none !important; } #wrap{ background-image: none; background-color: rgba(0, 0, 0, 0.4) !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 20px !important; border-radius: 5px; margin: auto; border: 1px groove #FFD801; } body{ background-image:url(http://orig10.deviantart.net/f990/f/2007/132/6/2/marvel_civil_war_vol_6_p_23_24_by_me2fly4u2c4life.jpg); background-size: cover; background-repeat: no-repeat; background-color: #FFD801; padding-top: 15px !important; background-position: center; background-attachment: fixed !important; } span{ background-image: none !important; } .spoiler .inner{ -moz-border-radius: 1em 1em; -webkit-border-radius: 1em 1em; border-radius: 1em 1em; background-color: rgba(0, 0, 0,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, 0,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(43, 27, 23,0.3); } .icon-gold{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: transparent !important; background: url(http://orig12.deviantart.net/c8a7/f/2012/228/a/0/pixel_arc_reactor_by_rad_glados-d5bakju.gif) no-repeat, url(https://www.popcultcha.com.au/media/catalog/product/cache/1/thumbnail/44x42/0f396e8a55728e79b48334e699243c07/c/a/captain-america-shield-beast-kingdom-01.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 #FFD801; } h3{ float: center; background-image:url(http://img.photobucket.com/albums/v294/swg-novy/hourglass.jpg); 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(43, 27, 23,0.3); background-image: none; margin-top: 3px; margin-bottom: 3px; width: 100%; } dl.left-box{ -moz-border-radius: 1em 1em; -webkit-border-radius: 1em 1em; border-radius: 1em 1em; float: right; } h2{ display: none; } a:link, a.postlink:link{ text-decoration: none !important; transition: font-size .7s; } a:visited, a.postlink:visited{ color: dark gray; text-decoration: none !important; } a:hover, a.postlink:hover{ text-decoration: none !important; background-color: rgba(27, 27, 27, 0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; transition: background-color .7s; } blockquote{ -moz-border-radius: 2em 2em !important; -webkit-border-radius: 2em 2em !important; border-radius: 2em 2em !important; border:1px groove #FFD801 !important; background-color: rgba(0, 0, 0 ,0.6) !important; } .custom_css_rank{ border-bottom: transparent; } .postlink{border-bottom-color: #FFD801;}.postlink:visited{border-bottom-color: #FFD801;} .inner{ padding: -3px !important; margin: -3px !important;} @media screen and (max-width: 960px) { body{ background-image:url(http://orig10.deviantart.net/f990/f/2007/132/6/2/marvel_civil_war_vol_6_p_23_24_by_me2fly4u2c4life.jpg); background-repeat: no-repeat; background-size: 960x 600x; background-position: center; background-attachment: fixed !important;} #page-footer, #page-header, #page-body{ float: none; width: auto; margin: auto; padding: auto;} #wrap{ border:1px groove #EAC117 !important; background-color: rgba(88, 0, 0 ,0.6) !important; width: auto; margin: auto;} .headerbar.nonmobile{ background-image: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px groove #EAC117; background-color: rgba(88, 0, 0,0.3); height: 250px; } .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; } } @media screen and (max-width: 480px) { body{ background-image: none; background-color: rgba(128, 5, 23, 0.3); background-repeat: no-repeat; background-size: 960x 600x; background-position: center; background-attachment: fixed !important;} #page-footer, #page-header, #page-body{ float: none; width: auto; margin: auto; padding: auto;} #wrap{ border:1px groove #EAC117 !important; background-color: rgba(88, 0, 0 ,0.6) !important; width: auto; margin: auto;} h3{background-image: none;} .headerbar.nonmobile{ background-image: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px groove #EAC117; background-color: rgba(88, 0, 0,0.3); height: 250px; } .headerbar.nonmobile img{ opacity:0.0; height:250px; width: auto; } .header_nav.nonmobile{ margin-top:-51px; margin-left:2px } .header_nav.nonmobile img{ opacity:0.0; margin-top:-4px; margin-bottom: 2px; } }
It looks awesome! Thanks so much!!!