KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 97: | Zeile 97: | ||
a:visited { | a:visited { | ||
color: #e74c3c | color: #e74c3c; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.2em; | font-size: 1.2em; |
Version vom 17. Januar 2020, 09:26 Uhr
/*** Allgemeine Formatierungen ***/ .logo-made { width: 150px; float: right; margin-left: 50px; } .magnify { display: none; } .thumbinner { border: 0px solid white; padding: 0px; background-color: white; font-size: 94%; text-align: center; overflow: hidden; } .thumbimage { background-color: #fff; border: 0px solid white; } .tright { margin: 0px; } a { /* Abstand der Links, die die Kacheln umschließen */ padding: 5px; } a:hover { text-decoration: none; color: #F1948A; } .grid-box { display:grid; grid-template-columns: 25% 25% 25% 25%; max-width: 2000px; } .tile { /* Äußerer Kasten */ border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; width: 100%; max-width: 400px; margin: 5px; display: inline-flex; flex-flow: row wrap; align-content: space-between; background: #fff; height: 95%; } .tile:hover .tile-footer { background: #e74c3c; color: white; } .tile-icon { /* Icon */ font-size: 130%; transition: 0.3s; } .tile-iconrow { /* Linke Spalte mit Icon */ color: #e74c3c; display: inline-block; vertical-align: top; margin: 10px; } .box-top { width: 100%; display: inline-flex; } .tile-right-col { /* word-break: break; */ text-align: left; padding: 5px; display: inline-block; } a:visited .tile-right-header { font-weight: bold; font-size: 3em; } a:visited { color: #e74c3c; font-weight: bold; font-size: 1.2em; } .tile-footer { /* Fußzeile */ border-top:1px solid rgba(0, 0, 0, 0.05); background: #fff; /* #f5f5f5; */ display: block; padding: 5px; color: #E74C3C; text-align: right; width:100%; transition: 500ms; } .collapsed-menu .tile { background: aquamarine; } .tile-iconbox { position: relative; width: 56.25px; height: 56.25px; border: 3.75px solid hsla(0,0%,100%,.85); border-radius: 50%; text-align: center; color: hsla(0,0%,100%,.9); background-color: #e74c3c; display: flex; justify-content: center; align-items: center; } .tile:hover .tile-icon { transform: scale(1.5); } .tile-right-col { /* Rechte Spalte */ width: calc(100% - 80px); } .tile-right-header { /* Rechte Spalte Header */ font-size: 120%; } .tile-list { /* Rechte Spalte Liste */ color:#585858; font-size: 90%; margin-left: 20px; } .Hauptseite { display: grid; grid-template-columns: 25% 75%; vertical-align: inherit; height: 100%; box-shadow: 0 0 0 1px rgba(0,0,0,0.05); border-radius: 3px 3px 0px 0px; } .Hauptseite ul { break-inside: avoid; } /********************** XXXL ********************/ @media (min-width: 1601x) { } /* Ende Formatierungen für min 1105px */ /*** Formatierungen für Monitore min 1105px (3-Spaltig) ***/ @media (max-width: 1800px) { .grid-box { display:grid; grid-template-columns: 33% 33% 33%; max-width: 1400px; } } /*** Formatierungen für max 1104px ***/ @media (max-width: 1104px) { /*** Mit Menü 2-Spaltig ***/ .collapsed-menu > * > .grid-box { display:grid; grid-template-columns: 33% 33% 33% !important; } .grid-box { display:grid; grid-template-columns: 50% 50%; } .logo-made { width: 50%; } .tile-icon { /* Linke Spalte mit Icon */ font-size: 110%; transition: 0.3s; } .tile:hover .tile-icon { transform: scale(1.3); } .tile-right-col { /* Rechte Spalte */ width: calc(100% - 60px); } .tile-right-header { /* Rechte Spalte Header */ font-size: 120%; } .tile-list { /* Rechte Spalte Liste */ color:#585858; font-size: 90%; margin-left: 20px; } /*** Ohne Menü 3-Spaltig ***/ } /* Ende Formatierungen max 1104px */ /*** Formatierungen für Mobil-Geräte (1-Spaltig) ***/ @media (max-width: 575px) { .grid-box { display:grid; grid-template-columns: 98%; } .logo-made { width: 50%; } .tile-icon { /* Linke Spalte mit Icon */ font-size: 130%; transition: 0.3s; } .tile:hover .tile-icon { transform: scale(1.4); } .tile-right-col { /* Rechte Spalte */ width: calc(100% - 80px); } .tile-right-header { /* Rechte Spalte Header */ font-size: 120%; } .tile-list { /* Rechte Spalte Liste */ color:#585858; font-size: 90%; margin-left: 20px; } .Hauptseite { grid-template-columns: 100%; } } /* Ende Formatierungen für Mobil-Geräte bis 575px*/