supernets.org

- https://supernets.org
git clone git://git.acid.vegas/supernets.org.git
Log | Files | Refs | Archive

custom.css (4946B)

      1 body, html {
      2     overflow: hidden;
      3     margin: 0;
      4     padding: 0;
      5     background: #fff;
      6     -moz-user-select: none;
      7     -khtml-user-select: none;
      8     -webkit-user-select: none;
      9     -ms-user-select: none;
     10     user-select: none;
     11 }
     12 
     13 #action {
     14     background: #242a4a; /* Old browsers */
     15     background: -moz-linear-gradient(top, #242a4a 0%, #201610 100%); /* FF3.6+ */
     16     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242a4a), color-stop(100%,#201610)); /* Chrome,Safari4+ */
     17     background: -webkit-linear-gradient(top, #242a4a 0%,#201610 100%); /* Chrome10+,Safari5.1+ */
     18     background: -o-linear-gradient(top, #242a4a 0%,#201610 100%); /* Opera 11.10+ */
     19     background: -ms-linear-gradient(top, #242a4a 0%,#201610 100%); /* IE10+ */
     20     background: linear-gradient(to bottom, #242a4a 0%,#201610 100%); /* W3C */
     21     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242a4a', endColorstr='#201610',GradientType=0 ); /* IE6-9 */
     22 }
     23 
     24 
     25 #startMenu {
     26     position: absolute;
     27     left: 50%;
     28     top: 50%;
     29     margin-left: -360px;
     30     margin-top: -280px;
     31     width: 600px;
     32     height: 490px;
     33     z-index: 1;
     34 }
     35 
     36 
     37 .btn-large {
     38     margin-left: 10px;
     39     margin-right: 10px;
     40 }
     41 
     42 .thumbnail {
     43     padding: 5px;
     44 }
     45 
     46 #weaponsMenu .thumbnail {
     47     padding: 17px;
     48 }
     49 
     50 
     51 
     52 .thumbnails {
     53     margin-left: auto;
     54     list-style: none;
     55 }
     56 
     57 #weaponsMenu {
     58     position: absolute;
     59     left: 100%;
     60     top: 100%;
     61     width: 275px;
     62     height: 350px;
     63     margin-top: -350px;
     64     z-index: 9999999;
     65     background: black;
     66     border: 1px white solid;
     67     padding: 10px;
     68     padding-left: 2px;
     69     padding-right: 2px;
     70     border-radius: 3px;
     71     cursor: default;
     72 }
     73 
     74 #weaponsMenuBtn {
     75     -webkit-transform: rotate(90deg);
     76     -moz-transform: rotate(90deg);
     77     -ms-transform: rotate(90deg);
     78     -o-transform: rotate(90deg);
     79     transform: rotate(90deg);
     80     cursor: pointer;
     81     position: absolute;
     82     left: -42.5%;
     83     top: 20%;
     84     padding: 20px;
     85     font-style: bold;
     86     background: black;
     87     color: white;
     88     border: white 1px solid;
     89     border-radius: 3px;
     90     z-index: 1;
     91     font-size: 20px;
     92     border-top: none;
     93 }
     94 
     95     #weaponsMenuBtn:hover {
     96         color: #08c;
     97     }
     98 
     99 #weaponsMenu .thumbnail:active {
    100     -ms-transform: scale(0.9,0.9); /* IE 9 */
    101     -webkit-transform: scale(0.9,0.9); /* Safari and Chrome */
    102     -o-transform: scale(0.9,0.9); /* Opera */
    103     -moz-transform: scale(0.9,0.9);
    104     transform: scale(0.9,0.9); /* Firefox */
    105     cursor: pointer;
    106 }
    107 
    108 #weaponsMenu .noAmmo {
    109     -moz-opacity: 0.4;
    110     opacity: 0.4;
    111 }
    112 
    113 a.noAmmo:hover {
    114     border-color: none;
    115     cursor: pointer;
    116 }
    117 
    118 
    119 .span1 {
    120     width: auto;
    121 }
    122 
    123 a.thumbnail.ammo {
    124     background: black;
    125     cursor: pointer;
    126 }
    127 
    128 .ammoCount {
    129     position: absolute;
    130     font-size: 11.5px;
    131     margin-left: 26px;
    132     margin-top: -7px;
    133     font-weight: bold;
    134     color: white;
    135 }
    136 
    137 #turnTimeCounter {
    138     background: black;
    139     border: white 1px solid;
    140     width: 70px;
    141     height: 70px;
    142     position: absolute;
    143     top: 100%;
    144     margin-top: -78px;
    145     margin-left: 10px;
    146     color: white;
    147     font-size: 40px;
    148     display: -webkit-box;
    149     box-align: center;
    150     -webkit-box-orient: horizontal;
    151     -webkit-box-pack: center;
    152     -moz-box-align: center;
    153     -webkit-box-align: center;
    154     border-radius: 3px;
    155     z-index: 1;
    156 }
    157 
    158 kbd {
    159     white-space: nowrap;
    160     color: black;
    161     background: #EEE;
    162     border-style: solid;
    163     border-color: #CCC #AAA #888 #BBB;
    164     padding: 2px 4px;
    165     border-width: 1px 3px 3px 1px;
    166 }
    167 
    168 .healthMenu {
    169     position: absolute;
    170     left: 50%;
    171     bottom: 1%;
    172     width: 150px;
    173     z-index: 1;
    174     margin-left: -200px;
    175 }
    176 
    177     .healthMenu li {
    178         list-style: none;
    179         padding: 5px;
    180     }
    181 
    182         .healthMenu li span {
    183             margin-left: 10px;
    184             margin-right: 10px;
    185             background: black;
    186             color: white;
    187             font-size: 14px;
    188             padding: 5px;
    189             border-radius: 3px;
    190             border: 1px white solid;
    191         }
    192 
    193 
    194 
    195     .healthMenu span.health {
    196         position: absolute;
    197         height: 15px;
    198     }
    199 
    200 
    201 .modal-body h1 {
    202     font-size: 18.5px;
    203     line-height: normal;
    204 }
    205 
    206 
    207 .touchButton {
    208     position: absolute;
    209     left: 100%;
    210     top: 100%;
    211     width: 80px;
    212     height: 50px;
    213     margin-top: -78px;
    214     margin-left: -100px;
    215     z-index: 1;
    216     background: black;
    217     border: 1px white solid;
    218     padding: 10px;
    219     padding-left: 2px;
    220     padding-right: 2px;
    221     border-radius: 3px;
    222     cursor: default;
    223     color: white;
    224     font-size: 30px;
    225     display: -webkit-box;
    226     -webkit-box-orient: horizontal;
    227     -webkit-box-pack: center;
    228     -webkit-box-align: center;
    229 }
    230 
    231 #touchJump {
    232     margin-left: -200px;
    233 }
    234 
    235 #touchFire {
    236     margin-left: -100px;
    237 }
    238 
    239 #notifaction {
    240     text-align: center;
    241     z-index: 99;
    242     position: absolute;
    243     top: -50px;
    244     left: 50%;
    245     margin-left: -250px;
    246     width: 500px;
    247     font-size: 17px;
    248     border-color: black;
    249 }