MagiStream


https://www.magistream.com/

CSS Shop (Open)

https://www.magistream.com/viewtopic.php?t=139094

Page 58 of 62

Re: CSS Shop (Open)

Posted: January 6th, 2018, 5:22:29 pm
by DeathsJackal
Thank you so much! It's amazing :D

Re: CSS Shop (Open)

Posted: January 22nd, 2018, 6:31:54 pm
by Wingweeper
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

Re: CSS Shop (Open)

Posted: January 25th, 2018, 9:50:52 pm
by Razatharia
Hello!

I was wondering, if I make images (and upload them) for a custom CSS, could you take them and put them into code for me (It would include the Header, Link Bar, and Background)? I haven't made them yet, so if you could let me know if you could help me out, that would be great (and I'll get straight to work on it lol).

Thanks for your time :wave:

Re: CSS Shop (Open)

Posted: January 25th, 2018, 10:37:32 pm
by Moonheart
Username: Moonheart
Colors: Black/purple/ Silver? (Whatever looks good with the theme, honestly.)
Theme: Coria Alagos

Thank you!

Re: CSS Shop (Open)

Posted: January 25th, 2018, 11:15:13 pm
by sunsprite
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

Re: CSS Shop (Open)

Posted: January 26th, 2018, 8:58:29 am
by lonebluewolf
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 :t-blush:

Re: CSS Shop (Open)

Posted: January 31st, 2018, 10:56:55 pm
by Merkwerkee
Tyrannogon wrote:Would I be able to get one please? ^.^
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
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 #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;
}
Give that a try and tell me if the text is too dark to read :D

@Everyone else: I see your requests (5 people) and I'll try and get to them in the next few days :wave:

Re: CSS Shop (Open)

Posted: February 1st, 2018, 6:12:34 pm
by Tyrannogon
Merkwerkee wrote:
Tyrannogon wrote:Would I be able to get one please? ^.^
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
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 #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;
}
Give that a try and tell me if the text is too dark to read :D
Thank you so much Merkwerkee!
The text is a little bit dark to read, but everything else looks fantastic! :)

Re: CSS Shop (Open)

Posted: February 1st, 2018, 6:45:42 pm
by Merkwerkee
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
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;
}
Let me know if you want me to change anything!

Tyrannogon wrote:
Merkwerkee wrote:
Tyrannogon wrote:Would I be able to get one please? ^.^
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
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 #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;
}
Give that a try and tell me if the text is too dark to read :D
Thank you so much Merkwerkee!
The text is a little bit dark to read, but everything else looks fantastic! :)
Okay, I edited the code a bit. Let me know how that looks!

Re: CSS Shop (Open)

Posted: February 1st, 2018, 8:18:24 pm
by Wingweeper
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.jpg
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;
}
Let me know if you want me to change anything!
┌------------------------------------------------------------------------------------------------------------------------------------------\
The colors and theme are perfect though I have to admit, I'm not feeling the pictures too much. I should've listed it before and I hope not to come off as (too) picky, but do you think you could find more futuristic photos? I've listed a few to help out.
\-----------------------------------------------------------------------------------------------------------------------------------------┘
http://coolvibe.com/wp-content/uploads/ ... 92x451.jpg
https://i.ytimg.com/vi/a_UrYsgDpWQ/maxresdefault.jpg
https://orig00.deviantart.net/446d/f/20 ... 52p2fd.jpg
All times are UTC-04:00
Page 58 of 62

Powered by phpBB® Forum Software © phpBB Limited