Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-image: url(img/background.jpg);
- background-color: #000000;
- background-size: cover;
- background-repeat:no-repeat;
- overflow: hidden;
- color: #FFFFFF;
- font: 1.5em Georgia, arial, MAGNETO, verdana, sans-serif;
- margin:5px;
- }
- hr {
- border: 0;
- height: 1px;
- -webkit-margin-before: 2px;
- -webkit-margin-after: 2px;
- background-image: -webkit-linear-gradient(left, rgba(255,255,255,255), rgba(255,255,255,0.75), rgba(255,255,255,255));
- background-image: -moz-linear-gradient(left, rgba(255,255,255,255), rgba(255,255,255,0.75), rgba(255,255,255,255));
- background-image: -ms-linear-gradient(left, rgba(255,255,255,255), rgba(255,255,255,0.75), rgba(255,255,255,255));
- background-image: -o-linear-gradient(left, rgba(255,255,255,255), rgba(255,255,255,0.75), rgba(255,255,255,255));
- }
- .HeaderCenter {
- width: 30%;
- height: 180px;
- text-align: center;
- float: left;
- font-size: 45px;
- font-family: MAGNETO;
- vertical-align: middle;
- padding-top:25px;
- color: rgba(222,206,16,1.00);
- }
- .pour{
- width:66px;
- height:44px;
- margin-top:25px;
- font-family: MAGNETO;
- font-size:large;
- font-weight:bold;
- border: 4px outset rgba(121,68,27,1.00);
- box-shadow: inset 300px 300px 600px rgba(120,60,20,1.00);
- color: rgba(222,206,16,1.00);
- background-color: rgba(121,68,27,1.00);
- border-radius: 8px;
- }
- select {
- background: transparent;
- width: 95px;
- padding: 5px;
- font-family: MAGNETO;
- border: 4px outset rgba(121,68,27,1.00);
- margin-top:12px;
- font-size: 16px;
- color: rgba(222,206,16,1.00);
- font-weight: bold;
- line-height: 1;
- border-radius: 8px;
- background-color: rgba(121,68,27,1.00);
- border: 4px outset rgba(121,68,27,1.00);
- weight: 34px;
- -webkit-appearance: none;
- }
- h1 {
- display:block;
- margin: 0;
- font-weight: bold;
- font-size: 1.5em;
- opacity:1;
- }
- h2 {
- margin: 0;
- color: #A0A0A0;
- font-weight: normal;
- font-size: 1em;
- -webkit-margin-before: 0px;
- -webkit-margin-after: 0px;
- }
- h3 {
- margin: 0;
- color: #A0A0A0;
- font-weight: normal;
- font-size: .8em;
- -webkit-margin-before: 5px;
- -webkit-margin-after: 5px;
- }
- p {
- margin: 20px 0 0 0;
- color: #A0A0A0;
- font-weight: normal;
- font-size: .8em;
- }
- img {
- margin-left: auto;
- margin-right: auto;
- }
- .bodywrapper
- {
- width: 100%;
- height: 100%;
- }
- /* Header Styles */
- .header {
- width: 100%;
- height: 100px;
- margin-bottom: 10px;
- }
- .HeaderLeft {
- width: 25%;
- height: 100px;
- float: left;
- font-size: .85em;
- font-weight: bold;
- text-align: left;
- }
- .HeaderCenter {
- width: 50%;
- height: 85px;
- text-align: center;
- float: middle;
- font-size: 49px;
- font-family: MAGNETO;
- vertical-align: middle;
- padding-top:25px;
- color: rgba(222,206,16,1.00);
- }
- .HeaderRight {
- width: 25%;
- float: right;
- font-size: .85em;
- font-weight: bold;
- text-align: right;
- }
- table{
- width: 100%;
- border-collapse: collapse;
- }
- table th,
- table td{
- border-left: 1px white dashed;
- padding: 1px 5px;
- text-align: center;
- vertical-align: top;
- }
- table th:first-child,
- table td:first-child{
- border-left: none;
- }
- table thead{
- background-color: rgba(153,153,153,.3);
- padding: 0px;
- margin: auto;
- }
- table thead th{
- min-height:35px;
- font-size: .65em;
- font-weight: bold;
- vertical-align: top;
- }
- table .tap-num{
- width: 50px;
- }
- table .srm{
- width: 125px;
- text-align: center;
- vertical-align: middle;
- }
- table .ibu{
- width: 125px;
- text-align: center;
- vertical-align: middle;
- }
- table td.name{
- text-align: left;
- padding: 5px;
- }
- table .abv{
- width: 125px;
- text-align: center;
- vertical-align: middle;
- }
- table .keg{
- width: 150px;
- text-align: center;
- vertical-align: middle;
- }
- table td.tap-num{
- vertical-align: middle;
- }
- span.tapcircle {
- background-color: rgba(153,153,153,.3);
- border-radius: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- display: inline-block;
- font-weight: bold;
- line-height: 2em;
- margin-right: 5px;
- text-align: center;
- width: 2em;
- }
- table h3 {
- text-align: center;
- }
- table h2 {
- text-align: center;
- }
- table .subhead{
- width:100%;
- font-size: .9em;
- text-align:left;
- }
- .altrow{
- background-color: rgba(153,153,153,.13);
- }
- .srm-container{
- position: relative;
- height: 100px;
- width: 55px;
- margin: 0 auto;
- }
- .srm-indicator{
- position: absolute;
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
- z-index: 1;
- -webkit-mask-image: url(img/srm/pint-mask.png);
- -o-mask-image: url(img/srm/pint-mask.png);
- -moz-mask-image: url(img/srm/pint-mask.png);
- mask-image: url(img/srm/pint-mask.png);
- }
- .srm-stroke{
- position: absolute;
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
- z-index: 2;
- background: url(img/srm/pint-stroke.png)
- }
- .ibu-container{
- position: relative;
- height:100px;
- width:53px;
- margin: 0 auto;
- }
- .ibu-indicator{
- position: absolute;
- bottom: 0;
- left: 0;
- height: 100%;
- width: 100%;
- background: url(img/ibu/stroke.png) no-repeat bottom left;
- }
- .ibu-indicator .ibu-full{
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- background: url(img/ibu/full.png) no-repeat bottom left;
- }
- .ibu-max{
- position: absolute;
- top: -5px;
- left: 35px;
- }
- .abv-container{
- position: relative;
- height: 100px;
- width: 115px;
- margin: 8px auto;
- }
- .abv-indicator{
- display: inline-block;
- position: relative;
- height:100%;
- width:50%;
- background: url(img/abv/stroke.png) no-repeat bottom left;
- }
- .abv-indicator .abv-full{
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- background: url(img/abv/full.png) no-repeat bottom left;
- }
- .abv-offthechart{
- position: absolute;
- bottom: -2px;
- left: 8px;
- height: 55px;
- width: 114px;
- background: url(img/abv/offthechart.png) no-repeat bottom left;
- }
- .keg-container{
- position: relative;
- height: 100px;
- width: 67px;
- margin: 8px auto;
- }
- .keg-indicator{
- position: absolute;
- bottom: 0;
- left: 0;
- height: 100%;
- width: 100%;
- background: url(img/keg/stroke.png) no-repeat bottom left;
- }
- .keg-indicator .keg-full{
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- background: url(img/keg/full.png) no-repeat bottom left;
- }
- .keg-indicator .keg-empty{
- background-image: url(img/keg/empty.png);
- }
- .keg-indicator .keg-red{
- background-image: url(img/keg/red.png);
- }
- .keg-indicator .keg-orange{
- background-image: url(img/keg/orange.png);
- }
- .keg-indicator .keg-yellow{
- background-image: url(img/keg/yellow.png);
- }
- .keg-indicator .keg-green{
- background-image: url(img/keg/green.png);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement