/* app.css */ /* STYLES SPECIFIC TO THIS WEB APP */ /****************************/ /****************************/ /* SET THE BASE STYLING SPECIFICALLY FOR THIS APP */ body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #f2e0e0; background-image: url("../images/parchmentblue.jpg"); } /****************************/ /* PICTURES WITH FRAME AND CAPTION */ .clsPIC { padding: 0 .6em; width: 24.99999%; } .clsPIC > .clsFRAME { border: solid black 1px; margin-bottom: 0em; } .clsPICTITLE { padding: -.5em .3em; font-size: 1em; font-weight: bold; text-align: center; border: solid black 1px; background-color: white; color: navy; } .clsPIC > .clsFRAME > img { width: 100%; height: auto; } .clsCLEARFIX:after { content: ""; display: table; clear: both; } /****************************/ /* DO IT NOW SECTION */ .clsDOITNOW { margin: 0 1em; margin-bottom: 1em; padding: .3em 1em; border: solid black 1px; border-radius: .8em; background-color: white; background: linear-gradient(to bottom, #e8ffe0 0%, #CDFFBB 50%, #66FF33 100%); background: linear-gradient(to bottom, #e8ffe0 0%, #dDeFcB 50%, #cdffbb 100%); background: linear-gradient(to bottom, #f3fff0 0%, #dDeFcB 50%, #cdffbb 100%); color: black; text-align: center; font-size: 1.2em; } /****************************/ /* MISC STYLINGS */ .clsIMG { width: 100%; } .clsIMG--GROW { width: 100%; height: auto; } .clsFLOATLEFT { float: left; margin: 0 1em; width: 50%; }