Log In
Poison Weather Castform Don't have an account yet? Register now!
.

Forum Thread

[Stylish] How to edit the style of PH

Forum-Index Help Guides [Stylish] How to edit the style of PH
Salzig
OFFLINE
Trainerlevel: 34

Forum Posts: 368
Posted: Wed, 25/11/2015 16:15 (9 Years ago)
Since ya asked.

Problem

How can I fix it?
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Wed, 25/11/2015 16:17 (9 Years ago)
put that last "opacity: 0.1;" in header or body or where you want it should be in a element part

And do one more favour. Please send the screenshot of the page of Pokeheroes where you meant to put it


Salzig
OFFLINE
Trainerlevel: 34

Forum Posts: 368
Posted: Wed, 25/11/2015 16:41 (9 Years ago)
Like this?

Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Wed, 25/11/2015 16:49 (9 Years ago)
No like place it wthin the curly braces of the #header after !important;


Salzig
OFFLINE
Trainerlevel: 34

Forum Posts: 368
Posted: Wed, 25/11/2015 17:02 (9 Years ago)
Still not working, just makes the entier page transparent
LeChatBox
OFFLINE
Trainerlevel: 78

Forum Posts: 1,359
Posted: Wed, 25/11/2015 17:25 (9 Years ago)
Are you trying to do this..? (im not a code expert or anything :I) Don't copy and paste since the url's i put were the same :3

