custom-1.css
custom-1.css
— 5.0 KB
Dateiinhalt
@import url(https://fonts.googleapis.com/css?family=Slabo+27px); @import url(https://fonts.googleapis.com/css?family=Lato:400,300); .container { padding: 0 7.5px; } .row { margin: 0 -15px; float: left; box-sizing: border-box; } .col-2 { float: left; padding: 15px; box-sizing: border-box; width: 50%; } .col-3 { float: left; padding: 15px; box-sizing: border-box; width: 33.33333%; padding: 7.5px; } .col-3 img { box-sizing: border-box; max-width: 100%; } .col-3-2 { float: left; padding: 15px; box-sizing: border-box; width: 66.6666666%; padding: 7.5px; } .col-4 { float: left; padding: 15px; box-sizing: border-box; width: 25%; } @media screen and (max-width: 500px) { .col-3 { width: 50%; } } .clearfix { clear: both; } body { background: white; } h2 { font-family: "Lato", sans-serif; font-weight: 300; font-size: 24px; color: #4477aa !important; letter-spacing: +2; text-transform: uppercase; margin-top: 1.5em; margin-bottom: 30px; } h3 { font-family: "Slabo 27px", serif; font-size: 24px; color: #1d1d65 !important; margin-bottom: 15px; margin-top: 20; } h4 { font-family: "Slabo 27px", serif; font-size: 18px; color: #1d1d65 !important; line-height: 23px; padding-bottom: 5px; margin-top: 20px; } h2:first-child { margin-bottom: 15px; margin-top: 40px; } #content-core { padding-bottom: 50px; float: left; } #content-core p, #content-core li { font-family: "Lato", sans-serif; font-size: 13px; color: #3c3c3b; line-height: 17px; padding-bottom: 10px; word-break: break-word; } #content-core time, #content-core .sub { display: block; font-family: "Lato", sans-serif; font-size: 12px; color: #c6c6c6; margin-top: 20px; } #content-core .light { font-weight: 300; } #content-core a { color: #4477aa; text-decoration: none; word-break: break-all; } #content-core a h4, #content-core a .sub, #content-core a h3 { text-decoration: none; } #content-core a:hover, #content-core a:hover h4 { color: #7798bd !important; } #content-core img { max-width: 100%; } #content-core ul { list-style: none; margin-left: 30px; } #content-core ul li { padding-bottom: 5px; } #content-core ul li:before { content: "\f101"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ } #content-core .single .row p { padding-bottom: 0; } .doktoranden h4, .leitung h4 { margin-top: 6px; } .single .col-2 a { vertical-align: text-top; } .index h2:first-child { font-family: "Slabo 27px", serif; font-size: 29px; color: #1d1d65; padding-bottom: 0; } .index img { max-width: 100%; margin-bottom: 20px; } .traegerschaft img { border: 3px solid #d9dadb; padding: 20px 10px; transition: all ease-in 0.2s; } .traegerschaft img:hover { background: #ededed; } .kontext .col-4 .inner { border: 1px solid #d9dadb; height: 150px; text-align: center; word-break: break-word; color: #1d1d65; box-sizing: border-box; padding-top: 40px; line-height: 20px; } .kontext .col-4 .inner span { color: #3c3c3b; } .doktoranden p { font-weight: 400; font-style: normal; } .doktoranden p strong { font-style: normal; font-weight: 300; } .col-2 a { display: inline-block; overflow: hidden; } .col-2 a .img-wrapper { overflow: hidden; } .begleitprogramm { width: 100%; } .begleitprogramm .col-3 { box-sizing: border-box; } .begleitprogramm .col-3 .inner { border: 1px solid #d9dadb; height: 150px; text-align: center; box-sizing: border-box; padding: 30px; } .begleitprogramm .col-3 img { width: 36px; margin-bottom: 15px; } .begleitprogramm .col-3 span { width: 100%; display: inline-block; word-break: normal; text-decoration: underline; } .begleitprogramm .col-3 a:hover span { text-decoration: underline; } .table { table-layout: fixed; word-break: break-word; } .table th, .table td { border: 2px solid white; color: #3c3c3b; font-weight: 300; font-size: 9px; text-align: center; vertical-align: middle; } .table th { background: #3c3c3b; color: white; padding: 15px 0px; } .table th:first-child { width: 145px; } .table tr td { background: #dedede; padding: 20px 5px; } .table tr td:first-child { background: #415884; color: white; text-align: left; } .table tr:nth-child(2n) td { background: #f4f4f4; } .table tr:nth-child(2n) td:first-child { background: #ccd6df; color: #3c3c3b; }