Re: CSS Shop (Open)
Posted: February 1st, 2018, 9:01:08 pm
It looks great, thanks again Merkwerkee! It looks really nice and it's nice to have a custom one.
Moonheart wrote:Username: Moonheart
Colors: Black/purple/ Silver? (Whatever looks good with the theme, honestly.)
Theme: Coria Alagos
Thank you!
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 #6C2DC7;
background-color:rgba(12, 9, 10 ,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 #6C2DC7;
background-color:rgba(12, 9, 10 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(81, 87, 86, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1X5ezbbltnTbRylJgzebig-BmVG6MFwQV) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #6C2DC7;
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 #6C2DC7;
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 #6C2DC7;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #6C2DC7;
background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #6C2DC7;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://i.pinimg.com/originals/d0/ec/d6/d0ecd62d181f3569c057cb3f561baf69.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #8A4BE5 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #6C2DC7;
animation: mymove 30s ease infinite;
-webkit-animation: mymove 30s ease infinite;
}
body{
background-image: url(https://chrismartinphotography.files.wordpress.com/2012/11/iridescent-raven-c2a9-christopher-martin-61631.jpg);
background-repeat:no-repeat, no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center, center;
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( 44, 53, 57 ,0.5);
border:1px groove #6C2DC7 !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #6C2DC7;
}
.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 #6C2DC7;
margin-left:3px;
margin-right:3px;
background-color:rgba(12, 9, 10 ,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/127237/isolated/lists/f5e4e91208eff543fdbc65066f6ba2bd-brazil-flag-feather.png) no-repeat, url(http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211812423.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 #6C2DC7;
}
h3{
background-image:url(https://vignette.wikia.nocookie.net/yugioh/images/f/f2/BlackFeatherCounter-DG.png/revision/latest?cb=20150228235644);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #6C2DC7;
}
.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 #6C2DC7;
background-color:rgba(12, 9, 10 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #6C2DC7 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#6C2DC7;
}
.postlink:visited{
border-bottom-color:#6C2DC7;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
IceRiver wrote:Is it ok if I request one last CSS? Thank you!
Colors: Light blues, purples, silvers, something cold
Theme: something wintry/icy. And, if you'd like, you can somewhat base it off of the Koredanuki
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 #2B3856;
background-color:rgba(247, 248, 255 ,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 #2B3856;
background-color:rgba(247, 248, 255 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(113, 126, 156, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1MHmFTFjjKf8ev-Qjk7P_3yFQ3QBfcXS9) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #2B3856;
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 #2B3856;
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 #2B3856;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #2B3856;
background-color:rgba(240, 248, 255 , 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(86, 80, 81, 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 #2B3856;
background-color:rgba(40, 0, 96,0.4);
background-image:url(http://media.comicbook.com/2017/10/star-wars-the-last-jedi-creature-1036567.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #FBB917 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #2B3856;
}
body{
background-image: url(https://www.ephotozine.com/articles/beautiful-winter-sunrise-awarded-potw-accolade-30471/images/winter.jpg);
background-repeat:no-repeat, no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center, center;
background-size: cover;
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #2B3856 !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #2B3856;
}
.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 #2B3856;
margin-left:3px;
margin-right:3px;
background-color:rgba(247, 248, 255 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(http://gg-deco.rlcgeek.com/frozen/Winterday_icicles_alternative256256.png) no-repeat, url(http://latale.animemaestro.com/extracts/images/BACKGROUND/04S_BG_08_CAVE.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 #2B3856;
}
h3{
background-image:url(https://www.freeiconspng.com/uploads/fruits-in-ice-cube-icons-for-vista-xp-printbest-custom-glossy-online-16.gif);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #2B3856;
}
.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 #2B3856;
background-color:rgba(247, 248, 255 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #2B3856 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#2B3856;
}
.postlink:visited{
border-bottom-color:#2B3856;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
lonebluewolf wrote:username: lonebluewolf
colours: Cyan and Blue Diamond and gold since this picture is light blue colors
theme: anime, this picture https://i.pinimg.com/736x/dc/bd/8b/dcbd ... y-eyes.jpg
Thank you
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 #2B3856;
background-color:rgba(247, 248, 255 ,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 #2B3856;
background-color:rgba(247, 248, 255 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(113, 126, 156, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=167KpBe1km06771DfDFxaOaUbK-Jbc369) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #2B3856;
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 #2B3856;
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 #2B3856;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #2B3856;
background-color:rgba(240, 248, 255 , 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(86, 80, 81, 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 #2B3856;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://cosmos-images2.imgix.net/file/spina/photo/12769/171114-npacific-full.jpg?ixlib=rails-2.1.4&auto=format&ch=Width%2CDPR&fit=max&w=835) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #FBB917 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #2B3856;
}
body{
background-image: url(https://i.pinimg.com/736x/dc/bd/8b/dcbd8becc28f1f545fecc55f3c4f94c9--blue-hair-anime-boy-art-anime-boy-eyes.jpg);
background-repeat:no-repeat, no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center, center;
/* background-size: cover;*/
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #2B3856 !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #2B3856;
}
.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 #2B3856;
margin-left:3px;
margin-right:3px;
background-color:rgba(247, 248, 255 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://elixirgraphics.com/assets/img/theme_images/droplet-icon.png) no-repeat, url(https://images.vexels.com/media/users/3/145180/isolated/lists/62a8679a329f9184b270027c271d2c43-waterdrop-circle-glimpse-graphic.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 #2B3856;
}
h3{
background-image:url(https://images.vexels.com/media/users/3/145358/isolated/lists/caae118ed1bd555d7a47dcadf5af0bf8-water-drop-falling-illustration.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #2B3856;
}
.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 #2B3856;
background-color:rgba(247, 248, 255 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #2B3856 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#2B3856;
}
.postlink:visited{
border-bottom-color:#2B3856;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
KarenGriff wrote:Username: KarenGriff
Colors: black, white, greys/grays, alien green (for the alien green code: #6CC417 RGB: 108, 196, 23)
Theme: X-Files!
Thank you if you have time doing it!
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 #FFFFFF;
background-color:rgba(247, 248, 255 ,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 #FFFFFF;
background-color:rgba(110, 110, 110 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(113, 126, 156, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=12MVO5K5l5WQjEofNQRkyOlpennTjV9EG) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #FFFFFF;
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 #FFFFFF;
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 #FFFFFF;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #FFFFFF;
background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #FFFFFF;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://cdn.shopify.com/s/files/1/0580/0965/products/72dpi-Jango_Snow-Believe.jpg?v=1507754735) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #6CC417 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #FFFFFF;
}
body{
background-image: url(http://johnjfalco.com/wp-content/uploads/2017/01/the-x-files-text-logo.jpeg);
background-repeat:no-repeat, no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center, center;
/* background-size: cover;*/
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #FFFFFF !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #FFFFFF;
}
.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 #FFFFFF;
margin-left:3px;
margin-right:3px;
background-color:rgba(247, 248, 255 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Alien01.svg/400px-Alien01.svg.png) no-repeat, url(https://image.flaticon.com/icons/png/128/821/821848.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 #FFFFFF;
}
h3{
background-image:url(https://upload.wikimedia.org/wikipedia/commons/3/3c/Multiply_album_logo.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #FFFFFF;
}
.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 #FFFFFF;
background-color:rgba(247, 248, 255 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #FFFFFF !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#FFFFFF;
}
.postlink:visited{
border-bottom-color:#FFFFFF;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
Ktanaqui wrote:Hey Merk - I think it's time that I updated my profile a bit.
Username: Ktanaqui
Color/Theme Reference
Colors: Black/Dark Grey, Blue-Gray. Gold and/or Blue accents?
Theme: Umbreon / Shiny Umbreon
Mostly, I want a dark profile with an Pokemon-esque theme centered around Umbreon. The colors are very flexible if you can think of something that would look nicer
Thanks!
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 #1589FF;
background-color:rgba(40, 40, 40 ,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 #1589FF;
background-color:rgba(110, 110, 110 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(113, 126, 156, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1xVbtIIK050VhvSndY0sDUAA6_clucIBt) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #1589FF;
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 #1589FF;
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 #1589FF;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #1589FF;
background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #1589FF;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://www.wikihow.com/images/b/b0/Get-Umbreon-on-Pok%C3%A9mon-Diamond,-Pearl,-and-Platinum-Step-3.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #FFD801 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 0.2) !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
padding-top:20px !important;
margin:auto;
border: 2px groove #1589FF;
}
body{
background-image: url(https://wallpapercave.com/wp/A9aMdY2.jpg);
background-repeat:no-repeat, no-repeat;
background-color:black;
padding-top:15px !important;
background-position: center, center;
/* background-size: cover;*/
background-attachment:fixed !important;
}
span{
background-image:none !important;
}
.spoiler .inner{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #1589FF !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #1589FF;
}
.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 #1589FF;
margin-left:3px;
margin-right:3px;
background-color:rgba(40, 40, 40 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://www.serebii.net/typingds/pokemon/197.png) no-repeat, url(https://cdn.bulbagarden.net/upload/e/e6/PCP197.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 #1589FF;
}
h3{
background-image:url(https://vignette.wikia.nocookie.net/pkmnshuffle/images/9/9f/Umbreon.png/revision/latest?cb=20170407222950);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #1589FF;
}
.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 #1589FF;
background-color:rgba(40, 40, 40 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #1589FF !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#1589FF;
}
.postlink:visited{
border-bottom-color:#1589FF;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
Tazzy wrote:Username: Tazzy
Colors: Light blue, light purple
Theme: Petals, flowery
Is it possible to have my name at the top? Maybe?
Please and thanks so much!
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 #E3E4FA;
background-color:rgba(198, 174, 199 ,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 #E3E4FA;
background-color:rgba(235, 244, 250 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(113, 126, 156, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1mlp_Ef8LcvQHq9_XDE_UeY1Uzk75vjgo) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #E3E4FA;
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 #E3E4FA;
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 #E3E4FA;
margin:auto !important;
background-color:rgba(254, 252, 255, 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 #E3E4FA;
background-color:rgba(0, 0, 0 , 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(254, 252, 255, 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 #E3E4FA;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://i.pinimg.com/originals/85/b4/d3/85b4d30a275e12373cbf3c5748779afe.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #461B7E !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 198, 222, 255 , 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 #E3E4FA;
}
body{
background-image: url(https://img.etsystatic.com/il/b10ab6/1204119705/il_340x270.1204119705_i939.jpg?version=0);
/* background-repeat:no-repeat, no-repeat;*/
background-color:black;
padding-top:15px !important;
/* background-position: center, center;*/
/* 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( 198, 222, 255 ,0.5);
border:1px groove #E3E4FA !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 198, 222, 255 ,0.5);
border:1px groove #E3E4FA;
}
.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 #E3E4FA;
margin-left:3px;
margin-right:3px;
background-color:rgba(198, 174, 199 ,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/130436/isolated/lists/3128ddaa0d1270b092a91bf4a235a5ba-flower-bouquet-2.png) no-repeat, url(https://i.pinimg.com/originals/23/b5/4b/23b54b5d2cc0fe714359ffecd77c32f1.jpg) 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 #E3E4FA;
}
h3{
background-image:url(https://78.media.tumblr.com/avatar_d8429955654c_128.pnj);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #E3E4FA;
}
.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 #E3E4FA;
background-color:rgba(198, 174, 199 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(198, 222, 255, 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 #E3E4FA !important;
background-color:rgba(198, 222, 255,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#E3E4FA;
}
.postlink:visited{
border-bottom-color:#E3E4FA;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}