From ff2736fbddc65544829e3a7ab4ea1614375f0262 Mon Sep 17 00:00:00 2001 From: feysal-Ibrahim Date: Feb 25 2019 22:12:46 +0000 Subject: modified the sidebar --- diff --git a/assets/css/custom.css b/assets/css/custom.css index 39a9cec..d80704a 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,20 +1,21 @@ body { - font-family: 'Open Sans'; + font-family: 'Roboto', sans-serif; line-height: 1.8em; font-size: 16px; } h1, h2, h3, h4, h5, h6 { - font-family: 'Montserrat'; + font-family: 'Lora', serif; + font-style: italic; margin-top: 1.4em; } a, a:hover { - color: #294172; + color: #F64747; } aside { - background: #3c6eb4; + background: #F64747; margin: -20px 0 0 0; } @@ -26,7 +27,7 @@ aside .sidebar { aside .sidebar a { color: white; - font-family: Montserrat; + font-family: Lora, sans-serif; font-size: 18px; } @@ -53,7 +54,7 @@ fieldset { } fieldset legend { - font-family: 'Montserrat'; + font-family: 'Lora', serif; font-style: italic; border-bottom: 0px; } @@ -77,16 +78,16 @@ blockquote { .btn { background: white; - border: 1px solid #294172; - color: #294172; + border: 1px solid #F64747; + color: #F64747; text-transform: uppercase; padding: 0.9em 1.3em; } .btn:hover { - background: #294172; + background: #F64747; color: white; - border: 1px solid #294172; + border: 1px solid #F64747; } .row.content { @@ -114,11 +115,9 @@ blockquote { width: 25%; height: calc(100% + 20px); position: fixed; - display: flex; - justify-content: center; - background: -moz-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%); - background: -webkit-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%); - background: linear-gradient(to bottom, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%); + background: -moz-linear-gradient(top, #F23030 0%, #f64747 27%, #f64747 27%, #F23030 100%); + background: -webkit-linear-gradient(top, #F23030 0%,#f64747 27%,#f64747 27%,#F23030 100%); + background: linear-gradient(to bottom, #F23030 0%,#f64747 27%,#f64747 27%,#F23030 100%); } aside .sidebar { @@ -157,62 +156,4 @@ blockquote { .emoji { vertical-align: initial; -} - -.btn-login, .btn-logout { - background: none; - color: white; - border: none; -} - -.btn-login:hover, .btn-logout:hover { - background: none; - color: white; - border: none; -} - -.sharebutton { - position: relative; - height: 28px; - box-sizing: border-box; - background-color: #3B5998; - padding: 1px 10px 1px 9px; - color: #fff; - font-weight: 500; - cursor: pointer; - inherit: none; - display: inline-block; - vertical-align: top; - font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif; - font-size: 0.6em; - line-height: 26px; - border-radius: 4px; -} - -.sharebutton:hover { - text-decoration: none; - color: #fff; - background-color: #2f4779; -} - -.google{ - background-color: #d34836; -} - -.google:hover{ - background-color: #b72213; -} - -@media (max-width: 360px) { - .btn-responsive { - font-size: 15px; - } -} - -.twitter { - background-color: #00aced; -} - -.twitter:hover { - background-color: #0084b4; } \ No newline at end of file