Re: CSS Shop (Open)
Posted: January 6th, 2018, 5:22:29 pm
Thank you so much! It's amazing
Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
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 #493D26;
background-color:rgba(220, 213, 186 ,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 #493D26;
background-color:rgba(220, 213, 186 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(255, 253, 226, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #493D26;
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 #493D26;
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 #493D26;
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 #493D26;
background-color:rgba(123, 111, 88 , 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 #493D26;
background-color:rgba(80, 69, 55,0.4);
background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #254117 !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 #493D26;
animation: mymove 30s ease infinite;
-webkit-animation: mymove 30s ease infinite;
}
body{
background-image: url(https://i.imgur.com/jba343H.jpg);
background-repeat:no-repeat, no-repeat;
background-color:#493D26;
padding-top:15px !important;
background-position: center, center;
/* background-size: 100% 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 #493D26 !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 #493D26;
}
.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 #493D26;
margin-left:3px;
margin-right:3px;
background-color:rgba(220, 213, 186 ,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/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.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 #493D26;
}
h3{
background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #493D26;
}
.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 #493D26;
background-color:rgba(220, 213, 186 ,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 #493D26 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#493D26;
}
.postlink:visited{
border-bottom-color:#493D26;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}
Thank you so much Merkwerkee!Merkwerkee wrote:Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy toneGive that a try and tell me if the text is too dark to readSpoiler
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 #493D26; background-color:rgba(220, 213, 186 ,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 #493D26; background-color:rgba(220, 213, 186 ,0.4) !important; float:right; padding:5px; margin-right:-5px; margin-left:5px; background-image:none } .bg1:hover, .bg2:hover{ background-color:rgba(255, 253, 226, 0.6) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; 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 #493D26; 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 #493D26; 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 #493D26; background-color:rgba(123, 111, 88 , 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 #493D26; background-color:rgba(80, 69, 55,0.4); background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #254117 !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 #493D26; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/jba343H.jpg); background-repeat:no-repeat, no-repeat; background-color:#493D26; padding-top:15px !important; background-position: center, center; /* background-size: 100% 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 #493D26 !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 #493D26; } .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 #493D26; margin-left:3px; margin-right:3px; background-color:rgba(220, 213, 186 ,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/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.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 #493D26; } h3{ background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #493D26; } .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 #493D26; background-color:rgba(220, 213, 186 ,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 #493D26 !important; background-color:rgba(44, 53, 57,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#493D26; } .postlink:visited{ border-bottom-color:#493D26; } .inner{ padding:-3px !important; margin:-3px !important; }
Wingweeper wrote:With a small wave, I hand over a note with a written request.
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpg
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(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 #2B3856;
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=1qhDcTeIbou7Aj38VBjiwg3sJW9REPhvi) !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(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 #2B3856;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://media1.tenor.com/images/14f070b743bc5dc829c4ff7fdc00e2be/tenor.gif) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #E0FFFF !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;
animation: mymove 30s ease infinite;
-webkit-animation: mymove 30s ease infinite;
}
body{
background-image: url(https://i.imgur.com/NNYnZlf.gif);
background-repeat:no-repeat, no-repeat;
background-color:#2B3856;
padding-top:15px !important;
background-position: center, center;
background-size: 100% 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 #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(12, 9, 10 ,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/88/88319.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/16/641770_canada_512x512.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/145100/isolated/lists/126240e38d11570aa49af79ac020a59e-skyscraper-building-silhouette.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(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 #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;
}
Okay, I edited the code a bit. Let me know how that looks!Tyrannogon wrote:Thank you so much Merkwerkee!Merkwerkee wrote:Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy toneGive that a try and tell me if the text is too dark to readSpoiler
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 #493D26; background-color:rgba(220, 213, 186 ,0.5) !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 #493D26; background-color:rgba(220, 213, 186 ,0.5) !important; float:right; padding:5px; margin-right:-5px; margin-left:5px; background-image:none } .bg1:hover, .bg2:hover{ background-color:rgba(255, 253, 226, 0.7) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; 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 #493D26; 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 #493D26; margin:auto !important; background-color:rgba(86, 80, 81, 0.3) !important; background-image:none !important } #page-body{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; background-color:rgba(123, 111, 88 , 0.3); 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.3); 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 #493D26; background-color:rgba(80, 69, 55,0.4); background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #254117 !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba( 44, 53, 57 , 0.4) !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; padding-top:20px !important; margin:auto; border: 2px groove #493D26; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/jba343H.jpg); background-repeat:no-repeat, no-repeat; background-color:#493D26; padding-top:15px !important; background-position: center, center; /* background-size: 100% 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 #493D26 !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 #493D26; } .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 #493D26; margin-left:3px; margin-right:3px; background-color:rgba(220, 213, 186 ,0.4); } .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/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.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 #493D26; } h3{ background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #493D26; } .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 #493D26; background-color:rgba(220, 213, 186 ,0.4); 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.4); -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 #493D26 !important; background-color:rgba(44, 53, 57,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#493D26; } .postlink:visited{ border-bottom-color:#493D26; } .inner{ padding:-3px !important; margin:-3px !important; }
The text is a little bit dark to read, but everything else looks fantastic!
┌------------------------------------------------------------------------------------------------------------------------------------------\Merkwerkee wrote:Wingweeper wrote:With a small wave, I hand over a note with a written request.
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpgLet me know if you want me to change anything!Spoiler
Code: Select all
/*dl.left-box.details *{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/ ul.navlinks{ padding-bottom:1px; margin-bottom:1px; border-bottom:transparent !important; } .bg2{ transition:background-color .7s !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:3px double #2B3856; 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 #2B3856; 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=1qhDcTeIbou7Aj38VBjiwg3sJW9REPhvi) !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(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 #2B3856; background-color:rgba(40, 0, 96,0.4); background-image:url(https://media1.tenor.com/images/14f070b743bc5dc829c4ff7fdc00e2be/tenor.gif) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #E0FFFF !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; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/NNYnZlf.gif); background-repeat:no-repeat, no-repeat; background-color:#2B3856; padding-top:15px !important; background-position: center, center; background-size: 100% 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 #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(12, 9, 10 ,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/88/88319.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/16/641770_canada_512x512.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/145100/isolated/lists/126240e38d11570aa49af79ac020a59e-skyscraper-building-silhouette.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(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 #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; }