#private_chat {background: urL(http://pokeheroes.com/forum_newpost.php?thread=24527); background-size: auto;}
#userbar {background: url(http://pokeheroes.com/forum_newpost.php?thread=24527) !important; background-size: auto}
#private_chat div.chat_msg {color:#0055A6}
body{background: transparent url(http://img10.deviantart.net/cc8e/i/2011/278/7/a/fake_plusle_minun_additions_by_avenraichuxx0-d4bxktf.png)no-repeat center top fixed !important; background-size: auto !important;}
#header {background: url(http://pokeheroes.com/forum_newpost.php?thread=24527) no-repeat; opacity: 0.1 !important; background-size: auto}




[[NA: Iradius | League]]
~~~
[NA: LeChatBox#1244 | HotS]
[FR]
[Quests] || [Etc]
~~~

Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Thu, 26/11/2015 00:52 (9 Years ago)
+LeChatBox
Correct only that !important will be after no-repeat in header


megamegashinka
OFFLINE
Trainerlevel: 44

Forum Posts: 31
Posted: Wed, 30/12/2015 17:54 (8 Years ago)

Title: SpaceHeroes

Copy and paste this code into your stylish

this is just version 0.1
will be updated soon.



Show hidden content
body{background:url(http://38.media.tumblr.com/tumblr_luqb7i868x1qzbl1no1_500.gif)#000000!important;min-height:100%!important}
a,.uiLinkButtonInput {

font-size: 12px !important;
text-shadow: 0px 1px 1px #500e61;
}


#header {background: url(http://s27.postimg.org/44pkwvdyr/Spaceheroes_Banner.png) no-repeat !important; background-size:auto}
#userbar {
position: fixed!important;
z-index: 15!important;
top: 0%!important;
margin-top: -20px!important;
left: 50%!important;
margin-left: -490px!important;
height: 55px!important;
width: 980px!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#380745+51,2c1343+100&0.69+0,1+100 */
background: -moz-linear-gradient(top, rgba(56,7,69,0.69) 0%, rgba(56,7,69,0.85) 51%, rgba(44,19,67,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(56,7,69,0.69) 0%,rgba(56,7,69,0.85) 51%,rgba(44,19,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(56,7,69,0.69) 0%,rgba(56,7,69,0.85) 51%,rgba(44,19,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0380745', endColorstr='#2c1343',GradientType=0 ); /* IE6-9 */


border: 1px solid #300D41!important;
font-weight: bold!important;
color: #E7DCEE!important;
font-size: 18px!important;
font-family: Times New Roman
}
#nav_button {

height: 38px;
cursor: pointer;
background:url(http://p1.pichost.me/i/36/1593255.jpg)#000000!important;min-height:100%!important;
color: #F2DBFF !important;
border: 1px solid #462A55 !important;
}

#subnav {
position: absolute;
width: 425px;
padding: 8px;
padding-top: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#380745+51,2c1343+100&0.69+0,1+100 */
background: -moz-linear-gradient(top, rgba(56,7,69,0.69) 0%, rgba(56,7,69,0.85) 51%, rgba(44,19,67,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(56,7,69,0.69) 0%,rgba(56,7,69,0.85) 51%,rgba(44,19,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(56,7,69,0.69) 0%,rgba(56,7,69,0.85) 51%,rgba(44,19,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0380745', endColorstr='#2c1343',GradientType=0 ); /* IE6-9 */

display: none;
color: #e0deff;
font-size: 11pt;
letter-spacing: 1px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
border: 1px solid #462A55 !important;
z-index: 4;
}
#party_box{
width: 95% !important;
position: relative!important;
left: 2.5%!important;
background-color: #DDB6F2!important;

border: 1px solid #3C0F55!important;
padding: 3px!important;
min-height: 100px!important;webkit-border-radius: 10px!important;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;
border-radius: 10px!important;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;}






td#navelement:hover #subnav {
display: block;
opacity: 1;
}
td#navelement:hover #nav_button {
-webkit-opacity: 0.98;
-moz-opacity: 0.98;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0.98;
height: 38px;
}
#friend_bar {
position: fixed;
width: 200px;
height: 100%;
left: 100%;
top: 0;
margin-left: -200px;
background: #e3d8f1; /* Old browsers */
background: -moz-linear-gradient(left, #e3d8f1 0%, #a087c2 9%, #a087c2 9%, #a087c2 50%, #a087c2 54%, #a087c2 54%, #a087c2 55%, #a087c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3d8f1), color-stop(9%,#a087c2), color-stop(9%,#a087c2), color-stop(50%,#a087c2), color-stop(54%,#a087c2), color-stop(54%,#a087c2), color-stop(55%,#a087c2), color-stop(100%,#a087c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* IE10+ */
background: linear-gradient(to right, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8f1', endColorstr='#a087c2',GradientType=1 ); /* IE6-9 */

z-index: 75;
overflow-x: hidden;
overflow-y: auto;
border-left: 1px solid black;
display: none;
}

#friend_bar::-webkit-scrollbar {
width: 0px;
}


#friend_bar a {
display: inline-block;
width: 100%;
height: 40px;
padding: 5px;
text-decoration: none;
vertical-align: middle;
border-bottom: 1px solid black;
background: #e3d8f1; /* Old browsers */
background: -moz-linear-gradient(left, #e3d8f1 0%, #a087c2 9%, #a087c2 9%, #a087c2 50%, #a087c2 54%, #a087c2 54%, #a087c2 55%, #a087c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3d8f1), color-stop(9%,#a087c2), color-stop(9%,#a087c2), color-stop(50%,#a087c2), color-stop(54%,#a087c2), color-stop(54%,#a087c2), color-stop(55%,#a087c2), color-stop(100%,#a087c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* IE10+ */
background: linear-gradient(to right, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8f1', endColorstr='#a087c2',GradientType=1 ); /* IE6-9 */

}

#friend_bar a:hover {
background: #e3d8f1; /* Old browsers */
background: -moz-linear-gradient(left, #e3d8f1 0%, #a087c2 7%, #a087c2 7%, #a087c2 9%, #976baf 44%, #976baf 50%, #976baf 54%, #976baf 61%, #976baf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3d8f1), color-stop(7%,#a087c2), color-stop(7%,#a087c2), color-stop(9%,#a087c2), color-stop(44%,#976baf), color-stop(50%,#976baf), color-stop(54%,#976baf), color-stop(61%,#976baf), color-stop(100%,#976baf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e3d8f1 0%,#a087c2 7%,#a087c2 7%,#a087c2 9%,#976baf 44%,#976baf 50%,#976baf 54%,#976baf 61%,#976baf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e3d8f1 0%,#a087c2 7%,#a087c2 7%,#a087c2 9%,#976baf 44%,#976baf 50%,#976baf 54%,#976baf 61%,#976baf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e3d8f1 0%,#a087c2 7%,#a087c2 7%,#a087c2 9%,#976baf 44%,#976baf 50%,#976baf 54%,#976baf 61%,#976baf 100%); /* IE10+ */
background: linear-gradient(to right, #e3d8f1 0%,#a087c2 7%,#a087c2 7%,#a087c2 9%,#976baf 44%,#976baf 50%,#976baf 54%,#976baf 61%,#976baf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8f1', endColorstr='#976baf',GradientType=1 ); /* IE6-9 */

}

#friend_bar a img {
max-width: 40px;
max-height: 40px;
font-size: 8pt;
}

#friend_bar span.img {
width: 50px;
float: left;
}

#friend_bar a span.last_msg {
font-weight: normal;
color:black;
font-size: 7pt;
font-style: italic;
}

#friend_bar input {
position: fixed;
top: 100%;
left: 100%;
margin-left: -200px;
height: 24px;
margin-top: -30px;
width: 200px;
}

#private_chat {
position: fixed;
top: 100%;
left: 100%;
width: 300px;
margin-left: -650px;
height: 350px;
margin-top: -350px;
background: white;
border: 1px solid black;
z-index: 70;
overflow: hidden;
display: none;
}

#private_chat div.chat_head {
width: 100%;
height: 16px;
background: #e3d8f1; /* Old browsers */
background: -moz-linear-gradient(left, #e3d8f1 0%, #a087c2 9%, #a087c2 9%, #a087c2 50%, #a087c2 54%, #a087c2 54%, #a087c2 55%, #a087c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3d8f1), color-stop(9%,#a087c2), color-stop(9%,#a087c2), color-stop(50%,#a087c2), color-stop(54%,#a087c2), color-stop(54%,#a087c2), color-stop(55%,#a087c2), color-stop(100%,#a087c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* IE10+ */
background: linear-gradient(to right, #e3d8f1 0%,#a087c2 9%,#a087c2 9%,#a087c2 50%,#a087c2 54%,#a087c2 54%,#a087c2 55%,#a087c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8f1', endColorstr='#a087c2',GradientType=1 ); /* IE6-9 */

position: absolute;

top: 0;
left: 0;
font-weight: bold;
color: white;
padding: 6px;
padding-top: 10px;
}

#private_chat div.chat_inner {
margin-top: 32px;
height: 274px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}

#private_chat div.chat_msg {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding: 4px;
font-size: 8pt;
color: black;
min-height: 25px;
position: relative;
margin-top: 3px;
line-height: 18px;
}

#private_chat div.user_ava {
position: absolute;
left: 0;
top: 0;
margin-left: 4px;
float: left;
height: auto;
}

#private_chat div.user_ava img {
max-width: 25px;
max-height: 25px;
}

#private_chat div.chat_txt {
position: relative;
margin-left: 30px;
}

#private_chat textarea {
margin-top: 4px;
margin-left: 4px;
height: 24px;
width: 85%;
}
#party_field {
position: relative;
width: 150px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
background: rgba(221,205,234,1);
background: -moz-linear-gradient(-45deg, rgba(221,205,234,1) 0%, rgba(151,98,192,0.77) 50%, rgba(119,61,164,0.76) 51%, rgba(198,160,227,0.53) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(221,205,234,1)), color-stop(50%, rgba(151,98,192,0.77)), color-stop(51%, rgba(119,61,164,0.76)), color-stop(100%, rgba(198,160,227,0.53)));
background: -webkit-linear-gradient(-45deg, rgba(221,205,234,1) 0%, rgba(151,98,192,0.77) 50%, rgba(119,61,164,0.76) 51%, rgba(198,160,227,0.53) 100%);
background: -o-linear-gradient(-45deg, rgba(221,205,234,1) 0%, rgba(151,98,192,0.77) 50%, rgba(119,61,164,0.76) 51%, rgba(198,160,227,0.53) 100%);
background: -ms-linear-gradient(-45deg, rgba(221,205,234,1) 0%, rgba(151,98,192,0.77) 50%, rgba(119,61,164,0.76) 51%, rgba(198,160,227,0.53) 100%);
background: linear-gradient(135deg, rgba(221,205,234,1) 0%, rgba(151,98,192,0.77) 50%, rgba(119,61,164,0.76) 51%, rgba(198,160,227,0.53) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddcdea', endColorstr='#c6a0e3', GradientType=1 );
border: 2px solid #4B0082;
padding: 7px;
text-align: center;
}

