| Server IP : 162.0.232.140 / Your IP : 13.58.215.209 Web Server : LiteSpeed System : Linux premium139.web-hosting.com 4.18.0-513.24.1.lve.2.el8.x86_64 #1 SMP Fri May 24 12:42:50 UTC 2024 x86_64 User : micrcvoy ( 740) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/micrcvoy/www/uploads/slider/Steam/index_fichiers/ |
Upload File : |
.btn_green_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #a4d007;
background: -moz-linear-gradient(top, #a4d007 5%, #6b8805 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#a4d007), color-stop(95%,#6b8805));background: -webkit-linear-gradient(top, #a4d007 5%,#6b8805 95%);background: -o-linear-gradient(top, #a4d007 5%,#6b8805 95%);background: -ms-linear-gradient(top, #a4d007 5%,#6b8805 95%);background: linear-gradient(to bottom, #a4d007 5%,#6b8805 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4d007', endColorstr='#6b8805',GradientType=0 ); }
.btn_green_white_innerfade > span {
border-radius: 2px;
display: block;
background: #8bb006;
background: -moz-linear-gradient(top, #8bb006 5%, #6b8805 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8bb006), color-stop(95%,#6b8805));background: -webkit-linear-gradient(top, #8bb006 5%,#6b8805 95%);background: -o-linear-gradient(top, #8bb006 5%,#6b8805 95%);background: -ms-linear-gradient(top, #8bb006 5%,#6b8805 95%);background: linear-gradient(to bottom, #8bb006 5%,#6b8805 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb006', endColorstr='#6b8805',GradientType=0 ); }
.btn_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #b6d908;
background: -moz-linear-gradient(top, #b6d908 5%, #80a006 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b6d908), color-stop(95%,#80a006));background: -webkit-linear-gradient(top, #b6d908 5%,#80a006 95%);background: -o-linear-gradient(top, #b6d908 5%,#80a006 95%);background: -ms-linear-gradient(top, #b6d908 5%,#80a006 95%);background: linear-gradient(to bottom, #b6d908 5%,#80a006 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6d908', endColorstr='#80a006',GradientType=0 ); }
.btn_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: #a1bf07;
background: -moz-linear-gradient(top, #a1bf07 5%, #80a006 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#a1bf07), color-stop(95%,#80a006));background: -webkit-linear-gradient(top, #a1bf07 5%,#80a006 95%);background: -o-linear-gradient(top, #a1bf07 5%,#80a006 95%);background: -ms-linear-gradient(top, #a1bf07 5%,#80a006 95%);background: linear-gradient(to bottom, #a1bf07 5%,#80a006 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1bf07', endColorstr='#80a006',GradientType=0 ); }
.btn_blue_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #aaceff;
background: -moz-linear-gradient(top, #aaceff 5%, #3c6091 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#aaceff), color-stop(95%,#3c6091));background: -webkit-linear-gradient(top, #aaceff 5%,#3c6091 95%);background: -o-linear-gradient(top, #aaceff 5%,#3c6091 95%);background: -ms-linear-gradient(top, #aaceff 5%,#3c6091 95%);background: linear-gradient(to bottom, #aaceff 5%,#3c6091 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaceff', endColorstr='#3c6091',GradientType=0 ); }
.btn_blue_white_innerfade > span {
border-radius: 2px;
display: block;
background: #82a6d7;
background: -moz-linear-gradient(top, #82a6d7 5%, #3c6091 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#82a6d7), color-stop(95%,#3c6091));background: -webkit-linear-gradient(top, #82a6d7 5%,#3c6091 95%);background: -o-linear-gradient(top, #82a6d7 5%,#3c6091 95%);background: -ms-linear-gradient(top, #82a6d7 5%,#3c6091 95%);background: linear-gradient(to bottom, #82a6d7 5%,#3c6091 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a6d7', endColorstr='#3c6091',GradientType=0 ); }
.btn_blue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #bbd8ff;
background: -moz-linear-gradient(top, #bbd8ff 5%, #4873a7 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#bbd8ff), color-stop(95%,#4873a7));background: -webkit-linear-gradient(top, #bbd8ff 5%,#4873a7 95%);background: -o-linear-gradient(top, #bbd8ff 5%,#4873a7 95%);background: -ms-linear-gradient(top, #bbd8ff 5%,#4873a7 95%);background: linear-gradient(to bottom, #bbd8ff 5%,#4873a7 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd8ff', endColorstr='#4873a7',GradientType=0 ); }
.btn_blue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: #9ab7de;
background: -moz-linear-gradient(top, #9ab7de 5%, #4873a7 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#9ab7de), color-stop(95%,#4873a7));background: -webkit-linear-gradient(top, #9ab7de 5%,#4873a7 95%);background: -o-linear-gradient(top, #9ab7de 5%,#4873a7 95%);background: -ms-linear-gradient(top, #9ab7de 5%,#4873a7 95%);background: linear-gradient(to bottom, #9ab7de 5%,#4873a7 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ab7de', endColorstr='#4873a7',GradientType=0 ); }
.btn_darkblue_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #57749e;
background: -moz-linear-gradient(top, #57749e 5%, #364963 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#57749e), color-stop(95%,#364963));background: -webkit-linear-gradient(top, #57749e 5%,#364963 95%);background: -o-linear-gradient(top, #57749e 5%,#364963 95%);background: -ms-linear-gradient(top, #57749e 5%,#364963 95%);background: linear-gradient(to bottom, #57749e 5%,#364963 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57749e', endColorstr='#364963',GradientType=0 ); }
.btn_darkblue_white_innerfade > span {
border-radius: 2px;
display: block;
background: #445b7c;
background: -moz-linear-gradient(top, #445b7c 5%, #364963 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#445b7c), color-stop(95%,#364963));background: -webkit-linear-gradient(top, #445b7c 5%,#364963 95%);background: -o-linear-gradient(top, #445b7c 5%,#364963 95%);background: -ms-linear-gradient(top, #445b7c 5%,#364963 95%);background: linear-gradient(to bottom, #445b7c 5%,#364963 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445b7c', endColorstr='#364963',GradientType=0 ); }
.btn_darkblue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #688bb1;
background: -moz-linear-gradient(top, #688bb1 5%, #415877 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#688bb1), color-stop(95%,#415877));background: -webkit-linear-gradient(top, #688bb1 5%,#415877 95%);background: -o-linear-gradient(top, #688bb1 5%,#415877 95%);background: -ms-linear-gradient(top, #688bb1 5%,#415877 95%);background: linear-gradient(to bottom, #688bb1 5%,#415877 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688bb1', endColorstr='#415877',GradientType=0 ); }
.btn_darkblue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: #526d95;
background: -moz-linear-gradient(top, #526d95 5%, #415877 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#526d95), color-stop(95%,#415877));background: -webkit-linear-gradient(top, #526d95 5%,#415877 95%);background: -o-linear-gradient(top, #526d95 5%,#415877 95%);background: -ms-linear-gradient(top, #526d95 5%,#415877 95%);background: linear-gradient(to bottom, #526d95 5%,#415877 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526d95', endColorstr='#415877',GradientType=0 ); }
.btn_darkblue_white_innerfade.btn_active, btn_darkblue_white_innerfade.active {
text-decoration: none !important;
color: #323b49 !important;
background: #fff !important; }
.btn_darkblue_white_innerfade.btn_active > span, btn_darkblue_white_innerfade.active > span {
background: #989b9e;
background: -moz-linear-gradient(top, #989b9e 5%, #aeb1b5 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#989b9e), color-stop(95%,#aeb1b5));background: -webkit-linear-gradient(top, #989b9e 5%,#aeb1b5 95%);background: -o-linear-gradient(top, #989b9e 5%,#aeb1b5 95%);background: -ms-linear-gradient(top, #989b9e 5%,#aeb1b5 95%);background: linear-gradient(to bottom, #989b9e 5%,#aeb1b5 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989b9e', endColorstr='#aeb1b5',GradientType=0 ); }
.btn_grey_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #b3b3b3;
background: -moz-linear-gradient(top, #b3b3b3 5%, #484848 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b3b3b3), color-stop(95%,#484848));background: -webkit-linear-gradient(top, #b3b3b3 5%,#484848 95%);background: -o-linear-gradient(top, #b3b3b3 5%,#484848 95%);background: -ms-linear-gradient(top, #b3b3b3 5%,#484848 95%);background: linear-gradient(to bottom, #b3b3b3 5%,#484848 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#484848',GradientType=0 ); }
.btn_grey_white_innerfade > span {
border-radius: 2px;
display: block;
background: #7e7e7e;
background: -moz-linear-gradient(top, #7e7e7e 5%, #484848 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#7e7e7e), color-stop(95%,#484848));background: -webkit-linear-gradient(top, #7e7e7e 5%,#484848 95%);background: -o-linear-gradient(top, #7e7e7e 5%,#484848 95%);background: -ms-linear-gradient(top, #7e7e7e 5%,#484848 95%);background: linear-gradient(to bottom, #7e7e7e 5%,#484848 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#484848',GradientType=0 ); }
.btn_grey_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #c2c2c2;
background: -moz-linear-gradient(top, #c2c2c2 5%, #565656 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#c2c2c2), color-stop(95%,#565656));background: -webkit-linear-gradient(top, #c2c2c2 5%,#565656 95%);background: -o-linear-gradient(top, #c2c2c2 5%,#565656 95%);background: -ms-linear-gradient(top, #c2c2c2 5%,#565656 95%);background: linear-gradient(to bottom, #c2c2c2 5%,#565656 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#565656',GradientType=0 ); }
.btn_grey_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: #969696;
background: -moz-linear-gradient(top, #969696 5%, #565656 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#969696), color-stop(95%,#565656));background: -webkit-linear-gradient(top, #969696 5%,#565656 95%);background: -o-linear-gradient(top, #969696 5%,#565656 95%);background: -ms-linear-gradient(top, #969696 5%,#565656 95%);background: linear-gradient(to bottom, #969696 5%,#565656 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#565656',GradientType=0 ); }
.btn_grey_grey {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #2c2c2c; }
.btn_grey_grey > span {
border-radius: 2px;
display: block;
background: transparent; }
.btn_grey_grey:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #000 !important;
background: #97C0E3; }
.btn_grey_grey:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btn_grey_grey_outer_bevel {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #000; }
.btn_grey_grey_outer_bevel > span {
border-radius: 2px;
display: block;
background: #2B2B2B;
background: -moz-linear-gradient(top, #2B2B2B 5%, #202020 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#2B2B2B), color-stop(95%,#202020));background: -webkit-linear-gradient(top, #2B2B2B 5%,#202020 95%);background: -o-linear-gradient(top, #2B2B2B 5%,#202020 95%);background: -ms-linear-gradient(top, #2B2B2B 5%,#202020 95%);background: linear-gradient(to bottom, #2B2B2B 5%,#202020 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B2B2B', endColorstr='#202020',GradientType=0 ); }
.btn_grey_grey_outer_bevel:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #ebebeb !important;
background: #57749e;
background: -moz-linear-gradient(top, #57749e 5%, #364963 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#57749e), color-stop(95%,#364963));background: -webkit-linear-gradient(top, #57749e 5%,#364963 95%);background: -o-linear-gradient(top, #57749e 5%,#364963 95%);background: -ms-linear-gradient(top, #57749e 5%,#364963 95%);background: linear-gradient(to bottom, #57749e 5%,#364963 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57749e', endColorstr='#364963',GradientType=0 ); }
.btn_grey_grey_outer_bevel:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: #445b7c;
background: -moz-linear-gradient(top, #445b7c 5%, #364963 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#445b7c), color-stop(95%,#364963));background: -webkit-linear-gradient(top, #445b7c 5%,#364963 95%);background: -o-linear-gradient(top, #445b7c 5%,#364963 95%);background: -ms-linear-gradient(top, #445b7c 5%,#364963 95%);background: linear-gradient(to bottom, #445b7c 5%,#364963 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445b7c', endColorstr='#364963',GradientType=0 ); }
.btn_grey_grey_outer_bevel:not(:hover) > span {
box-shadow: inset 0 1px 1px #434343;
}
.btn_grey_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #1a1a1a; }
.btn_grey_black > span {
border-radius: 2px;
display: block;
background: transparent; }
.btn_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #000 !important;
background: #97C0E3; }
.btn_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btn_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #000; }
.btn_black > span {
border-radius: 2px;
display: block;
background: transparent; }
.btn_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #000 !important;
background: #97C0E3; }
.btn_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btnv6_blue_hoverfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #67c1f5 !important;
background: rgba( 103, 193, 245, 0.2 ); }
.btnv6_blue_hoverfade > span {
border-radius: 2px;
display: block;
background: transparent; }
.btnv6_blue_hoverfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #417a9b;
background: -moz-linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);background: -webkit-gradient(linear, left top, right top, color-stop(5%,#417a9b), color-stop(95%,#67c1f5));background: -webkit-linear-gradient(-60deg, #417a9b 5%,#67c1f5 95%);background: -o-linear-gradient(-60deg, #417a9b 5%,#67c1f5 95%);background: -ms-linear-gradient(-60deg, #417a9b 5%,#67c1f5 95%);background: linear-gradient(-60deg, #417a9b 5%,#67c1f5 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417a9b', endColorstr='#67c1f5',GradientType=1 ); }
.btnv6_blue_hoverfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btnv6_blue_hoverfade.btn_active, btnv6_blue_hoverfade.active {
text-decoration: none !important;
color: #fff !important;
background: rgba( 103, 193, 245, 0.6 );; }
.btnv6_blue_hoverfade.btn_active > span, btnv6_blue_hoverfade.active > span {
background: transparent; }
.btnv6_lightblue_blue {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #2B5066 !important;
background: rgba(193,228,249,1);
background: -moz-linear-gradient(top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(193,228,249,1)), color-stop(95%,rgba(148,183,202,1)));background: -webkit-linear-gradient(top, rgba(193,228,249,1) 5%,rgba(148,183,202,1) 95%);background: -o-linear-gradient(top, rgba(193,228,249,1) 5%,rgba(148,183,202,1) 95%);background: -ms-linear-gradient(top, rgba(193,228,249,1) 5%,rgba(148,183,202,1) 95%);background: linear-gradient(to bottom, rgba(193,228,249,1) 5%,rgba(148,183,202,1) 95%); }
.btnv6_lightblue_blue > span {
border-radius: 2px;
display: block;
background: transparent; text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1 ); }
.btnv6_lightblue_blue:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(102,192,244,1);
background: -moz-linear-gradient(top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -webkit-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: -o-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: -ms-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: linear-gradient(to bottom, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%); }
.btnv6_lightblue_blue:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btnv6_blue_blue_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(47,137,188,1);
background: -moz-linear-gradient(top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(47,137,188,1)), color-stop(95%,rgba(23,67,92,1)));background: -webkit-linear-gradient(top, rgba(47,137,188,1) 5%,rgba(23,67,92,1) 95%);background: -o-linear-gradient(top, rgba(47,137,188,1) 5%,rgba(23,67,92,1) 95%);background: -ms-linear-gradient(top, rgba(47,137,188,1) 5%,rgba(23,67,92,1) 95%);background: linear-gradient(to bottom, rgba(47,137,188,1) 5%,rgba(23,67,92,1) 95%); }
.btnv6_blue_blue_innerfade > span {
border-radius: 2px;
display: block;
background: transparent; text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.1 ); }
.btnv6_blue_blue_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(102,192,244,1);
background: -moz-linear-gradient(top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -webkit-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: -o-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: -ms-linear-gradient(top, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%);background: linear-gradient(to bottom, rgba(102,192,244,1) 5%,rgba(47,137,188,1) 95%); }
.btnv6_blue_blue_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btnv6_green_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #D2E885 !important;
background: rgba(121,153,5,1);
background: -moz-linear-gradient(top, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(121,153,5,1)), color-stop(95%,rgba(83,105,4,1)));background: -webkit-linear-gradient(top, rgba(121,153,5,1) 5%,rgba(83,105,4,1) 95%);background: -o-linear-gradient(top, rgba(121,153,5,1) 5%,rgba(83,105,4,1) 95%);background: -ms-linear-gradient(top, rgba(121,153,5,1) 5%,rgba(83,105,4,1) 95%);background: linear-gradient(to bottom, rgba(121,153,5,1) 5%,rgba(83,105,4,1) 95%); }
.btnv6_green_white_innerfade > span {
border-radius: 2px;
display: block;
background: transparent; text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.1 ); }
.btnv6_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(164,208,7,1);
background: -moz-linear-gradient(top, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(164,208,7,1)), color-stop(95%,rgba(107,135,5,1)));background: -webkit-linear-gradient(top, rgba(164,208,7,1) 5%,rgba(107,135,5,1) 95%);background: -o-linear-gradient(top, rgba(164,208,7,1) 5%,rgba(107,135,5,1) 95%);background: -ms-linear-gradient(top, rgba(164,208,7,1) 5%,rgba(107,135,5,1) 95%);background: linear-gradient(to bottom, rgba(164,208,7,1) 5%,rgba(107,135,5,1) 95%); }
.btnv6_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
.btnv6_grey_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #66c0f4 !important;
background: #212c3d; }
.btnv6_grey_black > span {
border-radius: 2px;
display: block;
background: transparent; }
.btnv6_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #66c0f4; }
.btnv6_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {
background: transparent; }
/* This class must be applied to anything you want to use buttons in to enable hover states. */
.btn_hover {}
.inner_bevel {
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;
box-shadow: 2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;
}
/* fix for mozilla <button> elements */
button::-moz-focus-inner
{
padding: 0;
border: none;
}
/* Borders */
.btn_border_2px {
border-radius: 4px;
border: 2px solid #464646;
}
btn_border_2px > span {
border-radius: 3px;
}
.btnv6_border_2px {
border-radius: 4px;
border: 2px solid #17202f;
}
btnv6_border_2px > span {
border-radius: 3px;
}
/* Sizing */
.btn_large > span, input.btn_large {
padding: 0 15px;
font-size: 16px;
line-height: 40px;
}
.btn_medium_tall > span, input.btn_medium_tall {
padding: 0 15px;
font-size: 15px;
line-height: 36px;
}
.btn_medium > span, input.btn_medium {
padding: 0 15px;
font-size: 15px;
line-height: 30px;
}
.btn_medium .ico16 {
margin: 7px 0;
vertical-align: top;
}
.btn_medium_thin > span, input.btn_medium_thin {
padding: 0 5px;
font-size: 15px;
line-height: 30px;
}
.btn_medium_wide > span, input.btn_medium_wide {
padding: 0 24px;
font-size: 15px;
line-height: 30px;
}
.btn_small > span, input.btn_small {
padding: 0 15px;
font-size: 12px;
line-height: 20px;
}
.btn_small_thin > span, input.btn_small_thin {
padding: 0 5px;
font-size: 12px;
line-height: 20px;
}
.btn_small_tall > span, input.btn_small_tall {
padding: 0 15px;
font-size: 12px;
line-height: 24px;
}
.btn_small_wide > span, input.btn_small_wide {
padding: 0 24px;
font-size: 12px;
line-height: 20px;
}
.btn_tiny > span, input.btn_tiny {
padding: 0 7px;
font-size: 11px;
line-height: 17px;
}
/* Misc effects */
.btn_uppercase > span {
text-transform: uppercase;
}
/* Icons */
/* 18x18 */
.ico18{
display: inline-block;
width: 18px;
height: 18px;
margin: 0 0px;
background: url(https://steamstore-a.akamaihd.net/public/shared/images/buttons/icons_18.png?v=2);
vertical-align: text-top;
}
.ico18.thumb_down {
background-position: -18px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico18.thumb_down {
background-position: -90px 0px; }
.btn_active .ico18.thumb_down, .active .ico18.thumb_down {
background-position: -54px 0px; }
.ico18.thumb_up {
background-position: 0px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico18.thumb_up {
background-position: -72px 0px; }
.btn_active .ico18.thumb_up, .active .ico18.thumb_up {
background-position: -36px 0px; }
/* 16x16 */
.ico16{
display: inline-block;
width: 16px;
height: 16px;
background: url(https://steamstore-a.akamaihd.net/public/shared/images/buttons/icons_16.png?v=3);
vertical-align: text-top;
}
.ico16.comment {
background-position: 0px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.comment {
background-position: -16px 0px; }
.ico16.thumb_down {
background-position: -32px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_down {
background-position: -48px 0px; }
.btn_active .ico16.thumb_down, .active .ico16.thumb_down {
background-position: -64px 0px; }
.ico16.thumb_up {
background-position: -80px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_up {
background-position: -112px 0px; }
.btn_active .ico16.thumb_up, .active .ico16.thumb_up {
background-position: -96px 0px; }
.ico16.thumb_downv6 {
background-position: -64px -16px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_downv6 {
background-position: -80px -16px; }
.btn_active .ico16.thumb_downv6, .active .ico16.thumb_downv6 {
background-position: -96px -16px; }
.ico16.thumb_upv6 {
background-position: -112px -16px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_upv6 {
background-position: -144px -16px; }
.btn_active .ico16.thumb_upv6, .active .ico16.thumb_upv6 {
background-position: -128px -16px; }
.ico16.arrow_down {
background-position: -48px -16px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.arrow_down {
background-position: -32px -16px; }
.ico16.report {
background-position: -128px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.report {
background-position: -144px 0px; }
.btn_active .ico16.report, .active .ico16.report {
background-position: -160px 0px; }
.ico16.reportv6 {
background-position: -256px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.reportv6 {
background-position: -272px 0px; }
.btn_active .ico16.reportv6, .active .ico16.reportv6 {
background-position: -288px 0px; }
.ico16.arrow_next {
background-position: -176px 0px; }
.ico16.checkbox {
background-position: -192px 0px; }
.ico16.bucketnew {
background-position: -208px 0px; }
.ico16.bucketqueue {
background-position: -224px 0px; }
.ico16.bucketrefresh {
background-position: -240px 0px; }
.ico16.bluearrow_down {
background-position: -304px 0px; }
.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.bluearrow_down {
background-position: -304px -16px; }
.btn_active .ico16.bluearrow_down, .active .ico16.bluearrow_down {
background-position: -304px -16px; }
/* Arrows are the only icons I've not fully replaced yet. If you need to use them, please convert to the new icon code */
.btn_details_arrow
{
display: inline-block;
width: 15px;
height: 16px;
background-image:url('https://steamstore-a.akamaihd.net/public/shared/images/buttons/icon_double_arrows.png');
vertical-align: middle;
}
.btn_details_arrow.up
{
background-position: 0px 0px;
}
.btn_details:not(.btn_disabled):not(.btn_active):not(.active):hover .btn_details_arrow.up
{
background-position: -15px 0px;
}
.btn_details_arrow.down
{
background-position: 15px 0px;
}
.btn_details:not(.btn_disabled):not(.btn_active):not(.active):hover .btn_details_arrow.down
{
background-position: 30px 0px;
}
.btn_disabled {
opacity: 0.45;
cursor: default;
}
.btn_disabled:hover {
text-decoration: none;
}
.packageTagsArrow
{
display: inline-block;
width: 15px;
height: 16px;
background-image:url('https://steamstore-a.akamaihd.net/public/shared/images/buttons/icon_double_arrows.png');
}
.packageTagsArrow.Expand
{
background-position: 18px 1px;
}
.packageTagsArrow.Collapse
{
background-position: 3px 1px;
}