aboutsummaryrefslogtreecommitdiff
path: root/app/static/css/styles.css
diff options
context:
space:
mode:
authorNavan Chauhan <navanchauhan@gmail.com>2020-08-25 23:57:26 +0530
committerNavan Chauhan <navanchauhan@gmail.com>2020-08-25 23:57:26 +0530
commitacc43c48185e0f87f74b462bace85e3147578ff1 (patch)
tree144ce8e8ff27dfe09ce1eea93120d248c910e4fe /app/static/css/styles.css
parentc6aaa8a97550864e2d9909b02ea9faa2cefae9a4 (diff)
removed sans pro font
Diffstat (limited to 'app/static/css/styles.css')
-rw-r--r--app/static/css/styles.css95
1 files changed, 88 insertions, 7 deletions
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index 76f93ca..79af7e9 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -11,11 +11,92 @@ body {
margin-bottom: 60px; /* Margin bottom by footer height */
}
-footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 60px;
- line-height: 60px;
- background-color: #f5f5f5;
+.footer-dark {
+ padding: 50px 0;
+ color: #f0f9ff;
+ background-color: #282d32;
+}
+
+.footer-dark h3 {
+ margin-top: 0;
+ margin-bottom: 12px;
+ font-weight: bold;
+ font-size: 16px;
+}
+
+.footer-dark ul {
+ padding: 0;
+ list-style: none;
+ line-height: 1.6;
+ font-size: 14px;
+ margin-bottom: 0;
+}
+
+.footer-dark ul a {
+ color: inherit;
+ text-decoration: none;
+ opacity: 0.6;
+}
+
+.footer-dark ul a:hover {
+ opacity: 0.8;
+}
+
+@media (max-width:767px) {
+ .footer-dark .item:not(.social) {
+ text-align: center;
+ padding-bottom: 20px;
+ }
+}
+
+.footer-dark .item.text {
+ margin-bottom: 36px;
+}
+
+@media (max-width:767px) {
+ .footer-dark .item.text {
+ margin-bottom: 0;
+ }
+}
+
+.footer-dark .item.text p {
+ opacity: 0.6;
+ margin-bottom: 0;
+}
+
+.footer-dark .item.social {
+ text-align: center;
+}
+
+@media (max-width:991px) {
+ .footer-dark .item.social {
+ text-align: center;
+ margin-top: 20px;
+ }
+}
+
+.footer-dark .item.social > a {
+ font-size: 20px;
+ width: 36px;
+ height: 36px;
+ line-height: 36px;
+ display: inline-block;
+ text-align: center;
+ border-radius: 50%;
+ box-shadow: 0 0 0 1px rgba(255,255,255,0.4);
+ margin: 0 8px;
+ color: #fff;
+ opacity: 0.75;
+}
+
+.footer-dark .item.social > a:hover {
+ opacity: 0.9;
+}
+
+.footer-dark .copyright {
+ text-align: center;
+ padding-top: 24px;
+ opacity: 0.3;
+ font-size: 13px;
+ margin-bottom: 0;
} \ No newline at end of file