#greenfield {
width: 90%;
position: relative;
left: 5%;
background:#AC63D4;
border: 3px solid #4C106D;
padding: 6px;
color: #3D0B58;
font-weight: bold;
margin-bottom: 7px;
text-align: center;
}

#redfield {
width: 90%;
position: relative;
left: 5%;
background: #E564AD;
border: 3px solid #930656;
padding: 6px;
color: #670B3F;
font-weight: bold;
margin-bottom: 7px;
text-align: center;
}

table#blue_table th {
background: #6F53C9!important;
border: 1px outset #3D2198;
padding: 2px;
text-align: center;
color: #E9E2FF;
}
table#blue_table td {
background-color: #C8BEEA!important;
border: 1px outset #3D2198;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: outset;
border-right-style-value: outset;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: outset;
border-left-style-value: outset;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #191970;
border-right-color-value: #191970;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #191970;
border-left-color-value: #191970;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
padding: 2px;
padding-top: 2px;
padding-right-value: 2px;
padding-bottom: 2px;
padding-left-value: 2px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
text-align: center;
vertical-align: middle;
}

table#blue_table tr:hover td {
background-color: #7251DC!important;
}


#pkmn_profile
{
width: 270px;
padding: 10px;
background: #AA93DA!important;
border: 2px solid #4108B5;
}
#pkmn_pic
{
position: absolute;
width: 96px;
height: 96px;
border: 1px solid #4108B5;

z-index: 2;
text-align: center;
}
#profile_bar
{
position: absolute;
margin-left: 80px;
padding: 5px 0px;
padding-left: 25px;
width: 150px;
height: 18px;
border: 3px double #4108B5;
background: #9866D0!important;
z-index: 1;
font-weight: bold;
color: #300265;
font-size: 10px;
}

