From eb0cf07f4ad28d7a25a3868a04345c2534e11cfc Mon Sep 17 00:00:00 2001 From: FrancescoUK Date: Sun, 7 Feb 2016 22:47:28 +0000 Subject: [PATCH] Adjust flatly style.css (#116) --- templates/flatly/css/style.css | 158 +++++++++++++++++++++------------ 1 file changed, 101 insertions(+), 57 deletions(-) diff --git a/templates/flatly/css/style.css b/templates/flatly/css/style.css index bfa76fa3a..1046b91aa 100644 --- a/templates/flatly/css/style.css +++ b/templates/flatly/css/style.css @@ -3,9 +3,11 @@ html, body { height: 100%; } + body { /*padding-top: 80px;*/ } + .wrapper { min-height: 100%; margin-bottom: -75px; @@ -15,6 +17,7 @@ body { min-height: 40px; border-radius: 0; } + .navbar-brand { padding: 22px 15px; height: 40px; @@ -26,135 +29,176 @@ body { background: #182735; padding: 5px; } + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { - color: #2C3E50; - background-color: #FFFFFF; + color: #2C3E50; + background-color: #FFFFFF; } table.tablesorter { border: 0; } + table.tablesorter tbody td { padding: 8px; } + table.tablesorter tbody td.over { background-color: #F5F5F5; } + table.tablesorter tbody td.selected { background-color: #ECECEC; } + table.tablesorter thead tr th, table.tablesorter tfoot tr th { padding: 8px; } + #table_action_header { height: 35px; background-color: transparent; border: 0; } + table.tablesorter thead tr th, table.tablesorter tfoot tr th { - background-color: #18BC9C; + background-color: #999999; } + #search_filter_section { padding: 5px; margin-bottom: 10px; } + #titleTextImg { background-color: transparent !important; } + #table_action_header ul li span a { background-color: rgba(0, 0, 0, 0); - border: 0; - color: #aaa; + border: 0; + color: #aaa; } + #table_action_header ul li span a:hover { - color: #555; + color: #555; } + #title, #page_title { - font-size: 32px; + font-size: 22px; margin-top: 21px; - margin-bottom: 10.5px; - font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 400; - line-height: 1.1; - color: inherit; + margin-bottom: 10.5px; + font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 400; + line-height: 1.1; + color: inherit; } + #new_button { bottom: 5px; } + #new_button > a { border-width: 2px; - padding: 6px 9px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; - color: #ffffff; - background-color: #2c3e50; - border-color: #2c3e50; - display: inline-block; - margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + padding: 6px 9px; + font-size: 13px; + line-height: 1.5; + border-radius: 3px; + color: #ffffff; + background-color: #0099ff; + border-color: #cccccc; + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + #new_button > a > .big_button { float: none !important; - position: static; - width: auto; - height: auto; - background: none; + position: static; + width: auto; + height: auto; + background: none; } + #new_button > a > .big_button > span { - position: static; + position: static; font-size: 13px; - font-weight: normal; + font-weight: normal; } #home_module_list { - padding: 20px 0; - text-align: center; + padding: 20px 0; + text-align: center; } + .module_item { - min-width: 105px; - display: inline-block; - text-align: center; - margin-bottom: 3px; - border: 1px solid #ddd; + min-width: 105px; + display: inline-block; + text-align: center; + margin-bottom: 3px; } + .module_item a { - display: block; + display: block; } + .navbar .menu-icon { text-align: center; - font-size: 11px; + font-size: 12px; } + .navbar .menu-icon img { width: 24px; } + #feedback_bar { - top: 64px; -} -#footer { - height: 35px; - margin: 40px 0 0 0; - background: white; - padding: 10px + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 55px; + position: fixed; + opacity: 0; + filter: alpha(opacity=0); + z-index: 1; + line-height: 3.3; } -@media (min-width: 768px){ +.container { + font-size: 14px; + line-height: 1.5; +} + +#register th { + background-color: #999999; + padding: 5px; + text-align: center; + color: #FFFFFF; +} + +@media (min-width: 768px) { .navbar-nav > li > a { padding: 10px 10px 9px; } +} + +@media print { + .no-print, .no-print * { + display: none !important; + } } \ No newline at end of file