From f86dc247e521b893d134b08329e69e17ccf34e1f Mon Sep 17 00:00:00 2001 From: n0kS Phr33d0m Date: Fri, 23 Aug 2013 06:34:57 +0200 Subject: Redesign body of the pages. Now they have a distiguished panel heading and panel body. Also added background colour to currently selected section. --- .../extra/webcpanel/templates/default/style.css | 44 +++++++++++++++++++--- 1 file changed, 38 insertions(+), 6 deletions(-) (limited to 'modules/extra/webcpanel/templates/default/style.css') diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css index 117cc1ecc..7c7ba533a 100644 --- a/modules/extra/webcpanel/templates/default/style.css +++ b/modules/extra/webcpanel/templates/default/style.css @@ -25,6 +25,19 @@ h4 { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8); } +.label { + font-size: 13px; + font-weight: normal; +} + +.label-info { + background-color: #4EA4EE; +} + +.label-info[href]:hover, .label-info[href]:focus { + background-color: #428BCA; +} + /* LOGIN FORM */ .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; @@ -50,6 +63,9 @@ h4 { } /* Control Panel */ +.panel-default .panel-heading { + font-size: 24px; +} #loggedIn { margin: 15px 15px 0 0; } @@ -69,6 +85,7 @@ h4 { font-weight: bold; padding-right: 10px; text-align: right; + width: 25%; } #tableInfoNorm td { @@ -105,6 +122,10 @@ h4 { font-weight: normal; } +#channelList li { + margin-top: 10px; +} + /* NAVBAR */ .navbar, .well { background-color: white; @@ -116,12 +137,23 @@ h4 { box-shadow: 0 8px 6px -8px black; } -.navbar-default .navbar-nav > li > a { - color: #777777; +.navbar-default .nav { + margin-bottom: -1px; +} + +.navbar-default .nav > li > a { + color: #428BCA; +} + +.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { + color: #428BCA; + border-top: 3px solid #0082D9; + margin-top: -3px; } -.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { - color: #333333; - border-bottom: 3px solid #0082D9; - margin-bottom: -3px; +.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus { + color: #428BCA; + background-color: transparent; + background-color: rgba(66, 139, 202, 0.1); + border-bottom-color: transparent; } -- cgit From 2238db8338f0876c8cb5759f52d740d2cf6e1ee3 Mon Sep 17 00:00:00 2001 From: n0kS Phr33d0m Date: Fri, 23 Aug 2013 08:06:47 +0200 Subject: Make the navbar brand a different font to distinguish it from the rest of the navbar links. --- modules/extra/webcpanel/templates/default/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'modules/extra/webcpanel/templates/default/style.css') diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css index 7c7ba533a..fa122518a 100644 --- a/modules/extra/webcpanel/templates/default/style.css +++ b/modules/extra/webcpanel/templates/default/style.css @@ -1,4 +1,5 @@ -@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400); +@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400); +@import url(//fonts.googleapis.com/css?family=Port+Lligat+Slab); *, html, body, h1, h2, h3, h4, div, p, span, a, button { font-family: 'Open Sans', sans-serif; @@ -136,6 +137,12 @@ h4 { -moz-box-shadow: 0 8px 6px -8px black; box-shadow: 0 8px 6px -8px black; } +.navbar-brand { + font-size: 25px; +} +.navbar-brand, .navbar-brand small { + font-family: 'Port Lligat Slab', serif; +} .navbar-default .nav { margin-bottom: -1px; -- cgit From aaa12cc018637ff0b3348d494ccc87f9e6cc0fe9 Mon Sep 17 00:00:00 2001 From: n0kS Phr33d0m Date: Fri, 23 Aug 2013 08:11:24 +0200 Subject: Use a local copy of the background image --- modules/extra/webcpanel/templates/default/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'modules/extra/webcpanel/templates/default/style.css') diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css index fa122518a..e425c3d8c 100644 --- a/modules/extra/webcpanel/templates/default/style.css +++ b/modules/extra/webcpanel/templates/default/style.css @@ -6,7 +6,7 @@ } body { background-color: #eee; - background-image: url('http://politeia.in/assets/img/bg/cubes.png'); + background-image: url('/static/cubes.png'); } /* RANDOM STUFF */ -- cgit