td.poketable1
{
font-size: 11px;
font-weight: bold;
padding: 4px;
width: 110px;
height: 20px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;

color: #f1efeb;
background-color: #03431F!important;
}

td.poketable2
{
font-size: 11px;
font-weight: bold;
padding: 4px;
width: 110px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;

color: #300265;
background-color: #559E75!important;
}









td.feed_text {
background-color: rgb(199, 169, 226) !important;
border: 1px solid #43175C;
min-height: 50px;
padding: 2px;
color: #2A063F;
font-size: 8pt;
word-break: break-word;
webkit-border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}

div.right_box {
width: 100%!important;
position: relative!important;
background-color: rgb(199, 169, 226)!important;
border: 1px solid #3C0F55!important;
padding: 3px!important;
margin-top: 15px!important;
min-height: 80px!important;
webkit-border-radius: 10px!important;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;
border-radius: 10px!important;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;}

input[type="submit"] {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2A063F), color-stop(0.3, #7D5394) );
background:-moz-linear-gradient( center top, #2A063F 5%, #A080B2 30% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D5394', endColorstr='#7D5394');
background-color:#2A063F;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
text-indent:0px;
border:1px solid #2A063F;
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
height:28px;
line-height:28px;
padding: 0px 16px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #287ace;
cursor: pointer;
}

li.filter {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(../../border-radius.htc);
list-style: none outside none;
margin: 0!important;
padding: 6px!important;
margin-left: -40px!important;
margin-bottom: 5px!important;
font-size: 14px!important;
font-weight: bold!important;
cursor: pointer!important;
background-color: #6F36BC!important;
opacity: 0.6;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}

input[type="submit"]:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7D5394), color-stop(0.3, #A080B2) );
background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 30% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
background-color:#2A063F;
}

