diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb index 4cdefbd..4b33f6c 100644 --- a/app/views/layouts/base.html.erb +++ b/app/views/layouts/base.html.erb @@ -23,7 +23,6 @@
- <% if User.current.logged? || !Setting.login_required? %>
<%= form_tag({:controller => 'search', :action => 'index', :id => @project}, :method => :get ) do %> @@ -61,17 +60,27 @@
+
+
<%= render_menu :account_menu -%>
<%= content_tag('div', "#{l(:label_logged_as)} #{link_to_user(User.current, :format => :username)}".html_safe, :id => 'loggedas') if User.current.logged? %> <%= render_menu :top_menu if User.current.logged? || !Setting.login_required? -%> +
@@ -118,9 +131,19 @@
diff --git a/public/themes/circlepro/font/fontello.eot b/public/themes/circlepro/font/fontello.eot new file mode 100755 index 0000000..16add4b Binary files /dev/null and b/public/themes/circlepro/font/fontello.eot differ diff --git a/public/themes/circlepro/font/fontello.svg b/public/themes/circlepro/font/fontello.svg new file mode 100755 index 0000000..31daa56 --- /dev/null +++ b/public/themes/circlepro/font/fontello.svg @@ -0,0 +1,24 @@ + + + +Copyright (C) 2018 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/themes/circlepro/font/fontello.ttf b/public/themes/circlepro/font/fontello.ttf new file mode 100755 index 0000000..9f768b0 Binary files /dev/null and b/public/themes/circlepro/font/fontello.ttf differ diff --git a/public/themes/circlepro/font/fontello.woff b/public/themes/circlepro/font/fontello.woff new file mode 100755 index 0000000..d3046bf Binary files /dev/null and b/public/themes/circlepro/font/fontello.woff differ diff --git a/public/themes/circlepro/font/fontello.woff2 b/public/themes/circlepro/font/fontello.woff2 new file mode 100755 index 0000000..f5ec936 Binary files /dev/null and b/public/themes/circlepro/font/fontello.woff2 differ diff --git a/public/themes/circlepro/images/bg_main.png b/public/themes/circlepro/images/bg_main.png new file mode 100644 index 0000000..a9d8761 Binary files /dev/null and b/public/themes/circlepro/images/bg_main.png differ diff --git a/public/themes/circlepro/images/logo.png b/public/themes/circlepro/images/logo.png index e47275c..117ed37 100644 Binary files a/public/themes/circlepro/images/logo.png and b/public/themes/circlepro/images/logo.png differ diff --git a/public/themes/circlepro/stylesheets/application.css b/public/themes/circlepro/stylesheets/application.css index 731a396..df76e39 100644 --- a/public/themes/circlepro/stylesheets/application.css +++ b/public/themes/circlepro/stylesheets/application.css @@ -1,22 +1,7 @@ @import url(../../../stylesheets/application.css); +@import url(//fonts.googleapis.com/css?family=Lato:300,400,700); -/* Circle Theme version 2.1.3, Copyright (C) 2011 - 2017 Kirill Bezrukov www.redmineup.com */ - -/**********************************************************/ -/* LOGO */ -/**********************************************************/ - -#header > h1 { - background: url(../images/logo.png) no-repeat 20px 13px; -} - -@media only screen and (-webkit-min-device-pixel-ratio: 2), -only screen and (min-device-pixel-ratio: 2) { - #header > h1 { - background-image: url(../images/logo2x.png); - background-size: 38px 40px; - } -} +/* CirclePro Theme, based on Circle Theme by Kirill Bezrukov */ /**********************************************************/ /* COMMON */ @@ -24,9 +9,9 @@ only screen and (min-device-pixel-ratio: 2) { body { color: #3d454c; - font-size: 14px; + font-size: 16px; line-height: 1.3; - font-family: "helvetica neue",helvetica,arial,sans-serif; + font-family: Lato,"helvetica neue",helvetica,arial,sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -34,7 +19,7 @@ body { } input, textarea, select { - font-family: "helvetica neue",helvetica,arial,sans-serif; + font-family: Lato,"helvetica neue",helvetica,arial,sans-serif; font-size: 12px; } @@ -42,34 +27,57 @@ a, a:link, a:visited { color: #2996cc; } -#main { - background-color: #fafafa; - padding: 0px 20px; +#wrapper-top-menu, +#wrapper-header, +#wrapper-main-menu, +#wrapper-main, +#wrapper-footer { + margin-left: auto; + margin-right: auto; + max-width: 1240px; } -#main.nosidebar { +#wrapper3, +#main { + background: #ebeae9 url(../images/bg_main.png) repeat-x 0 bottom; +} +#wrapper3 { + padding-bottom: 30px; +} +#main { + background-color: transparent; +} +#wrapper-main { background-color: #fff; } div#content { - margin-left: -20px; - padding-left: 25px; - padding-top: 15px; + padding: 30px 30px 10px; + width: 70%; + background-color: #fff; + border-right: 0; +} +div#content p { + word-wrap: break-word; } #footer { - margin-bottom: 12px; - padding-top: 18px; - padding-left: 25px; - padding-right: 25px; - border-top: 1px solid #e0e2e3; - color: #ced4d9; + height: 36px; + padding: 0; + border: 1px solid #182230; + background-color: #182330; + text-align: left; + font-size: 11px; + font-weight: bold; + color: #fff; +} +#footer div.bgl { + display: inline-block; + margin: 14px 0 0 30px; } - #footer a, #footer a:visited { color: #ced4d9; } - #footer a:hover { color: #2996cc; text-decoration: none; @@ -91,8 +99,10 @@ input[type="text"].questions-search.autocomplete { } h2 { - font-size: 25px; - font-weight: normal; + color: #f30; + font-size: 46px; + font-weight: 600; + line-height: 1em; margin-top: 10px; } @@ -105,52 +115,115 @@ h2 { } img.gravatar { - padding: 2px; - border: solid 1px #d5d5d5; - background: #fff; - vertical-align: middle; - border-radius: 0; + padding: 2px; + border: solid 1px #d5d5d5; + background: #fff; + vertical-align: middle; + border-radius: 0; } div.gravatar-with-child > img.gravatar:nth-child(2) { - border: solid 1px #d5d5d5; - border-radius: inherit; - top: 35px; - left: 35px; + border: solid 1px #d5d5d5; + border-radius: inherit; + top: 35px; + left: 35px; } +/**********************************************************/ +/* FONT ICONS */ +/**********************************************************/ + +@font-face { + font-family: 'fontello'; + src: url('../font/fontello.eot?47049262'); + src: url('../font/fontello.eot?47049262#iefix') format('embedded-opentype'), + url('../font/fontello.woff2?47049262') format('woff2'), + url('../font/fontello.woff?47049262') format('woff'), + url('../font/fontello.ttf?47049262') format('truetype'), + url('../font/fontello.svg?47049262#fontello') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + + /* For safety - reset parent styles, that can break glyph codes */ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-rss:before { content: '\e800'; } +.icon-mail:before { content: '\e801'; } +.icon-blog:before { content: '\e802'; } +.icon-github:before { content: '\f09b'; } +.icon-twitter:before { content: '\f309'; } +.icon-facebook:before { content: '\f30c'; } +.icon-linkedin:before { content: '\f318'; } + /**********************************************************/ /* HEADER */ /**********************************************************/ #header { - background-color: #29333a; + background-color: #003346; min-height: 5em; padding: 0px; } -#header > h1 { - font-family: "helvetica neue",helvetica,arial,sans-serif; - text-transform: uppercase; - font-weight: 700; - font-size: 13px; - letter-spacing: 1px; - padding: 25px 10px 25px 70px; - margin: 0px; -} +#wrapper-header { + height: 88px; + background: url(../images/logo.png) no-repeat 30px 0; + position: relative; +} /* +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { + #wrapper-header > h1 { + background-image: url(../images/logo2x.png); + background-size: 38px 40px; + } +} */ -#header > h1 .breadcrumbs { - margin-top: -5px; +#wrapper-header > h1::before { + content: "-"; + margin-right: 12px; +} +#wrapper-header > h1 { + position: absolute; + bottom: 7px; + padding: 0 0 0 138px; + margin: 0; + font-size: 15px; +} +#wrapper-header > h1 .breadcrumbs { + margin-top: -5px; } #quick-search { - margin: 20px 10px; + margin: 20px 28px 20px 10px; } - #quick-search select { max-width: 300px; } - #quick-search .drdn-trigger { padding-top: 4px; font-size: 12px; @@ -159,22 +232,90 @@ div.gravatar-with-child > img.gravatar:nth-child(2) { /**********************************************************/ /* TOP-MENU */ /**********************************************************/ + #top-menu { - background: #000; - padding: 7px 20px 2px 25px; + height: 31px; + line-height: 31px; + background: #556372; + padding: 0; font-size: 0.9em; } - +#top-menu ul { + margin: 0 30px; +} #top-menu a { margin-right: 15px; font-weight: normal; - color: #9da2a6; + color: #aaa; } - #top-menu a:hover { color: #fff; text-decoration: none; } +#top-menu #loggedas, +#top-menu #loggedas a, +#top-menu ul li:last-child a { + margin-right: 0; +} + +/**********************************************************/ +/* SOCIAL-MENU */ +/**********************************************************/ + +ul.social-menu { + float: right; + margin: 0; +} +ul.social-menu > li { + list-style-type: none; + float: left; +} +ul.social-menu > li a { + margin: 0 !important; + font-size: 20px; + display: block; + width: 30px; + min-height: 30px; + line-height: 30px; + height: 100%; + text-align: center; + transition-property: all; + transition-duration: 0.3s; + transition-timing-function: ease-out; + transition-delay: 0s; +} +ul.social-menu > li a span { + display: none; +} +ul.social-menu > li:hover a { + color: #fff !important; +} +ul.social-menu .social-link-blog:hover a { + background-color: #ffa133; +} +ul.social-menu .social-link-twitter:hover a { + background-color: #46d4fe; +} +ul.social-menu .social-link-facebook:hover a { + background-color: #37589b; +} +ul.social-menu .social-link-linkedin:hover a { + background-color: #419cca; +} +ul.social-menu .social-link-github:hover a { + background-color: #bd2c00; +} +ul.social-menu .social-link-mail:hover a { + background-color: #9fae37; +} +#footer ul.social-menu > li a { + color: #8ca7be; + border-radius: 300px; +} +#footer ul.social-menu { + margin: 3px 30px 0 0; +} + /**********************************************************/ /* MAIN-MENU */ /**********************************************************/ @@ -184,153 +325,142 @@ div.gravatar-with-child > img.gravatar:nth-child(2) { width: 100%; background-color: #3d454c; font-weight: 500; + font-size: 0.9em; position: relative; - height: auto; - box-sizing: border-box; + height: auto; + box-sizing: border-box; } - #main-menu ul { - padding: 0 15px; - width: 100%; - white-space: nowrap; + padding: 0 15px 0 20px; + width: 100%; + white-space: nowrap; } - #main-menu li { margin: 0px; - padding: 13px 0px; - float: none; - display: inline-block; + padding: 12px 0; + float: none; + display: inline-block; } - #main-menu li > a { color: #9da2a6; } - - #main-menu li a:hover, #main-menu li a.selected, #main-menu li a.selected:hover { background: none; color: #fff; } - #main-menu .menu-button { - position: absolute; - right: 10px; - top: 16px; - text-indent: 66em; - overflow: hidden; + position: absolute; + right: 10px; + top: 16px; + text-indent: 66em; + overflow: hidden; cursor: pointer; width: 24px; - height: 16px; - background: url(../images/menu_button.png) no-repeat; - background-size: 16px 16px; /* for retina displays */ + height: 16px; + background: url(../images/menu_button.png) no-repeat; + background-size: 16px 16px; /* for retina displays */ } - #main-menu .menu-button:hover { background: url(../images/menu_button_hover.png) no-repeat; background-size: 16px 16px; /* for retina displays */ } - /* new object + button */ #main-menu li a.new-object { - background-color: #3d454c; + background-color: #3d454c; } - #main-menu .menu-children { - border: 0px; - margin-top: 13px; - left: 0px; + border: 0px; + margin-top: 10px; } - #main-menu .menu-children, #main-menu .menu-children li { - padding: 0px; + padding: 0px; } - #main-menu .menu-children li a { - padding: 10px 25px; + padding: 10px 25px; } - #main-menu .menu-children li a { - background: #3d454c; - color: #9da2a6; - font-weight: bold; + background: #3d454c; + color: #9da2a6; + font-weight: bold; } - #main-menu .menu-children li a:hover { - color: #fff; - background: #3d454c; + color: #fff; + background: #3d454c; } - /* tab buttons*/ - - #main-menu div.tabs-buttons { - position: absolute; - right: 0; - width: 60px; - height: 100%; - background: #3d454c; - bottom: 0; - border: 0px; + position: absolute; + right: 0; + width: 60px; + height: 100%; + background: #3d454c; + bottom: 0; + border: 0px; } - #main-menu button.tab-left, #main-menu button.tab-right { - cursor: pointer; - height:100%; - border: 0px; - position: absolute; - padding: 4px; - width: 25px; - bottom: 0px; - border-radius: 0px; - background: #3d454c; - color: #9da2a6; - font-weight: bold; + cursor: pointer; + height:100%; + border: 0px; + position: absolute; + padding: 4px; + width: 25px; + bottom: 0px; + border-radius: 0px; + background: #3d454c; + color: #9da2a6; + font-weight: bold; } #main-menu button.tab-left:hover, #main-menu button.tab-right:hover { - background-color: #3d454c; - color: #fff; + background-color: #3d454c; + color: #fff; } #main-menu button.tab-left:focus, #main-menu button.tab-right:focus { - outline: 0; + outline: 0; } - #main-menu button.tab-left { - right: 25px; + right: 25px; } - #main-menu button.tab-left::before { - content: "\25C0"; - background: none; + content: "\25C0"; + background: none; } - #main-menu button.tab-right::before { - right: 0; - content: "\25b6"; - background: none; + right: 0; + content: "\25b6"; + background: none; } - #main-menu button.tab-left.disabled, #main-menu button.tab-right.disabled { - background-color: #3d454c; - cursor: unset; - color: #777; + background-color: #3d454c; + cursor: unset; + color: #777; } /**********************************************************/ /* SIDEBAR */ /**********************************************************/ + #sidebar { - line-height:1.3; + padding-right: 30px; + line-height: 1.3; } - #sidebar h3 { - font-size:16px; - font-weight: normal; - margin-top: 20px; - margin-bottom: 5px; - color: #666; + margin-top: 30px; + background-color: #556372; + color: #eee; + font-size: 18px; + line-height: 23px; + padding: 5px 5px 5px 23px; +} +#sidebar h3:before { + content: "//"; + margin-left: -18px; + letter-spacing: -1px; + position: absolute; +} +#sidebar div { + margin-top: 30px; } - #sidebar p { margin-top: 5px; } @@ -338,6 +468,7 @@ div.gravatar-with-child > img.gravatar:nth-child(2) { /**********************************************************/ /* FLASH MESSAGES */ /**********************************************************/ + #errorExplanation, div.flash, .nodata, .warning, .conflict { border: 0px; font-weight: bold; @@ -356,7 +487,7 @@ div.flash.error, #errorExplanation { } div.flash.warning, .conflict { - background-image: none; + background-image: none; } #errorExplanation ul { @@ -371,13 +502,11 @@ div.flash.warning, .conflict { border: 0px; padding: 30px; } - #login-form input[type=text], #login-form input[type=password] { padding: 1px 10px; height: 24px; } - #login-form input#login-submit { padding: 0px; } @@ -385,32 +514,29 @@ div.flash.warning, .conflict { /**********************************************************/ /* WIKI */ /**********************************************************/ + .wiki h1, .wiki h2, .wiki h3 { font-weight: normal; color: #000; } - .wiki h1 { font-size: 28px; margin-top: 10px; } - .wiki h2 { font-size: 20px; } - .wiki h3 { font-size: 16px; } - .wiki.wiki-page { color: #6A6E71; } - /**********************************************************/ /* TAGS */ /**********************************************************/ + span.tag-label-color { border: 0px !important; padding: 4px 8px !important; @@ -447,6 +573,7 @@ div#content .contacts-tags-edit ul.tagit { /**********************************************************/ /* Context Menu */ /**********************************************************/ + div#content .context-menu-selection { background-color: #2996cc !important; } @@ -469,9 +596,11 @@ div#content #context-menu li:hover { div#content #context-menu a.disabled, div#content #context-menu a.disabled:hover { color: #aaa; } + /**********************************************************/ /* TIP */ /**********************************************************/ + div.tooltip:hover span.tip { border: 1px solid #ccc; -webkit-border-radius: 4px; @@ -484,6 +613,7 @@ div.tooltip:hover span.tip { /**********************************************************/ /* jQuery UI */ /**********************************************************/ + .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "SqMarket","helvetica neue",helvetica,arial,sans-serif; font-size: 1em; @@ -645,6 +775,7 @@ div.modal { /**********************************************************/ /* BUTTONS */ /**********************************************************/ + #ajax-modal p.buttons input, .ui-datepicker .ui-datepicker-buttonpane button, .details input[type="submit"], @@ -730,22 +861,32 @@ input[type="submit"].small { /**********************************************************/ /* FORMS COMMON */ /**********************************************************/ + +.tabular.settings p { + padding-left: 200px; + padding-bottom: 8px; +} +.tabular.settings label { + margin-left: -200px; + width: 195px; +} + input[type="text"], input[type="date"], input[type="password"], input[type="search"], fieldset#filters td.values input { - padding: 1px 10px; - background-color: #fff; - color: #3d454c; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - height: 22px; - border: 1px solid #e0e2e3; - margin: 0px; + padding: 1px 10px; + background-color: #fff; + color: #3d454c; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + height: 22px; + border: 1px solid #e0e2e3; + margin: 0px; } input[type="text"]:focus, @@ -755,8 +896,8 @@ input[type="search"]:focus, select:focus, textarea:focus, fieldset#filters td.values input:focus { - border-color:#2996cc; - outline: none; + border-color:#2996cc; + outline: none; } .box { @@ -790,88 +931,6 @@ select { height: 26px; } -/*input[type="radio"]:hover:not(:disabled), input[type="radio"]:focus:not(:disabled), -input[type="checkbox"]:hover:not(:disabled), input[type="checkbox"]:focus:not(:disabled) { - cursor: pointer -} - -input[type="radio"]:active:not(:disabled), input[type="checkbox"]:active:not(:disabled) { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - -moz-transform: scale3d(0.9, 0.9, 0.9); - -ms-transform: scale3d(0.9, 0.9, 0.9); - -o-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9) -} - -input[type="checkbox"]::before, -input[type="radio"]::before { - width: 10px; - height: 10px; - content: ""; - display: none; - background: #3ba8de; - border: 2px solid #fff; -} - -input[type="checkbox"]::before { -border-radius: 2px; -} - -input[type="radio"]::before { - border-radius: 50%; -} - -input[type="checkbox"]:checked, -input[type="radio"]:checked { - border-color: #3ba8de; -} - -input[type="checkbox"]:checked::before, -input[type="radio"]:checked::before { - display: block -} - -input[type="radio"], input[type="checkbox"] { - -webkit-transition: all 150ms linear; - -moz-transition: all 150ms linear; - -o-transition: all 150ms linear; - transition: all 150ms linear; - -webkit-transition-property: -webkit-transform, background-color, color, border-color; - -moz-transition-property: -moz-transform, background-color, color, border-color; - -o-transition-property: -o-transform, background-color, color, border-color; - transition-property: transform, background-color, color, border-color; - -webkit-appearance: none; - margin: 0; - background: #fff; - border: 1px solid #d8d9da; - border-radius: 3px; - color: #424242; - font-weight: 400; - font-size: 16px; - outline: 0; -} - -input[type="radio"] { - border-radius: 50%; - position: relative -} - - -input[type="radio"], -input[type="checkbox"] { - width: 16px; - height: 16px; - margin-right: 2px; -} - -input[type="text"]:disabled, input[type="password"]:disabled, -input[type="number"]:disabled, input[type="email"]:disabled, -select:disabled, textarea:disabled, -input[type="radio"]:disabled, input[type="checkbox"]:disabled { - opacity: 0.5; - cursor: default -} -*/ .check_box_group { padding: 3px 6px; border: 1px solid #e0e2e3; @@ -892,7 +951,7 @@ only screen and (min-device-pixel-ratio: 2) { } select::-ms-expand { - display: none; + display: none; } select[multiple="multiple"] { @@ -934,6 +993,7 @@ img.ui-datepicker-trigger { /**********************************************************/ /* FORMS SPECIFIC */ /**********************************************************/ + input#issue_subject, input#content_comments { width: 97%; @@ -980,27 +1040,28 @@ input#content_comments { } #content .tabs .tabs-buttons { - background: #fff; - border: 0px; - height: 28px; - width: 50px; - border-bottom: 1px solid #ECECEC; + background: #fff; + border: 0px; + height: 28px; + width: 50px; + border-bottom: 1px solid #ECECEC; } #content .tabs .tabs-buttons button.tab-left, #content .tabs .tabs-buttons button.tab-right { - cursor: pointer; - height: 100%; - border: 1px solid #ECECEC; - border-radius: 0px; + cursor: pointer; + height: 100%; + border: 1px solid #ECECEC; + border-radius: 0px; } #content .tabs .tabs-buttons button.tab-left.disabled, #content .tabs .tabs-buttons button.tab-right.disabled { - border: 1px solid #ccc; + border: 1px solid #ccc; } /**********************************************************/ /* TABLES */ /**********************************************************/ + table.list tbody td, table.list tbody tr:hover td { border: solid 1px #d7d7d7; } table.list thead th { border-width: 1px; @@ -1049,102 +1110,96 @@ tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #D2EAFA; } /**********************************************************/ /* OBJECTS */ /**********************************************************/ + div.issue, div.person, div.contact, div.deal { - border: 0px !important; - padding: 10px !important; + border: 0px !important; + padding: 10px !important; } -table.progress td {padding: 0px;} +table.progress td { padding: 0px; } -div.details {padding: 20px !important;} +div.details { padding: 20px !important; } /**********************************************************/ /* RESPONSIVE */ /**********************************************************/ -@media all and (max-width: 899px) -{ - body #header { - background-color: #3d454c; - } - body .flyout-menu { - background-color: #29333a; - } +@media all and (max-width: 899px) { + body #header { + background-color: #3d454c; + } + #wrapper-header { + background-image: none; + } - body .flyout-menu__avatar { - margin-left: 8px; - } + body .flyout-menu__avatar { + margin-left: 8px; + } + body .flyout-menu__avatar img.gravatar { + width: 32px; + height: 32px; + padding: 2px; + border: solid 1px #d5d5d5; + background: #fff; + vertical-align: middle; + border-radius: 0; + margin-top: 3px; + } - body .flyout-menu__avatar img.gravatar { - width: 32px; - height: 32px; - padding: 2px; - border: solid 1px #d5d5d5; - background: #fff; - vertical-align: middle; - border-radius: 0; - margin-top: 3px; - } - - body .flyout-menu a { - color: #9da2a6; - } - body .flyout-menu h3 { - background-color: #000; - border-color: #000; - } + body .flyout-menu { + background-color: #29333a; + } + body .flyout-menu a { + color: #9da2a6; + } + body .flyout-menu h3 { + background-color: #000; + border-color: #000; + } } /**********************************************************/ /* SELECT2 */ /**********************************************************/ -.theme-Circle .select2-container--default .select2-selection--single { - background-position: 4px 50%; - border: 1px solid #e0e2e3; - border-radius: 3px; - height: 26px; - outline: none; +.theme-Circlepro .select2-container--default .select2-selection--single { + background-position: 4px 50%; + border: 1px solid #e0e2e3; + border-radius: 3px; + height: 26px; + outline: none; } - - -.theme-Circle .select2-container--default .select2-selection--multiple { - border: 1px solid #e0e2e3; - border-radius: 3px; - outline: none; +.theme-Circlepro .select2-container--default .select2-selection--multiple { + border: 1px solid #e0e2e3; + border-radius: 3px; + outline: none; } - -.theme-Circle .select2-container--default.select2-container--open .select2-selection, -.theme-Circle .select2-container--default .select2-selection:focus, -.theme-Circle .select2-container--default.select2-container--focus .select2-selection--single, -.theme-Circle .select2-container--default.select2-container--focus .select2-selection--multiple { +.theme-Circlepro .select2-container--default.select2-container--open .select2-selection, +.theme-Circlepro .select2-container--default .select2-selection:focus, +.theme-Circlepro .select2-container--default.select2-container--focus .select2-selection--single, +.theme-Circlepro .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #2996cc; } - -.theme-Circle .select2-container--default .select2-selection--single .select2-selection__rendered { - padding-left: 24px; - line-height: 25px; - font-size: 12px; - outline: none; +.theme-Circlepro .select2-container--default .select2-selection--single .select2-selection__rendered { + padding-left: 24px; + line-height: 25px; + font-size: 12px; + outline: none; } - -.theme-Circle .select2-container--default .select2-selection--multiple .select2-selection__rendered { +.theme-Circlepro .select2-container--default .select2-selection--multiple .select2-selection__rendered { font-size: 12px; } - -.theme-Circle .select2-container--default .select2-selection--single .select2-selection__arrow { - height: 25px; - outline: none; +.theme-Circlepro .select2-container--default .select2-selection--single .select2-selection__arrow { + height: 25px; + outline: none; } - -.theme-Circle .select2-container--default .select2-selection--single .select2-selection__arrow b { - border-color: #afafaf transparent transparent transparent; +.theme-Circlepro .select2-container--default .select2-selection--single .select2-selection__arrow b { + border-color: #afafaf transparent transparent transparent; } -.theme-Circle .select2-dropdown { - border: 1px solid #2996cc; - border-radius: 3px; +.theme-Circlepro .select2-dropdown { + border: 1px solid #2996cc; + border-radius: 3px; } -