diff --git a/NEWS b/NEWS index 204509f..839c065 100644 --- a/NEWS +++ b/NEWS @@ -16,6 +16,8 @@ - New components : social media links + - New style for card headers + - New Palette based on a work by Tobias Bernard for the Fractal application - Color that aren't based on semantics diff --git a/css/style.css b/css/style.css index a32f181..877134c 100644 --- a/css/style.css +++ b/css/style.css @@ -90,7 +90,7 @@ a.social-link:hover { } -/* ------------------ PANELS ------------------- */ +/* ------------------ CARDS ------------------- */ .card { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); @@ -98,6 +98,19 @@ a.social-link:hover { margin-bottom:1.2em; } +.card-header { + border-top-left-radius:3px; + border-top-right-radius:3px; + border-top:1px solid; + border-left:1px solid; + border-right:1px solid; + border-width:1px; + border-color:rgba(0,0,0,0.3); + font-size:1.1em; + box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.1); + text-shadow: 0px 1px 1px rgba(0,0,0,0.3); +} + .card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10 { color:#333; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); @@ -108,10 +121,12 @@ a.social-link:hover { } h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title, h7.card-title, h8.card-title, h9.card-title, h10.card-title { - font-size:1.1em; - text-align:center; + font-size:1em; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); + padding:0px; margin:0px; + color:#FFF; + font-weight:400; } /* meta */