input[type="submit"]:active {
position: relative;
top:1px;
}


button {
-moz-box-shadow:inset 0px 0px 0px 0px #cae3fc;
-webkit-box-shadow:inset 0px 0px 0px 0px #cae3fc;
box-shadow:inset 0px 0px 0px 0px #cae3fc;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7D5394), color-stop(0.3, #A080B2) );
background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 30% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
background-color:#2A063F;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
text-indent:0px;
border:1px solid #7D5394;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
height:28px;
line-height:28px;
padding: 0px 16px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #287ace;
cursor: pointer;
}
button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7D5394), color-stop(1, #A080B2) );
background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
background-color:#4197ee;
}
button:active {
position: relative;
top:1px;
}
input:focus {
background: #cee9e9 url(basic/input_focus_fade.png) repeat-x;
}

#big_button {
width: 130px;
height: 130px;
background: #7D5394 url(basic/big_button_fade.png) repeat-x;
border: 2px dashed #2A063F;
padding: 10px;
text-align: center;
color: #e2e3f8;
font-size: 18pt;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}

#pokedex
{
background-image: #2A063F url(/styles/basic/pokedex/pokedex_bg_fade.png);
background-repeat: repeat;
width: 600px;
height: 350px;
position: relative;
left: 50%;
margin-left: -300px;
border: 2px solid #333;
padding: 10px;
padding-top: 0;
color: #fff;
}


img#userp_thumbnail e {
height: 110 !important;
width: 75 !important;
/* these numbers match the new image's dimensions */
padding-left: 125px !important;
padding-top: 25px !important;
background: url(http://i.imgur.com/oyMqKTV.png) no-repeat !important;
-webkit-border-radius: 132px;
-moz-border-radius: 132px;
border-radius: 132px;}









#userp_top
{
position: relative;
width: 98%;
left: 1%;
margin-left: -15px;
padding: 15px;
border: 1.5px solid #4A0E6B;
background: #B47FD1 url(top_fade.png) !important;
}
#userp_box
{
position: relative;
width: 88%;
left: 6%;
margin-left: -15px;
margin-top: 15px;
padding: 15px;
padding-top: 5px;
background: #B47FD1 !important;
border: 1.5px solid #4A0E6B;
font-size: 11px;
box-shadow: 0px 0px 0px #1f5f88 !important;
}

#userp_box td
{
font-size: 11px;
border: 1px solid #191970;
background-color: #C4B8EE !important;
padding: 4px;
text-align: center;
vertical-align: middle;
}

#userp_box th
{
font-size: 12px;
border: 1px solid #191970;
background-color: #8C71E3 !important;
padding: 4px;
}

