style.css (3800B)
1 @font-face{ 2 font-family: "Latin-Mono-Regular"; 3 src: url('fonts/lmmono10-regular.otf'), 4 url('fonts/lmmono10-regular.otf'); /* IE */ 5 } 6 7 @font-face{ 8 font-family: "Latin-Mono-Italic"; 9 src: url('fonts/lmmono10-italic.otf'), 10 url('fonts/lmmono10-italic.otf'); /* IE */ 11 } 12 13 @font-face{ 14 font-family: "Roberta"; 15 src: url('fonts/roberta.ttf'), 16 url('fonts/roberta.ttf'); /* IE */ 17 } 18 19 /*use line-height*/ 20 .font{ 21 line-height: 1px; 22 letter-spacing: 1px; 23 } 24 25 @viewport 26 { 27 width: device-width ; 28 zoom: 1.0 ; 29 } 30 31 body 32 { 33 margin: 20px auto; 34 scroll-behavior: smooth; 35 font-size: 16px; 36 width: 100%; 37 text-align: center; 38 background-color:#000; 39 color: #f5f5f5; 40 font-family: "Latin-Mono-Regular"; 41 } 42 43 p{ 44 margin:1px 0; 45 } 46 47 h1{ 48 margin:1px 0; 49 font-size: 60px; 50 font-family: "Roberta"; 51 font-style: none; 52 line-height: 42px; 53 font-margin: 0px; 54 } 55 56 h2{ 57 margin:1px 0; 58 color:#FCD612; 59 font-size: 30px; 60 font-family: "Latin-Mono-Regular"; 61 line-height: 30px; 62 font-margin: 0px; 63 } 64 h3{ 65 margin:1px 0; 66 font-size: 30px; 67 font-family: "Latin-Mono-Regular"; 68 font-style: none; 69 } 70 h4{ 71 margin:1px 0; 72 font-size: 20px; 73 font-family: "Latin-Mono-Italic"; 74 font-style: none; 75 } 76 77 a{ 78 color:#FCD612; 79 } 80 81 #logocontainer 82 { 83 margin: 0px auto; 84 width: 100%; 85 height: 100%; 86 text-align: center; 87 vertical-align: middle; 88 } 89 90 #container 91 { 92 margin: 0px auto; 93 max-width: 450px; 94 width: 100%; 95 text-align: center; 96 vertical-align: middle; 97 } 98 99 #bag 100 { 101 margin: 0px auto; 102 position:fixed; 103 color:#fff; 104 top:0; 105 width:100%; 106 background:#555; 107 } 108 109 #insidebag 110 { 111 margin: 10px auto; 112 font-size: 14px; 113 width:100%; 114 } 115 116 table, tbody, tr, td 117 { 118 width: 100%; 119 } 120 121 input, select 122 { 123 padding: 4px; 124 color: #666; 125 background-color: #111; 126 font-size: 16px; 127 border: 0px; 128 } 129 130 textarea 131 { 132 padding: 4px; 133 color: #666; 134 background-color: #111; 135 font-size: 16px; 136 border: 0px; 137 width: 100%; 138 height: 20px; 139 } 140 141 button 142 { 143 margin:10px; 144 padding: 4px; 145 font-size: 18px; 146 color: #ff0000; 147 background-color: #222; 148 width: 90%; 149 } 150 151 .logo 152 { 153 width: 80%; 154 height:auto; 155 } 156 157 .logo2 158 { 159 width: 70%; 160 height:auto; 161 } 162 163 .product 164 { 165 scroll-margin-top: 10rem; 166 } 167 168 .orders 169 { 170 margin:0 auto; 171 background-color:#333; 172 font-weight: normal; 173 font-style: normal; 174 font-size: 15px; 175 padding-top: 5px; 176 padding-left: 20px; 177 padding-right: 20px; 178 text-align: left; 179 height: auto; 180 width: 90%; 181 padding-bottom: 20px; 182 border-radius:5px; 183 } 184 185 .imgprod 186 { 187 border-radius:5px; 188 } 189 #payid 190 { 191 margin: 0px auto; 192 color: #888; 193 text-decoration: normal; 194 background-color: #111; 195 border: 0px; 196 width: 100%; 197 font-size: 10px; 198 text-align: center; 199 white-space: pre-wrap; /* CSS3 */ 200 white-space: -moz-pre-wrap; /* Firefox */ 201 white-space: -pre-wrap; /* Opera <7 */ 202 white-space: -o-pre-wrap; /* Opera 7 */ 203 word-wrap: break-word; /* IE */ 204 } 205 206 #payreq 207 { 208 margin: 0px auto; 209 color: #888; 210 background-color: #111; 211 border: 0px; 212 width: 100%; 213 height: 55px; 214 font-size: 10px; 215 text-align: center; 216 white-space: pre-wrap; /* CSS3 */ 217 white-space: -moz-pre-wrap; /* Firefox */ 218 white-space: -pre-wrap; /* Opera <7 */ 219 white-space: -o-pre-wrap; /* Opera 7 */ 220 word-wrap: break-word; /* IE */ 221 } 222 223 #copybutton 224 { 225 color: #333; 226 text-decoration: bold; 227 background-color: #111; 228 border: 0px; 229 padding: 5px; 230 width: auto; 231 } 232 233 #backbutton 234 { 235 color: #333; 236 text-decoration: bold; 237 background-color: #111; 238 border: 0px; 239 padding: 5px; 240 width: auto; 241 } 242 243 #description 244 { 245 height:100px; 246 }