* { box-sizing: border-box; } body { background-color: #000000; margin: 0; font-family: Arial, Helvetica, sans-serif; } .page { background-color: #ffff99; } .row::after { content: ""; clear: both; display: block; } [class*="col-"] { float: left; padding: 5px; } html { font-family: "Lucida Sans", sans-serif; } .header { background-color: #000000; color: #cccccc; padding: 5px; } .responsive { max-width: 100%; height: auto; } /* Hide the link that should open and close the topnav on small screens .topnav .icon { display: none; } @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } } */ /* Page data for 2-3 columns */ .data-main { background-color: #ffffff; padding: 15px; max-width: 800px; margin: 0 auto; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .data1 { background-color: #ffffe6; padding: 15px; color: #333333; text-align: left; font-size:1.1rem /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */ } .data1bdr { background-color: #ffffe6; padding: 15px; border-style: solid; border-width: 1px; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .databgd { background-color: ; padding: 15px; border-style: solid; border-width: 1px; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .data2 { background-color: #c0c0c0; padding: 15px; border-style: solid; border-width: 1px; max-width: 800px; margin: 0 auto; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .data3 { background-color: #ffff99; padding: 15px; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .data4 { background-color: #ffffe6; float: right; padding: 15px; color: #333333; text-align: left; font-size:1.1rem box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .footer { background-color: #333333; color: #ffffff; text-align: center; font-size:1.1rem padding: 15px; } /* Table years */ table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede; } table.gridtable td { border-width: 1px; text-align: center; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff; } .row { display: table; width: 100%; /*Optional*/ table-layout: fixed; /*Optional*/ border-spacing: 10px; /*Optional*/ } .Column { display: table-cell; background-color: red; /*Optional*/ } /* For desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} @media only screen and (max-width: 768px) { /* For mobile phones: */ [class*="col-"] { width: 100%; } }
Cull Enterprises Ltd.