.admingroup table tr > td { padding: 2px;} .admingroup table tr > td:empty { border-bottom: solid black 1px; padding: 2px;} .admingroup table { border-collapse: collapse; } .admingroup table tr > td input[type=text], .admingroup table tr > td textarea { width: 100%;} .admingroup table tr > td div { width: auto; display: inline-block; vertical-align: middle; } .admingroup table tr > td div img.l { float: left; } .admingroup table tr > td input[type=checkbox] { vertical-align: middle; } .advancedsearch, a.advancedsearch { display: none; } td a.basicsearch { display: inline-block; } .suggestionbox { float: left; border: solid black 1px; padding: 3px; margin: 3px; min-height: 250px;} .suggestionbox div { float: left; margin: 2px;} div#gamesearchresults table tr > td { vertical-align: top; overflow: auto;} div#gamesearchresults table tr > td > a > img {padding: 8px;} div#gamesearchresults table tr > td img {float: left;} div#gamesearchresults table tr > th div, div#gamesearchresults table tr > td div { display: inline-block; width: auto;} div#gamesearchresults table tr > th div { float: right; font-size: 80%; margin-right: 10px; font-weight: normal;} div#gamesearchresults table tr > th div span { font-size: 100%; font-weight: bold; } div#gamesearchresults table tr > td > div { margin-left: 10px;} div#gamesearchresults table table { display: inline; float: right; margin-left: 20px;} div#gamesearchresults table table tr > td { vertical-align: top; } div#gamesearchresults table table tr > td > a > img { max-height: 20px; padding: 0px;} div#gamesearchresults table table tr > td > a > div { max-width: 500px; } div#gamesearchresults table table tr > td .button { font-size: 100%; font-weight: normal;} div#gamesearchresults table tr td { border-collapse: collapse; } div#gamesearchresults table { border-spacing: 0px; } /* div#gamesearchresults table tr > td a div { text-decoration: none; font-weight: bold; border-radius: 5px; } */ table.gamedetails {} .button { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border-radius: 5px; text-align: center; vertical-align: middle; margin: 2px; display: inline-block; cursor: pointer; border: 0px; } .arrow label::after { content: url(icon/bigmug/solid-white-doubledown.svg); width: 12px; } .arrowup label::after { content: url(icon/bigmug/solid-white-doubleup.svg); width: 12px; } .arrowhome label::after { content: url(icon/bigmug/solid-white-menu.svg); width: 12px; } .arrowshuffle label::after { content: url(icon/bornsymbol-doodle/shuffle.svg); width: 12px; } #accordion .panel { margin: 0px; border: 0px; text-align: center; } #topmenu, #accordion, #accordion .panel, #accordion .panel div { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center;} #accordion .panel { font-size: 150%; } #topmenu .large { font-size: 250%; } #topmenu, #accordion { padding: 10px; } div#gamesearchresults table tr > th, .button, a:link.button, a:visited.button, a:hover.button, a:active.button, #topmenu label { text-decoration: none; font-weight: bold; font-size: 120%; font-family: 'salsa', 'open-sans', Arial, sans-serif; } div#content, div#gamesearcharea { border-radius: 20px; max-width: 800px; padding: 25px; font-size: 110%; } /* div#gamesearchresults > table::after, div#content::after { content: url(logo-nowords-96x96.png); width: 96px; float: right; background-color: rgb(224,253,255); border-radius: 10px; } */ /* img.bottomlogo { width: 96px; float: right; background-color: rgb(224,253,255); border-radius: 10px; } */ img.bottomlogo { width: 96px; position: fixed; right: 5px; bottom: 5px; background-color: rgb(224,253,255); border-radius: 10px; } /* .button { position: relative; } .collapse { position: absolute; } */ /* COLORS */ div#gamesearchresults table tr > th { background-color: rgba(102,102,102,.95); color: white; } /* table green */ body > table tr > th { background-color: #666666; color: white;} div#gamesearchresults table tr > td { background-color: rgba(251,236,150,.95); } /* table wheat */ div#gamesearchresults table tr.even > td { background-color: rgba(224,253,255,.95);} /* table blue */ #accordion { background-color: rgba(224,253,255,.95); } div#gamesearchresults > div, body > div, body > table tr > td { background-color: rgb(224,253,255);} body { background-color: #010894;} /* background failover.. deep blue */ a:link, a:visited, a:hover, a:active { color: rgb(5,79,0); } /* link dark green */ .button, a:link.button, a:visited.button, a:hover.button, a:active.button { background-color: #666666; color: white; } /* button dark green */ /* 56,130,47 -> 140,205,45 -> 89,154,0 -> 75 ,115,25 -> 90,123,43*/ /* pre-2019 colors button green background: rgb(90,123,43) semi-trans header (Game lib): rgb(90,123,43,.95) */ /* first stab gold via: F7D82D 247,216,45 tinted 251, 236, 150 new new stab: light blue: #94c9e9 148 201 233 light 10% aee3ff 174 227 255 light 20% c7fcff 199 252 255 tweak e0fdff 224 253 225 wheat: #ffd198 255 209 152 lighten 10%: ffebb2 255 235 178 tweak: fff4d1 255 244 209 tweak more 255 251 209 deep blue: #010894 1 8 148 green comp from light blue: 9EE895 158 232 149 darken 60 054F00 5 79 0 darken 50 1F6916 31 105 22 40 38822F 56 130 47 new stab: Deep Blue 010f92 rgba(1, 15, 146, 1) comp green 01913B 1 145 59 comp wheat 918301 145 131 1 blue 60% light 9AA8FF 154 168 255 green 60% light 9AFFD4 154 255 212 wheat 60% light FFFF9A 255 255 154 blue 70% B4C2FF RGB:180 194 255 green 70% B4FFEE RGB:180 255 238 wheat 70% #FFFFB4 RGB:255 255 180 green 20% dark 005E08 0 94 8 tool: http://www.hexcolortool.com/ */ /* END COLORS */ div#gamesearchresults table tr > th:first-child { border-top-left-radius: 20px; } div#gamesearchresults table tr > th:last-child { border-top-right-radius: 20px; } div#gamesearchresults table tr:last-child > td:first-child { border-bottom-left-radius: 20px; padding-bottom: 10px;} div#gamesearchresults table tr:last-child > td:last-child { border-bottom-right-radius: 20px; padding-bottom: 10px;} div#gamesearchresults table tr.odd > td:first-child { border-bottom-left-radius: 20px; padding-left: 10px;} div#gamesearchresults table tr.odd > td:last-child { border-bottom-right-radius: 20px; padding-right: 10px;} #accordion .panel { background-color: transparent } div#gamesearchmenu { background-color: transparent; } div#gamesearchresults { background-color: transparent; } div#gamesearchresults table table tr { background-color: transparent; } div#gamesearchresults table table td { background-color: transparent; } div#gamesearchresults, div#gamesearchresults > div { text-align: center; } div#gamesearchresults > div, div#gamesearchresults table, body > div, body > table { text-align: left; margin: 0px auto; display: inline-block; } .center { text-align: center; } .center > div, .center > table { text-align: left; margin: 0px auto; display: inline-block;} table tr th { text-align: center; } body { background-image:url('background/jillhaukos.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: left top; background-size: cover; text-align: center; /* font-size: 11pt; */ font-family: 'open-sans', Arial, sans-serif; } .notes { font-size: 120%; float: right; } .notes img { max-height: 25px; } h1, h2, h3, h4, h5, h6, th { font-family: 'salsa', 'open-sans', Arial, sans-serif; } .left, dd { margin-left: 20px; } dd { margin-bottom: 15px; } #preview{ position:fixed; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; /* max-width: 100%; max-height: 100%; */ top: 10%; left: 10%; width: 80%; max-height: 90%; overflow: auto; /* width: 500px; height: 500px; */ /* margin-top: -350px; /* Half the height */ /* margin-left: -350px; /* Half the width */ } #preview img { max-width: 500px; max-height: 500px } .qty { font-family: 'lcd.14', 'open-sans', Arial, sans-serif; }