/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Oct 17, 2015, 8:41:54 PM Author : viegas */ *{ /* Remove all nasty margins created by jQuery mobile */ /* margin-top: 0 !important; /* look the use of !important changing CSS priority */ /* margin-bottom: 0 !important; padding: 0 !important; */ } html body { /* To define a div with height=100% one need first to define and with height=100% */ height: 100%; } #visChoefJsOff { background-color: black; color: white; width: 100%; /* To define a div with height=100% one need first to define and with height=100% */ height: 100%; text-align: center; } #choefTbJsOff { width: 100%; color: white; text-align: center; } #visChoefTdImage { text-align: left; width: 50%; } #visChoefTdUsername { width: 50%; text-align: right; } #EoSWarning { font-size: xx-small; text-align: justify; } .choefPage { } .choefHeader { text-align: center; /* Using The following propeties for trying to override possible bug in jquery mobile that causes the fixed footer to scroll (sometimes) at the bottom of the listview included in the content (loosing its fixed position) */ position: fixed !important; left: 0px !important; right: 0px !important; top: 0px !important; z-index: 999 !important; } .choefHead *{ /* Remove all nasty margins created by jQuery mobile */ margin-top: 0 !important; /* !important changes CSS priority */ margin-bottom: 0 !important; } .choefIdentity { text-align: left; width: 100%; margin: 0; padding: 0; } .choefFoodIdentity { text-align: center; width: 100%; margin: 0; padding: 0; } .choefImage { width: 25%; text-align: left; } .choefFullName { width: 70%; text-align: center; font-size: x-small } .choefFoodName { width: 90%; text-align: center; font-size: x-small } .choefFoodFullName { width: 90%; text-align: center; } .choefMore { padding: 5px; float: right; } .choefTitle { margin: 0; padding: 0; color: red; } .choefGreenTitle { margin: 0; padding: 0; color: lightgreen; } .choefWhiteLink { color: white !important; } .choefCarbsCol { width: 45%; background-color: darkgreen; color: white; font-size: x-small; } .choefCaloriesCol { width: 45%; background-color: darkred; color: white; font-size: x-small; } .choefListCol { } .choefClearCol { } .visitorFullName { text-align: center; font-size: x-small; } .visitorCmdLine { text-align: left; } .choefContent { text-align: center; padding-top: 0; padding-bottom: 0; } .choefShowWhenLogged { display: none; } .choefShowWhenUnlogged { /* display: block; */ display: inline; } .verticalCentered { margin-top: auto; margin-bottom: auto; } .leftAlign { text-align: left; } .centerAlign { text-align: center !important; } .bottomAlign { vertical-align: bottom; } .rightAlign { text-align: right; } .whiteTxt { color: white !important; } .yellowTxt { color: yellow !important; } .orangeTxt { color: orange !important; } .redBg { background-color: red !important; color: white; } .yellowBg { background-color: yellow !important; color: black !important; } .blueBg { background-color: blue !important; color: white !important; } .grayBg { background-color: gray !important; color: white !important; } .lightGrayBg { background-color: lightgray !important; color: black !important; } .darkRedBg { background-color: darkred !important; color: white; } .darkGreenBg { background-color: darkgreen !important; color: white !important; } .blackBg { background-color: black !important; color: white !important; } .darkBlueBg { background-color: darkblue !important; color: white; } .blackBg { background-color: black !important; color: white; } .greenText { color: green; } .whiteText { color: white; } .redText { color: red; } .dargGrayText { color: darkGray; } .greenishText { color: lightgreen; } .largeText { font-size: x-large; } .mediumText { font-size: medium; } .smallText { font-size: small; } .xSmallText { font-size: x-small !important; } .verySmallText { font-size: xx-small !important; } .horizontalCentered { margin-left: auto; margin-right: auto; } .width50px { width: 50px; } .width1pc { width: 1% !important; } .width20pc { width: 20% !important; } .width30pc { width: 30% !important; } .width35pc { width: 35% !important; } .width50pc { width: 50% !important; } .width60pc { width: 60% !important; } .width80pc { width: 80% !important; } .width100pc { width: 100% !important; } .choefPopup { /* padding: 15px; */ border-color: #606060; font-size: small; } .choefFooter { font-size: xx-small; text-align: center; color: gray; /* Using The following propeties for trying to override possible bug in jquery mobile that causes the fixed footer to scroll (sometimes) at the bottom of the listview included in the content (loosing its fixed position) */ position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 999 !important; } .choefMealTotals { border: 1px solid #606060; border-radius: 5px; padding-top: 5px; padding-bottom: 0px; color: white; font-size: x-small; } .choefMealTotalsTable { width: 100%; border: none; } .choefFooterAdd { width: 100%; height: 50px; background-color: yellow; /* To avoid space between

s */ display: block; overflow: hidden; } .choefLegal { font-size: xx-small; padding: 0; margin: 0; } a.noDecorationLink:link, a.noDecorationLink:visited, a.noDecorationLink:hover, a.noDecorationLink:active { color: cyan !important; font-weight: normal; text-decoration: none; } a.inheritProperties:link, a.inheritProperties:visited, a.inheritProperties:hover, a.inheritProperties:active { color: inherit !important; background-color: inherit !important; } .choefMealCarbs { font-size: small; } .choefMealCalories { font-size: small; } .choefAlertPopup { margin: 10px; padding: 10px; } .choefAlertHead { text-align: center; background-color: blue; color: white; font-size: small; } .choefAlertFooter { text-align: center; } .lowMarginText { line-height: 100%; } .choefAttentionMessage { background-color: red; color: white; font-size: small; } /* Blink for Webkit and others (Chrome, Safari, Firefox, IE, ...) */ @-webkit-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.75;} } @-moz-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.75;} } @keyframes blinker { from {opacity: 1.0;} to {opacity: 0.75;} } .blink{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; } .slidein { -moz-animation-duration: 3s; -webkit-animation-duration: 3s; animation-duration: 3s; -moz-animation-name: slidein; -webkit-animation-name: slidein; animation-name: slidein; -moz-animation-iteration-count: 3; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -moz-animation-direction: alternate; -webkit-animation-direction: alternate; animation-direction: alternate; } @-moz-keyframes slidein { from {margin-left:100%;width:300%} to {margin-left:0%;width:100%;} } @-webkit-keyframes slidein { from {margin-left:100%;width:300%} to {margin-left:0%;width:100%;} } @keyframes slidein { from {margin-left:100%;width:300%} to {margin-left:0%;width:100%;} }