Merge pull request #88 from waqasahmad12345/WebsiteUIFixes

Fixed UI issues.
ybashir · Mar 28, 2018 · bac5b9b · bac5b9b
2 parents 0c39039 + 5d666fc
commit bac5b9b
Showing 1 changed file with 78 additions and 15 deletions.
diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css
@@ -291,8 +291,69 @@ section#pricing{
     font-size: 80%;
 }
 
+.dropdown-submenu > a::after { margin-top: 15px; }
+.navbar-event .dropdown .dropdown-menu li .dropdown-menu  {
+    left: 100%;
+    top: 4px;
+}
+
+.navbar-event .dropdown .dropdown-menu > li > a:hover,
+.navbar-event .dropdown .dropdown-menu > li > a .active,
+.navbar-event .dropdown .dropdown-menu > li:hover > a { color: #4CAF50; }
+.navbar-event .dropdown .dropdown-menu > li.active > a:hover,
+.navbar-event .dropdown .dropdown-menu > li.active:hover > a { color: #fff; }
+.back-to-top i { line-height: 38px; }
+#event { background-attachment: fixed; }
+.speakers-member .member-desc { padding: 15px 25px 30px; }
+.speakers-member { min-height: 520px; }
+
 /* Media Queries*/
 
+@media (max-width: 1199px) {
+    .countdown-timer .text { padding: 10px 50px; }
+    .countdown-timer .text h2 {
+        font-size: 30px;
+        line-height: 38px;
+    }
+    .time-entry {
+        min-width: 100px;
+        margin-right: 12px;
+    }
+    .time-entry span {
+        font-size: 30px;
+        line-height: 35px;
+    }
+    #blog .blog-info { height: 260px !important; }
+}
+
+@media (max-width: 1024px) and (min-width: 768px){
+    #carousel-area .carousel-inner .item .carousel-caption {
+        top: 45%;
+    }
+    .navbar-event .navbar-nav li a { padding: 0 20px; }
+    .countdown-timer .text { padding: 10px 30px; }
+    .time-entry {
+        min-width: 70px;
+        font-size: 12px;
+        padding: 12px;
+    }
+    .time-entry span {
+        font-size: 22px;
+        line-height: 25px;
+    }
+    .countdown-timer .text h2 {
+        font-size: 25px;
+        line-height: 30px;
+        margin-top: 0;
+    }
+    .countdown-timer .btn-lg {
+        margin-top: 10px;
+        padding: 10px 30px;
+    }
+    .time-countdown { margin-top: 50px; }
+    #blog .blog-info { height: 230px !important; }
+}
+
 @media (max-width: 767px){
     .navbar-brand img {
         margin-top: 0 !important;
@@ -324,8 +385,11 @@ section#pricing{
     .time-entry {
         margin-right: 5px;
         padding: 10px 0;
-        min-width: 70px;
-        font-size: 13px;
+        min-width: 63px;
+        font-size: 10px;
+        float: none !important;
+        display: inline-block;
+        vertical-align: top;
     }
     .time-entry span{
         font-size: 24px;
@@ -339,6 +403,8 @@ section#pricing{
     }
     .countdown-timer .text h2{
         margin-top: 0;
+        font-size: 23px;
+        line-height: 30px;
     }
     .select-tickets select{
         width: 100%;
@@ -368,11 +434,16 @@ section#pricing{
     }
     .slicknav_nav li { padding: 0 0 0 15px; }
     .slicknav_nav li ul li { padding: 0; }
-}
-@media (max-width: 1024px) and (min-width: 768px){
-    #carousel-area .carousel-inner .item .carousel-caption {
-        top: 50%;
+    .back-to-top {
+        bottom: 15px;
+        right: 20px;
     }
+    .speakers-member {
+        min-height: inherit;
+        margin-top: 20px;
+        margin-bottom: 20px;
+    }
+    #blog .blog-info { height: auto !important; }
 }
 .form-group > select{
     max-width: 100%;
@@ -386,12 +457,4 @@ section#pricing{
     height: 76px !important;
     z-index: -999999;
     opacity: 0;
-}
-
-.dropdown-submenu > a::after { margin-top: 15px; }
-.navbar-event .dropdown .dropdown-menu li .dropdown-menu  {
-    left: 100%;
-    top: 4px;
-}
-
-.navbar-event .dropdown .dropdown-menu > li > a:hover, .navbar-event .dropdown .dropdown-menu > li > a .active, .navbar-event .dropdown .dropdown-menu > li:hover > a { color: #4CAF50; }
+}