SHOW:
|
|
- or go back to the newest paste.
| 1 | .box | |
| 2 | {
| |
| 3 | text-align:center; | |
| 4 | padding:0px; | |
| 5 | box-shadow:none; | |
| 6 | } | |
| 7 | ||
| 8 | .thing,.box-header,.box-footer,.box-bit | |
| 9 | {
| |
| 10 | background:#39f; | |
| 11 | box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(255,255,255,0.5) inset; | |
| 12 | } | |
| 13 | .box-bit{border-radius:20px;}
| |
| 14 | ||
| 15 | .box-header | |
| 16 | {
| |
| 17 | border-bottom-left-radius:20px; | |
| 18 | border-bottom-right-radius:20px; | |
| 19 | margin-bottom:4px; | |
| 20 | } | |
| 21 | .box-footer | |
| 22 | {
| |
| 23 | border-top-left-radius:20px; | |
| 24 | border-top-right-radius:20px; | |
| 25 | margin-top:4px; | |
| 26 | } | |
| 27 | ||
| 28 | #box-main | |
| 29 | {
| |
| 30 | left:0px; | |
| 31 | top:0px; | |
| 32 | bottom:0px; | |
| 33 | overflow:hidden; | |
| 34 | - | width:230px; |
| 34 | + | width:30%; |
| 35 | position:absolute; | |
| 36 | } | |
| 37 | - | #box-res |
| 37 | + | #box-resources |
| 38 | {
| |
| 39 | - | border-top:5px solid black; |
| 39 | + | |
| 40 | - | border-bottom:2.5px solid black; |
| 40 | + | left:30%; |
| 41 | - | width:75%; |
| 41 | + | overflow:hidden; |
| 42 | - | maxwidth:400px; |
| 42 | + | width:25%; |
| 43 | - | right:100%; |
| 43 | + | height:75%; |
| 44 | - | bottom:83.5%; |
| 44 | + | |
| 45 | - | height:8.5%; |
| 45 | + | |
| 46 | - | z-index:100; |
| 46 | + | #box-unlockables |
| 47 | - | position:left; |
| 47 | + | |
| 48 | right:200px; | |
| 49 | - | background:linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.15) 100%); |
| 49 | + | |
| 50 | bottom:0px; | |
| 51 | - | #box-buttons |
| 51 | + | width:calc(200px + 7%); |
| 52 | position:absolute; | |
| 53 | } | |
| 54 | - | right:50px; |
| 54 | + | |
| 55 | {
| |
| 56 | - | left:0px; |
| 56 | + | |
| 57 | - | width:220px; |
| 57 | + | |
| 58 | width:200px; | |
| 59 | right:0%; | |
| 60 | - | #box-store |
| 60 | + | |
| 61 | overflow-y:scroll; | |
| 62 | - | right:150px; |
| 62 | + | |
| 63 | position:absolute; | |
| 64 | } | |
| 65 | - | width:220px; |
| 65 | + | |
| 66 | - | position:absolute; |
| 66 | + | |
| 67 | display:inline-block; | |
| 68 | - | #box-buildings,#box-upgrades |
| 68 | + | |
| 69 | margin:2px; | |
| 70 | cursor:pointer; | |
| 71 | } | |
| 72 | - | width:150px; |
| 72 | + | |
| 73 | {
| |
| 74 | background:#6cf; | |
| 75 | } | |
| 76 | .thing.cantAfford | |
| 77 | {
| |
| 78 | opacity:0.65; | |
| 79 | } | |
| 80 | - | {right:50%;}
|
| 80 | + | |
| 81 | {
| |
| 82 | - | #box-buildings{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}
|
| 82 | + | |
| 83 | - | #box-upgrades{background:rgba(0,0,0,0.3);}
|
| 83 | + | |
| 84 | } | |
| 85 | - | #bulkDisplay{margin:-11px 24px 4px 24px;}
|
| 85 | + | |
| 86 | {
| |
| 87 | box-shadow:0px 0px 4px #6cf; | |
| 88 | } | |
| 89 | .upgrade.owned,.achiev.owned | |
| 90 | {
| |
| 91 | background:#6cf; | |
| 92 | } | |
| 93 | .thing-text,.thing-costs{font-weight:bold;}
| |
| 94 | ||
| 95 | .building | |
| 96 | {
| |
| 97 | border-top-left-radius:20px; | |
| 98 | border-bottom-left-radius:20px; | |
| 99 | display:block; | |
| 100 | margin-right:0px; | |
| 101 | font-size:14px; | |
| 102 | } | |
| 103 | ||
| 104 | .fullWidth | |
| 105 | {
| |
| 106 | display:block; | |
| 107 | margin-left:0px; | |
| 108 | margin-right:0px; | |
| 109 | z-index:10; | |
| 110 | } | |
| 111 | #game .fullWidth | |
| 112 | {
| |
| 113 | height:auto; | |
| 114 | min-height:auto; | |
| 115 | } | |
| 116 | .fullWidth,.fullWidth:hover | |
| 117 | {
| |
| 118 | /*background:rgba(0,0,0,0.5); | |
| 119 | background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100%);*/ | |
| 120 | background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%); | |
| 121 | box-shadow:none; | |
| 122 | } | |
| 123 | .fullWidth:before,.fullWidth:after | |
| 124 | {
| |
| 125 | content:''; | |
| 126 | height:1px; | |
| 127 | background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%); | |
| 128 | position:absolute; | |
| 129 | left:0px; | |
| 130 | right:0px; | |
| 131 | z-index:-1; | |
| 132 | } | |
| 133 | .fullWidth:before{top:-1px;}
| |
| 134 | .fullWidth:after{bottom:-1px;}
| |
| 135 | ||
| 136 | .fullWidth .thing-icon | |
| 137 | {
| |
| 138 | margin-top:-14px; | |
| 139 | margin-bottom:-14px; | |
| 140 | } | |
| 141 | .fullWidth .thing-text | |
| 142 | {
| |
| 143 | margin-top:-4px; | |
| 144 | margin-bottom:-4px; | |
| 145 | } | |
| 146 | ||
| 147 | #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));} |
