From d4fe7cdce953c55dbb8955ce8d8b1596d65019e5 Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 12:38:46 +0200 Subject: this really needs cleaning. renamed to shame.css until this is done. --- public/css/shame.less | 224 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 224 insertions(+) create mode 100644 public/css/shame.less (limited to 'public') diff --git a/public/css/shame.less b/public/css/shame.less new file mode 100644 index 0000000..4d8b4c8 --- /dev/null +++ b/public/css/shame.less @@ -0,0 +1,224 @@ +/* + * Divid stylesheet + */ + +//Imports the bootstrap-variables +@import "variables.less"; +//imports the functions from bootstrap +@import "bootstrapless/mixins.less"; +// The rest comes here + +body { + margin-top: @navbarHeight; + background-color:white; +} +@media (max-width: 767px) { + body { + margin-top: 0; + } +} +section.content { + padding: 30px 5px 5px; +} + +#login-form { + display: block; + float:right; + margin: 10px 0 0; + color: @grayLighter; +} + +#login-form input { + background-color: rgba(0,0,0,0); +} + +#login-form .input-prepend .add-on { + background-color: @grayDarker; +} + +#login-form .btn { + margin-top: -2px; +} + +#login-form .form-horizontal .control-group:last-child { + margin-bottom: 100px; +} + +@top-navbar-bgColor: @black; + +#top-navbar { + + min-height: 40px; + vertical-align: 100px; +/* background: rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.9); +*/ + #vertical(rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.9), rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.5)); + + } +.nav .menu{ +color: #FF9A00; +} +.navbar .brand.login { + float: right; + color: #FF9A00; +} + +.bs-docs-sidenav { + background-color: @white; + width: 200px; + top: 150px; + padding: 0; + margin: 0; + + -webkit-border-radius: @borderRadiusLarge; + -moz-border-radius: @borderRadiusLarge; + border-radius: @borderRadiusLarge; + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); +} + +.bs-docs-sidenav > li > a { + display: block; + width: 190px \9; + margin: 0 0 -1px; + padding: 6px 14px; + border: 1px solid @grayLighter; +} + +.bs-docs-sidenav > li:first-child > a { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} + +.bs-docs-sidenav > li:last-child > a { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.bs-docs-sidenav > li > a:hover { + background-color: @grayLighter; +} + +section.status table { + width: 80%; + margin-bottom: 0; + float: left; +} +section.status table tr td { + text-align: center; +} +section.status table tr td.success { + background-color: @successBackground; +} +section.status table tr td.error { + background-color: @errorBackground; +} +section.status i { margin: 5px; } + +section.projects section.project { + margin: 10px 0; + padding: 0; + + border: 2px solid @grayLight; + -webkit-border-radius: @borderRadiusLarge; + -moz-border-radius: @borderRadiusLarge; + border-radius: @borderRadiusLarge; +} + +section.projects section.project h1 { + font-size: @fontSizeLarge; + padding: 0; + margin: 0; + font-weight: normal; + line-height: @baseLineHeight; +} +section.projects section.project .row-fluid [class*="span"] { + min-height: 0; +} +section.projects section.project .span11 { + padding: 5px; + border-right: 2px solid @grayLight; +} +section.projects section.project .span1 { + display: inline-block; + height: 100%; + background-color: white; + min-height: inherit; + font-size: 3em; +} +section.projects a.btn-large { + font-weight: bold; + font-size: 3em; + border: 2px solid @grayLight; +} + + +section.overview .lastactivity { + -webkit-border-radius: @borderRadiusLarge; + -moz-border-radius: @borderRadiusLarge; + border-radius: @borderRadiusLarge; + +} + +section.overview .lastactivity > .activity { + border-bottom: 1px solid @grayLight; +} +section.overview .lastactivity > .activity:last-child { + border-bottom: none; +} +section.overview .lastactivity > .activity [class*="span"] { +} +[class*="span"] .info { + font-size: @fontSizeMini; + color: @grayLight; +} +@media (max-width: 480px) { + [class*="span"] .info { + text-align: left; + } +} +section.overview .lastactivity > .activity [class*="span"] > .row-fluid [class*="span"] { + min-height: 0; +} + +.lastactivity .activity:nth-child(even) { + background-color: @grayLighter; +} + +div.lastactivity .activity .details { + background-color: @infoBackground; +} + +.text-small { + font-size: @fontSizeSmall; +} +.no-text-decoration:hover { + text-decoration: none; +} + +@media (max-width: 480px) { + canvas { display: none; } +} + +@media(max-width: 767px) { + #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768); + .row-fluid .smallfullwidth { + width: 100%; + margin-left: 0; + text-align: left; + } + .smallfullwidthh [class*="span"] { + width: 100%; + margin-left: 0; + text-align: left; + } + body { + padding: 0 5px; + } +} + + +@import "use.less"; -- cgit v1.2.3 From b28d5c46e76ab5399647560e3769d4aaa064d18d Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 14:02:33 +0200 Subject: changed navbarCollapseWidth --- public/css/variables.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'public') diff --git a/public/css/variables.less b/public/css/variables.less index 31c131b..0211e71 100644 --- a/public/css/variables.less +++ b/public/css/variables.less @@ -177,7 +177,7 @@ // Navbar // ------------------------- -@navbarCollapseWidth: 979px; +@navbarCollapseWidth: 767px; @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; @navbarHeight: 40px; -- cgit v1.2.3 From 1174c33f92058d204c801ba62e1cceee82692cc4 Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 14:16:28 +0200 Subject: moved some elements in the navbar and deleted styles.less --- public/css/styles.less | 203 ------------------------------------------------- 1 file changed, 203 deletions(-) delete mode 100644 public/css/styles.less (limited to 'public') diff --git a/public/css/styles.less b/public/css/styles.less deleted file mode 100644 index 55c74a1..0000000 --- a/public/css/styles.less +++ /dev/null @@ -1,203 +0,0 @@ -/* - * Divid stylesheet - */ - -//Imports the bootstrap-variables -@import "variables.less"; - -// The rest comes here - -body { - margin-top: @navbarHeight; - background-color:white; -} -@media (max-width: 767px) { - body { - margin-top: 0; - } -} -section.content { - padding: 30px 5px 5px; -} - -#login-form { - display: block; - float:right; - margin: 10px 0 0; - color: @grayLighter; -} - -#login-form input { - background-color: rgba(0,0,0,0); -} - -#login-form .input-prepend .add-on { - background-color: @grayDarker; -} - -#login-form .btn { - margin-top: -2px; -} - -#login-form .form-horizontal .control-group:last-child { - margin-bottom: 100px; -} - -@top-navbar-bgColor: @black; - -#top-navbar { - - min-height: 40px; - vertical-align: 100px; -/* background: rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.9); -*/ - #vertical(rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.9), rgba(red(@top-navbar-bgColor),green(@top-navbar-bgColor),blue(@top-navbar-bgColor),0.5)); - - } -.nav .menu{ -color: #FF9A00; -} -.navbar .brand.login { - float: right; - color: #FF9A00; -} - -.bs-docs-sidenav { - background-color: @white; - width: 200px; - top: 150px; - padding: 0; - margin: 0; - - -webkit-border-radius: @borderRadiusLarge; - -moz-border-radius: @borderRadiusLarge; - border-radius: @borderRadiusLarge; - -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); - -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); - box-shadow: 0 1px 4px rgba(0,0,0,.065); -} - -.bs-docs-sidenav > li > a { - display: block; - width: 190px \9; - margin: 0 0 -1px; - padding: 6px 14px; - border: 1px solid @grayLighter; -} - -.bs-docs-sidenav > li:first-child > a { - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; -} - -.bs-docs-sidenav > li:last-child > a { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; -} - -.bs-docs-sidenav > li > a:hover { - background-color: @grayLighter; -} - -section.status table { - width: 80%; - margin-bottom: 0; - float: left; -} -section.status table tr td { - text-align: center; -} -section.status table tr td.success { - background-color: @successBackground; -} -section.status table tr td.error { - background-color: @errorBackground; -} -section.status i { margin: 5px; } - -section.projects section.project { - margin: 10px 0; - padding: 0; - - border: 2px solid @grayLight; - -webkit-border-radius: @borderRadiusLarge; - -moz-border-radius: @borderRadiusLarge; - border-radius: @borderRadiusLarge; -} - -section.projects section.project h1 { - font-size: @fontSizeLarge; - padding: 0; - margin: 0; - font-weight: normal; - line-height: @baseLineHeight; -} -section.projects section.project .row-fluid [class*="span"] { - min-height: 0; -} -section.projects section.project .span11 { - padding: 5px; - border-right: 2px solid @grayLight; -} -section.projects section.project .span1 { - display: inline-block; - height: 100%; - background-color: white; - min-height: inherit; - font-size: 3em; -} -section.projects a.btn-large { - font-weight: bold; - font-size: 3em; - border: 2px solid @grayLight; -} - - -section.overview .lastactivity { - -webkit-border-radius: @borderRadiusLarge; - -moz-border-radius: @borderRadiusLarge; - border-radius: @borderRadiusLarge; - -} - -section.overview .lastactivity > .activity { - border-bottom: 1px solid @grayLight; -} -section.overview .lastactivity > .activity:last-child { - border-bottom: none; -} -section.overview .lastactivity > .activity [class*="span"] { -} -[class*="span"] .info { - font-size: @fontSizeMini; - color: @grayLight; -} -@media (max-width: 480px) { - [class*="span"] .info { - text-align: left; - } -} -section.overview .lastactivity > .activity [class*="span"] > .row-fluid [class*="span"] { - min-height: 0; -} - -.lastactivity .activity:nth-child(even) { - background-color: @grayLighter; -} - -div.lastactivity .activity .details { - background-color: @infoBackground; -} - -.text-small { - font-size: @fontSizeSmall; -} -.no-text-decoration:hover { - text-decoration: none; -} - - - -@import "use.less"; -- cgit v1.2.3 From f0ea7d3ad0c840cea790604ca52fea5db63c1f98 Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 14:17:18 +0200 Subject: been playing around with the mobile design --- public/css/shame.less | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) (limited to 'public') diff --git a/public/css/shame.less b/public/css/shame.less index 4d8b4c8..ea569eb 100644 --- a/public/css/shame.less +++ b/public/css/shame.less @@ -12,7 +12,7 @@ body { margin-top: @navbarHeight; background-color:white; } -@media (max-width: 767px) { +@media (max-width: @navbarCollapseWidth) { body { margin-top: 0; } @@ -58,8 +58,10 @@ section.content { .nav .menu{ color: #FF9A00; } -.navbar .brand.login { +.navbar div.brand { float: right; +} +.navbar a.brand { color: #FF9A00; } @@ -192,6 +194,20 @@ div.lastactivity .activity .details { background-color: @infoBackground; } +.lastactivity .activity .date .row-fluid { + text-align: center; + width: 30px; +} +.lastactivity .activity .date .row-fluid:first-child { + background-color: @gray; + color: @white; +} +.lastactivity .activity .date .row-fluid:nth-child(2) { + background-color: @grayLight; + color: @black; + line-height: 10px; +} + .text-small { font-size: @fontSizeSmall; } @@ -218,6 +234,9 @@ div.lastactivity .activity .details { body { padding: 0 5px; } + .navbar-fixed-top { + margin: 0 -5px; + } } -- cgit v1.2.3 From 49232b8b0e8b88c3380c25883521c4d05fdf5d66 Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 14:53:22 +0200 Subject: made the lastactivity section PRETTY. OH SO PRETTY --- public/css/shame.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'public') diff --git a/public/css/shame.less b/public/css/shame.less index ea569eb..dc5e7d7 100644 --- a/public/css/shame.less +++ b/public/css/shame.less @@ -194,18 +194,18 @@ div.lastactivity .activity .details { background-color: @infoBackground; } -.lastactivity .activity .date .row-fluid { - text-align: center; +.lastactivity .activity .date { width: 30px; } -.lastactivity .activity .date .row-fluid:first-child { +.lastactivity .activity .date .row-fluid .row-fluid { text-align: center; } +.lastactivity .activity .date .row-fluid .row-fluid:first-child { background-color: @gray; color: @white; } -.lastactivity .activity .date .row-fluid:nth-child(2) { +.lastactivity .activity .date .row-fluid .row-fluid:nth-child(2) { background-color: @grayLight; color: @black; - line-height: 10px; + line-height: 12px; } .text-small { -- cgit v1.2.3 From 44b7b0b25befea64ab85d7da8eb93aa905c76e08 Mon Sep 17 00:00:00 2001 From: Dennis Eriksen Date: Thu, 25 Apr 2013 15:28:58 +0200 Subject: been working on the last activity list. made it more pretty. --- public/css/shame.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'public') diff --git a/public/css/shame.less b/public/css/shame.less index dc5e7d7..023aedd 100644 --- a/public/css/shame.less +++ b/public/css/shame.less @@ -197,12 +197,12 @@ div.lastactivity .activity .details { .lastactivity .activity .date { width: 30px; } -.lastactivity .activity .date .row-fluid .row-fluid { text-align: center; } -.lastactivity .activity .date .row-fluid .row-fluid:first-child { +.lastactivity .activity .date .row-fluid { text-align: center; } +.lastactivity .activity .date .row-fluid:first-child { background-color: @gray; color: @white; } -.lastactivity .activity .date .row-fluid .row-fluid:nth-child(2) { +.lastactivity .activity .date .row-fluid:nth-child(2) { background-color: @grayLight; color: @black; line-height: 12px; -- cgit v1.2.3