#userp_feed1 {
background: #f1c4ff!important;
color: #1D022A!important; /* Old browsers */
background: -moz-linear-gradient(top, #f1c4ff 0%, #c8a8da 14%, #c8a8da 50%, #c8a8da 100%)!important;
color: #1D022A!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c4ff), color-stop(14%,#c8a8da), color-stop(50%,#c8a8da), color-stop(100%,#c8a8da))!important;
color: #1D022A!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1c4ff 0%,#c8a8da 14%,#c8a8da 50%,#c8a8da 100%)!important;
color: #1D022A!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1c4ff 0%,#c8a8da 14%,#c8a8da 50%,#c8a8da 100%)!important;
color: #1D022A!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1c4ff 0%,#c8a8da 14%,#c8a8da 50%,#c8a8da 100%)!important;
color: #1D022A!important; /* IE10+ */
background: linear-gradient(to bottom, #f1c4ff 0%,#c8a8da 14%,#c8a8da 50%,#c8a8da 100%)!important;
color: #1D022A!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c4ff', endColorstr='#c8a8da',GradientType=0 )!important;
color: #1D022A!important;/* IE6-9 */;
color: #1D022A!important;
}

#userp_feed2 {
background: #fbefff!important; /* Old browsers */
background: -moz-linear-gradient(top, #fbefff 0%, #f0e2f8 14%, #f0e2f8 50%, #f0e2f8 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbefff), color-stop(14%,#f0e2f8), color-stop(50%,#f0e2f8), color-stop(100%,#f0e2f8))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbefff 0%,#f0e2f8 14%,#f0e2f8 50%,#f0e2f8 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbefff 0%,#f0e2f8 14%,#f0e2f8 50%,#f0e2f8 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbefff 0%,#f0e2f8 14%,#f0e2f8 50%,#f0e2f8 100%)!important; /* IE10+ */
background: linear-gradient(to bottom, #fbefff 0%,#f0e2f8 14%,#f0e2f8 50%,#f0e2f8 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbefff', endColorstr='#f0e2f8',GradientType=0 )!important; /* IE6-9 */

color: #48215D;
}

img#userp_thumbnail {
border: 1.5px solid;
margin-left: 5px;
box-shadow: 6px 5px 10px #67208E!important;
}


div.poll_selector {
width: 0;
padding: 6px;
background: #30187B !important;
border: 1px solid #160A3C;
cursor: pointer;
}

td.poll_selector {
background: none !important;
border-width: 0px !important;
}

rounded.poll_selector {
color: #0C0428;
background: #8C71E3;
position: relative;
white-space: nowrap;
padding: 3px;
text-align: left;
}

span.userp_username
{
font-size: 22px;
font-weight: bold;
color: #4B0082 !important;
}





#textarea {
background-color: #EBDAF4!important;
font-family: inherit;
color: #180124!important;
}




