From 0418475599683df1feb123b369ad889f889e8a59 Mon Sep 17 00:00:00 2001 From: "Sachin S. Kamath" <sskamath96@gmail.com> Date: Tue, 3 Oct 2017 04:55:49 +0530 Subject: [PATCH] Fix css issues and switch font source to https Signed-off-by: Sachin S. Kamath <sskamath96@gmail.com> --- hodor/static/css/sidebar.css | 141 +++++++++++++++++------------------ 1 file changed, 70 insertions(+), 71 deletions(-) diff --git a/hodor/static/css/sidebar.css b/hodor/static/css/sidebar.css index 978b911..bfae0ae 100644 --- a/hodor/static/css/sidebar.css +++ b/hodor/static/css/sidebar.css @@ -3,115 +3,114 @@ url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css); } @import url(https://fonts.googleapis.com/css?family=Titillium+Web:300); .fa-2x { -font-size: 2em; + font-size: 2em; } .fa { -position: relative; -display: table-cell; -width: 60px; -height: 36px; -text-align: center; -vertical-align: middle; -font-size:20px; + position: relative; + display: table-cell; + width: 60px; + height: 36px; + text-align: center; + vertical-align: middle; + font-size:20px; } .main-menu:hover,nav.main-menu.expanded { -width:250px; -overflow:visible; + width:250px; + overflow:visible; } .main-menu { margin-top: 3.2em; margin-top: 50px !important; -background:#101010; -position:absolute; -top:0; -bottom:0; -height:100%; -left:0; -width:60px; -overflow:hidden; --webkit-transition:width .05s linear; -transition:width .05s linear; --webkit-transform:translateZ(0) scale(1,1); -z-index:1000; + background:#101010; + position:absolute; + top:0; + bottom:0; + left:0; + width:60px; + overflow:hidden; + -webkit-transition:width .05s linear; + transition:width .05s linear; + -webkit-transform:translateZ(0) scale(1,1); + z-index:1000; } .main-menu>ul { -margin:7px 0; + margin:7px 0; } .main-menu li { -position:relative; -display:block; -width:250px; + position:relative; + display:block; + width:250px; } .main-menu li>a { -position:relative; -display:table; -border-collapse:collapse; -border-spacing:0; -color:#999; - font-family: arial; -font-size: 14px; -text-decoration:none; --webkit-transform:translateZ(0) scale(1,1); --webkit-transition:all .1s linear; -transition:all .1s linear; + position:relative; + display:table; + border-collapse:collapse; + border-spacing:0; + color:#999; + font-family: arial; + font-size: 14px; + text-decoration:none; + -webkit-transform:translateZ(0) scale(1,1); + -webkit-transition:all .1s linear; + transition:all .1s linear; } .main-menu .nav-icon { -position:relative; -display:table-cell; -width:60px; -height:36px; -text-align:center; -vertical-align:middle; -font-size:18px; + position:relative; + display:table-cell; + width:60px; + height:36px; + text-align:center; + vertical-align:middle; + font-size:18px; } .main-menu .nav-text { -position:relative; -display:table-cell; -vertical-align:middle; -width:190px; + position:relative; + display:table-cell; + vertical-align:middle; + width:190px; font-family: 'Titillium Web', sans-serif; } .main-menu>ul.logout { -position:absolute; -left:0; -bottom:0; + position:absolute; + left:0; + bottom:0; } .no-touch .scrollable.hover { -overflow-y:hidden; + overflow-y:hidden; } .no-touch .scrollable.hover:hover { -overflow-y:auto; -overflow:visible; + overflow-y:auto; + overflow:visible; } a:hover,a:focus { -text-decoration:none; + text-decoration:none; } nav { --webkit-user-select:none; --moz-user-select:none; --ms-user-select:none; --o-user-select:none; -user-select:none; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + -o-user-select:none; + user-select:none; } nav ul,nav li { -outline:0; -margin:0; -padding: 0; + outline:0; + margin:0; + padding: 0; } li { @@ -121,20 +120,20 @@ li { li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a { -color:#fff; -background-color:#5fa2db; + color:#fff; + background-color:#5fa2db; } .area { -float: left; -background: #e2e2e2; -width: 100%; -height: 100%; + float: left; + background: #e2e2e2; + width: 100%; + height: 100%; } @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium WebLight'), local('TitilliumWeb-Light'), -url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) -format('woff'); + url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) + format('woff'); } -- GitLab