123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- body {
- color: #000;
- background-color: #cfd8dc;
- font-family: 'Arial', sans-serif;
- }
- .logo-icon {
- width: 80px;
- height: 50px;
- background-image: url('../icons/logo.png');
- background-repeat: no-repeat;
- background-size: contain;
- background-position: top;
- float: left;
- border-radius: 5px;
- padding: 0 10px 0px 0;
- }
- .page_title {
- /*background-color:lightgreen;*/
- }
- .logo .ethics-title {
- font-size: 1.5em;
- margin-left: 10px;
- }
- .logo {
- width: 32%;
- float: left;
- }
- .page_title span {
- font-weight: bold;
- }
- .project_title, .project_date {
- width: 30%;
- float: left;
- padding-top: 0.5em;
- margin-bottom: 30px;
- }
- .row1 {
- width: 100%;
- }
- /* CARDS */
- .card {
- background-color: #fff;
- width: 19.2%;
- margin: 0 0.4% 4px 0.4%;
- height: 320px;
- float: left;
- /*border: 1px solid black;*/
- border-radius: 5px;
- background-repeat: no-repeat;
- background-size: contain;
- background-position: left bottom;
- }
- .card ul.items {
- margin: 0 0 7px 0;
- padding: 0 1.5em;
- }
- .card li {
- font-size: 0.75em;
- padding: 0 0.2em;
- line-height: 1;
- }
- .card h3 {
- padding: 0 0.6em;
- font-size: 1.05em;
- }
- .field_01 h3 {
- color: rgb(162, 129, 209);
- }
- .field_02 h3 {
- color: rgb(162, 129, 209);
- }
- .field_03 h3 {
- color: rgb(133, 173, 229);
- }
- .field_04 h3 {
- color: rgb(174, 213, 129);
- }
- .field_05 h3 {
- color: rgb(107, 181, 180);
- }
- .field_06 h3 {
- color: rgb(41, 187, 163);
- }
- .field_07 h3 {
- color: rgb(125, 161, 214);
- }
- .field_08 h3 {
- color: rgb(174, 213, 129);
- }
- .field_09 h3 {
- color: rgb(139, 153, 224);
- }
- .field_10 h3 {
- color: rgb(162, 129, 209);
- }
- /* The mpdf library doesn't support absolute positioning for nested elements and doesn't fully support margin-bottom. This invisible element is here to make sure the items won't cover the card icons when the list gets long */
- .field-icons {
- /*background-color: lightseagreen;*/
- height: 1.8em;
- }
- .field_01 {
- background-image: url('../icons/pdf/field1-pdf.svg');
- }
- .field_02 {
- background-image: url('../icons/pdf/field2-pdf.svg');
- }
- .field_03 {
- background-image: url('../icons/pdf/field3-pdf.svg');
- }
- .field_04 {
- background-image: url('../icons/pdf/field4-pdf.svg');
- }
- .field_05 {
- background-image: url('../icons/pdf/field5-pdf.svg');
- }
- .field_06 {
- background-image: url('../icons/pdf/field6-pdf.svg');
- }
- .field_07 {
- background-image: url('../icons/pdf/field7-pdf.svg');
- }
- .field_08 {
- background-image: url('../icons/pdf/field8-pdf.svg');
- }
- .field_09 {
- background-image: url('../icons/pdf/field9-pdf.svg');
- }
- .field_10 {
- background-image: url('../icons/pdf/field10-pdf.svg');
- }
|