h2.userp_box {
font-size: 18px;
border-bottom: 2px solid;
color: #322960 important;}

webkit-scrollbar-thumb {
background: #3E0B49 !important;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4) !important;
-moz-border-radius: 20px important;
-webkit-border-radius: 20px important;
-khtml-border-radius: 20px important;
behavior: url(/styles/border-radius.htc) !important;
border-radius: 20px !important;
}

a.sidebar {
text-decoration: none !important;
color: #3C065A !important;
}

h1.headline1 {
text-align: right;
padding-right: 60px;
margin-left: 50px;
margin-right: 40px;
border-bottom: 3px solid;
color: #322960 !important;
}
h2.headline1 {
text-align: right;
margin-right: 60px;
margin-top: -10px;
opacity: 0.6;
color:#322960;
}

fieldset.quote {
border: 1px solid #111;
background-color: #F1DCFD;
width: 90%;
position: relative;
left: 2.5%;
padding: 4px;
margin-left: 2px;
color: #2B095B;
}
table#forum th
{
text-align: left important;
background: rgba(194,143,224,1) !important;
background: -moz-linear-gradient(top, rgba(194,143,224,1) 0%, rgba(164,65,217,1) 5%, rgba(164,65,217,1) 10%, rgba(164,65,217,1) 13%, rgba(164,65,217,1) 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,143,224,1)), color-stop(5%, rgba(164,65,217,1)), color-stop(10%, rgba(164,65,217,1)), color-stop(13%, rgba(164,65,217,1)), color-stop(100%, rgba(164,65,217,1))) !important;
background: -webkit-linear-gradient(top, rgba(194,143,224,1) 0%, rgba(164,65,217,1) 5%, rgba(164,65,217,1) 10%, rgba(164,65,217,1) 13%, rgba(164,65,217,1) 100%) !important;
background: -o-linear-gradient(top, rgba(194,143,224,1) 0%, rgba(164,65,217,1) 5%, rgba(164,65,217,1) 10%, rgba(164,65,217,1) 13%, rgba(164,65,217,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(194,143,224,1) 0%, rgba(164,65,217,1) 5%, rgba(164,65,217,1) 10%, rgba(164,65,217,1) 13%, rgba(164,65,217,1) 100%) !important;
background: linear-gradient(to bottom, rgba(194,143,224,1) 0%, rgba(164,65,217,1) 5%, rgba(164,65,217,1) 10%, rgba(164,65,217,1) 13%, rgba(164,65,217,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c28fe0', endColorstr='#a441d9', GradientType=0 ) !important;
color: #E4C6F4 !important;
padding: 4px !important;
font-size: 15pt !important;
border-top: 2px solid #40085F !important;
border-bottom: 2px solid #40085F !important;
}

table#forum tr.subforum
{
background: rgba(203,180,217,1) !important;
background: -moz-linear-gradient(top, rgba(203,180,217,1) 0%, rgba(185,133,213,1) 9%, rgba(185,133,213,1) 10%, rgba(185,133,213,1) 13%, rgba(185,133,213,1) 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,180,217,1)), color-stop(9%, rgba(185,133,213,1)), color-stop(10%, rgba(185,133,213,1)), color-stop(13%, rgba(185,133,213,1)), color-stop(100%, rgba(185,133,213,1))) !important;
background: -webkit-linear-gradient(top, rgba(203,180,217,1) 0%, rgba(185,133,213,1) 9%, rgba(185,133,213,1) 10%, rgba(185,133,213,1) 13%, rgba(185,133,213,1) 100%) !important;
background: -o-linear-gradient(top, rgba(203,180,217,1) 0%, rgba(185,133,213,1) 9%, rgba(185,133,213,1) 10%, rgba(185,133,213,1) 13%, rgba(185,133,213,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(203,180,217,1) 0%, rgba(185,133,213,1) 9%, rgba(185,133,213,1) 10%, rgba(185,133,213,1) 13%, rgba(185,133,213,1) 100%) !important;
background: linear-gradient(to bottom, rgba(203,180,217,1) 0%, rgba(185,133,213,1) 9%, rgba(185,133,213,1) 10%, rgba(185,133,213,1) 13%, rgba(185,133,213,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbb4d9', endColorstr='#b985d5', GradientType=0 ) !important;
color: #3F035F !important;
padding: 4px !important;
}

table.post_table td.post_info {
width: 150px !important;
text-align: center!important;
border-right: 1px solid!important;
background: rgba(174,158,184,1)!important;
background: -moz-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,158,184,1)), color-stop(10%, rgba(161,103,193,1)), color-stop(10%, rgba(161,103,193,1)), color-stop(13%, rgba(161,103,193,1)), color-stop(100%, rgba(161,103,193,1)))!important;
background: -webkit-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -o-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -ms-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: linear-gradient(to bottom, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae9eb8', endColorstr='#a167c1', GradientType=0 )!important;
padding-bottom: 10px!important;
}
#post_field {
width: 95%!important;
position: relative!important;
padding-right: 15px!important;
margin-left: 7.5px; background: rgba(174,158,184,1)!important;
background: -moz-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,158,184,1)), color-stop(10%, rgba(161,103,193,1)), color-stop(10%, rgba(161,103,193,1)), color-stop(13%, rgba(161,103,193,1)), color-stop(100%, rgba(161,103,193,1)))!important;
background: -webkit-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -o-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: -ms-linear-gradient(top, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
background: linear-gradient(to bottom, rgba(174,158,184,1) 0%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 10%, rgba(161,103,193,1) 13%, rgba(161,103,193,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae9eb8', endColorstr='#a167c1', GradientType=0 )!important;
border: 2px solid #9457B6!important;
}
ultronus
OFFLINE
Trainerlevel: 27

Forum Posts: 282
Posted: Thu, 31/12/2015 09:15 (8 Years ago)
i installed stylish but how to use it? :P

got it the moving background is amazing :O
i am magma agent lvl 3!

Rowletta
OFFLINE
Trainerlevel: 54

Forum Posts: 896
Posted: Thu, 31/12/2015 17:43 (8 Years ago)
That's awesome *-* In some points the codes are really hard to get, but once you have understood, everything becomes easy!
I spent a couple of hours to make my theme: [x]
I'm so proud of it! *-* Thanks to megamegashinka for the codes! ^^
Spiritburn
OFFLINE
Trainerlevel: 71

Forum Posts: 1,838
Posted: Fri, 01/04/2016 20:00 (8 Years ago)
Because I rather like the Digiheroes layout, I decided to do a stylish theme turning PH into a rather similar theme <3

Link to it

BlitzNoir
OFFLINE
Trainerlevel: 51

Forum Posts: 214
Posted: Fri, 01/04/2016 20:28 (8 Years ago)
so orange :O definately getting it on my laptop
ArcanicRose
OFFLINE
Trainerlevel: 45

Forum Posts: 451
Posted: Sat, 02/04/2016 10:29 (8 Years ago)
i would like to give this a go however im not very good at coding, so, as a noob to this kind of stuff how easy is it to do via the stylish extension?
Pleiadesu
OFFLINE
Trainerlevel: 37

Forum Posts: 1,222
Posted: Sat, 02/04/2016 10:52 (8 Years ago)
Ahhhh I haven't updated this in such a long while
@Arcanic- the basic codes we've provided should be easy enough to use. However, for more advanced coding (for flashier custom effects) it'll be rather hard for someone new to coding.
Rage || More rage || Ultimate rage
"Don't let someone else make you feel guilty or ashamed about something you don't have control over, whether it is your skin color, your sexual preference or otherwise."
- Alex Bolton (I Hate Everything)
ArcanicRose
OFFLINE
Trainerlevel: 45

Forum Posts: 451
Posted: Sat, 02/04/2016 10:54 (8 Years ago)
ok thank you ^-^
ArcanicRose
OFFLINE
Trainerlevel: 45

Forum Posts: 451
Posted: Sat, 02/04/2016 12:59 (8 Years ago)
i cant get it to work =/ i dont know what im doing wrong but its not changing the look of my party at all

i can get it a solid colour but it doesnt gradient like in the example

is there seriously noone on that can help =/
Pleiadesu
OFFLINE
Trainerlevel: 37

Forum Posts: 1,222
Posted: Sat, 02/04/2016 13:29 (8 Years ago)
Ah- I think you just double-posted. Double-posting is against the rules and can give you a warning, so be careful next time!

Here's a little example of how you could accomplish this:

background: linear-gradient(to (end location here), color1 , color2);


For example-

background: linear-gradient(to bottom right, red , yellow);


would result in



(Examples courtesy of W3schools)
Rage || More rage || Ultimate rage
"Don't let someone else make you feel guilty or ashamed about something you don't have control over, whether it is your skin color, your sexual preference or otherwise."
- Alex Bolton (I Hate Everything)
ArcanicRose
OFFLINE
Trainerlevel: 45

Forum Posts: 451
Posted: Sat, 02/04/2016 13:31 (8 Years ago)
ok,,, i got the party thing done finally D=

its really hard D= xD

the cursor isnt working though xD

double posted?? i didnt realise D= im sorry
Pleiadesu
OFFLINE
Trainerlevel: 37

Forum Posts: 1,222
Posted: Sat, 02/04/2016 13:36 (8 Years ago)
The cursor isn't working? As in your mouse cursor isn't visible?
Rage || More rage || Ultimate rage
"Don't let someone else make you feel guilty or ashamed about something you don't have control over, whether it is your skin color, your sexual preference or otherwise."
- Alex Bolton (I Hate Everything)
ArcanicRose
OFFLINE
Trainerlevel: 45

Forum Posts: 451
Posted: Sat, 02/04/2016 13:39 (8 Years ago)
it doesnt change, i put in:

body, a {cursor: url(YOUR IMAGE HERE), default!important}

with this url in the your image here part:
http://cdn.bulbagarden.net/upload/thumb/a/a3/311Plusle.png/250px-311Plusle.png

but it doesnt change