Mercurial > kallithea
view kallithea/public/less/style.less @ 7063:b8d568d2eb21
less: set navbar background and dropdown menu text color with Bootstrap variables
For the quick_login dropdown set color to @kallithea-theme-inverse-color for
all text.
author | domruf <dominikruf@gmail.com> |
---|---|
date | Fri, 27 Oct 2017 18:49:04 +0200 |
parents | 4f338e692608 |
children | 554b29ebb42e |
line wrap: on
line source
body { background: url("../images/background.png") repeat scroll 0 0 #B0B0B0; } code, .code pre, .linenos pre, div.readme pre, div.formatted-fixed, .CodeMirror .CodeMirror-code pre { font-size: 12px; font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace; } /* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */ .formatted-fixed { white-space: pre-wrap; } /* use monospace for changeset hashes */ .changeset_hash { font-family: @font-family-monospace; } /* Note: class 'icon-empty' or 'icon-gravatar' can be used to get icon-ish styling without an actual glyph */ i[class^='icon-empty'], i[class^='icon-gravatar'] { background-repeat: no-repeat; background-position: center; display: inline-block; min-width: 16px; min-height: 16px; margin: -2px 0 -4px 0; } .inline-comments-general.show-general-status .hidden.general-only { display: block !important; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .truncate.autoexpand:hover { overflow: visible; } /* show comment anchors when hovering over panel-heading */ a.permalink { visibility: hidden; } .panel-heading:hover .permalink { visibility: visible; } .navbar-inverse { border: none; } nav.navbar .navbar-brand:hover, nav.navbar .navbar-brand { font-size: 20px; padding-top: 12px; height: 44px; } nav.navbar { min-height: 44px; } /* logo */ .navbar-brand .branding { &:before { content: ""; display: inline-block; margin-right: .2em; background-image: url(@kallithea-logo-url); width: @kallithea-logo-width; height: @kallithea-logo-height; margin-bottom: -@kallithea-logo-bottom; margin-top: -12px; } } /* code highlighting */ /* don't use bootstrap style for code blocks */ .code-highlighttable pre { background: inherit; border: 0; } /* every direct child of a panel, that is not .panel-heading, should auto * overflow to prevent overflowing of elements like text boxes and tables */ .panel > :not(.panel-heading){ overflow-x: auto; min-height: 0.01%; } /* language bars (summary page) */ #lang_stats { .progress-bar { min-width: 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } td { padding: 1px 0 !important; } } /* every direct child of a main panel, that is not .panel-heading, should auto * overflow to prevent overflowing of elements like text boxes and tables */ #main > .panel > :not(.panel-heading) { overflow-x: auto; min-height: 0.01%; } /* use pointer cursor for expand_commit */ .expand_commit .icon-align-left { cursor: pointer; color: #999; } /* don't break author, date and comment cells into multiple lines in changeset table */ table.changesets { .author, .date, .comments { white-space: nowrap; } } /* textareas should be at least 100px high and 400px wide */ textarea.form-control { min-height: 100px; min-width: 400px; } /* add some space between the code-browser icons and the file names */ .browser-dir > i[class^='icon-'], .submodule-dir > i[class^='icon-'], .browser-file > i[class^='icon-'] { padding-right: 0.3em; } .form-group > label { float: left; } .dt_repo_pending { opacity: 0.5; } div.panel-primary { border: none; } div.panel div.panel-heading { background-color: #577632; font-size: 14px; font-weight: 700; } div.panel.panel-default:last-child { margin-bottom: 0; } div.panel.panel-default > div.panel-heading { background: #eee; } #content div.panel ul.pagination { margin: 10px 0 0 0; } #content div.panel ul.pagination > li > a, #content div.panel ul.pagination > li > span { background: #ebebeb url("../images/pager.png") repeat-x; color: #4A4A4A; font-weight: 700; border-top: 1px solid #dedede; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #cfcfcf; } #content div.panel ul.pagination > li.active > span, #content div.panel ul.pagination > li:hover > a, #content div.panel ul.pagination > li:active > a { background: #b4b4b4 url("../images/pager_selected.png") repeat-x; border-top: 1px solid #ccc; border-left: 1px solid #bebebe; border-bottom: 1px solid #afafaf; border-right: 1px solid #bebebe; color: #515151; } #footer { margin-bottom: 0; } #footer > span { font-weight: 700; } #login .panel-body .icon-lock { font-size: 100px; color: #DDD; margin-left: -15px; z-index: 1; } .user-menu { padding: 0 !important; } #quick_login { width: 330px; min-height: 110px; padding: 0; position: absolute; right: 0; color: #fff; background-color: #577632; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #577632, #577632); z-index: 999; border-radius: 0px 0px 4px 4px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); overflow: hidden; } #quick_login .form { margin: 15px; } #quick_login h4 { color: #fff; margin-bottom: 10px; } #quick_login input#username, #quick_login input#password { display: block; margin: 5px 0 10px; } #quick_login .password_forgotten a, #quick_login .register a { padding: 0 !important; line-height: 25px !important; float: left; clear: both; } #quick_login .submit { float: right; } #quick_login .submit input#sign_in { margin-top: 5px; } #quick_login > .pull-left { width: 170px; } #quick_login > .pull-right { width: 140px; } #quick_login .full_name { color: #FFFFFF; font-weight: bold; padding: 3px 3px 3px 15px; } #quick_login .big_gravatar { padding: 15px 0px 0px 15px; } #quick_login .notifications { padding: 2px 0px 0px 15px; color: #FFFFFF; font-weight: bold; line-height: 10px !important; } #quick_login .notifications a, #quick_login .unread a { color: #FFFFFF; display: block; padding: 0px !important; } #quick_login .notifications a:hover, #quick_login .unread a:hover { background-color: inherit !important; } #quick_login .email, #quick_login .unread { color: #FFFFFF; padding: 3px 3px 3px 15px; } #quick_login div.form div.form-group { padding: 5px; } #quick_login :not(input) { color: @kallithea-theme-inverse-color; padding-bottom: 3px; } #quick_login div.form div.form-group > div input { width: 236px; background: #FFF; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color: #000; font-size: 11px; margin: 0; padding: 5px 7px 4px; } #quick_login div.form div.buttons { clear: both; overflow: hidden; text-align: right; margin: 0; padding: 5px 14px 0px 5px; } #quick_login div.form div.links { clear: both; overflow: hidden; margin: 10px 0 0; padding: 0 0 2px; } #quick_login ol.links { display: block; font-weight: bold; list-style: none outside none; text-align: right; } #quick_login ol.links li { line-height: 27px; margin: 0; padding: 0; color: #fff; display: block; float: none !important; } #quick_login ol.links li a { color: #fff; display: block; padding: 2px; } #quick_login ol.links li a:HOVER { background-color: inherit !important; } #register div.form div.form-group > label { width: 135px; float: left; text-align: right; margin: 2px 10px 0 0; padding: 5px 0 0 5px; } #register div.form div.form-group > div input { width: 300px; } #register div.form div.buttons { border-top: 1px solid #DDD; margin: 0; padding: 10px 0 0 145px; } #journal .journal_user { color: #747474; font-size: 14px; font-weight: bold; height: 30px; } #journal .journal_user.deleted { color: #747474; font-size: 14px; font-weight: normal; height: 30px; font-style: italic; } #journal .journal_icon { clear: both; float: left; padding-right: 4px; padding-top: 3px; } #journal .journal_action { padding-top: 4px; min-height: 2px; float: left; } #journal .journal_action_params { clear: left; padding-left: 22px; } #journal .date { clear: both; color: #777777; font-size: 11px; padding-left: 22px; } #journal .journal_repo_name { font-weight: bold; font-size: 1.1em; } #journal .compare_view { padding: 5px 0px 5px 0px; width: 95px; } .trending_language_tbl, .trending_language_tbl td { border: 0 !important; margin: 0 !important; padding: 0 !important; } .trending_language_tbl, .trending_language_tbl tr { border-spacing: 1px; } h3.files_location { font-size: 1.8em; font-weight: 700; border-bottom: none !important; margin: 10px 0 !important; } .file_history { padding-top: 10px; font-size: 16px; } .file_author { float: left; } .file_author .item { float: left; padding: 5px; color: #888; } .changeset_id { color: #666666; margin-right: -3px; } .changeset-logical-index { color: #666666; font-style: italic; font-size: 85%; padding-right: 0.5em; text-align: right; } #changeset_compare_view_content .compare_view_commits { width: auto !important; } #changeset_compare_view_content .compare_view_commits td { padding: 0px 0px 0px 12px !important; } td.author { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px; } #graph_nodes { position: absolute; width: 100px; } #graph_content, #graph_content_pr, #graph .container_header { margin-left: 100px; } #graph_content { position: relative; } table#updaterevs-table tr.mergerow, table#updaterevs-table tr.out-of-range, table#changesets tr.mergerow, table#changesets tr.out-of-range { opacity: 0.6; } table#changesets tr > td { height: 31px; border-color: #cdcdcd; text-align: left; } table#changesets tr > td.checkbox-column { width: 14px; font-size: 0.85em; } table#changesets tr > td.status { width: 14px; font-size: 0.85em; } table#changesets tr > td.hash { width: 100px; font-size: 0.85em; } table#changesets tr > td.date { width: auto !important; color: #666; font-size: 10px; white-space: nowrap; } table#changesets tr > td.mid { width: 100%; padding: 0; } table#changesets .log-container { position: relative; margin-top: 8px; } table#changesets tr #singlerange, table#changesets tr .changeset_range { float: left; margin: 2px 0; } table#changesets tr > td.author img { vertical-align: middle; } table#changesets tr > td.author .user { color: #444444; } table#changesets tr > td.mid .message, #graph_content_pr .compare_view_commits .message { white-space: nowrap; padding: 0; overflow: hidden; } #graph_content_pr .compare_view_commits .message { padding: 0 !important; } table#changesets tr > td.mid .message.expanded, #graph_content_pr .compare_view_commits .message.expanded { height: auto; overflow: initial; } table#changesets tr .extra-container { display: block; position: absolute; top: -15px; right: 0; padding-left: 5px; background: #FFFFFF; height: 41px; } #pull_request_overview .comments-container, #changeset_compare_view_content .comments-container, table#changesets .comments-container, #shortlog_data .comments-container, table#changesets .logtags { display: block; float: left; overflow: hidden; padding: 0; margin: 0; white-space: nowrap; } table#changesets .comments-container { margin: 0.8em 0; margin-right: 0.5em; } table#changesets .tagcontainer { width: 80px; position: relative; float: right; height: 100%; top: 7px; margin-left: 0.5em; } table#changesets .logtags { min-width: 80px; height: 1.1em; position: absolute; left: 0px; width: auto; top: 0px; } table#changesets .logtags.tags { top: 14px; } table#changesets .logtags:hover { overflow: visible; position: absolute; width: auto; right: 0; left: initial; } table#changesets .logtags .booktag, table#changesets .logtags .tagtag { float: left; line-height: 1em; margin-bottom: 1px; margin-right: 1px; padding: 1px 3px; font-size: 10px; } table#changesets tr > td.mid .message a:hover { text-decoration: none; } #updaterevs-graph { position: relative; width: 40px; height: 0; } #updaterevs-table { margin-left: 40px !important; } .issue-tracker-link { color: #3F6F9F; font-weight: bold !important; } /* changeset statuses (must be the same name as the status) */ .changeset-status-not_reviewed { color: #bababa; } .changeset-status-approved { color: #81ba51; } .changeset-status-rejected { color: #d06060; } .changeset-status-under_review { color: #ffc71e; } .pull-right .changes { clear: both; } .pull-right .changes .changed_total { display: block; float: right; text-align: center; min-width: 45px; cursor: pointer; color: #444444; background: #FEA; border-radius: 0px 0px 0px 6px; padding: 1px; } .pull-right .changes .added, .pull-right .changes .changed, .pull-right .changes .deleted { color: #444444; } .pull-right .changes .added { background: #CFC; } .pull-right .changes .changed { background: #FEA; } .pull-right .changes .deleted { background: #FAA; } .panel .search div.search_path { background: none repeat scroll 0 0 #EEE; border: 1px solid #CCC; color: blue; margin-bottom: 10px; padding: 10px 0; } .panel .search div.search_path div.link { font-weight: 700; margin-left: 25px; } .panel .search div.search_path div.link a { color: #577632; cursor: pointer; text-decoration: none; } #repo_size { display: block; margin-top: 4px; color: #666; float: right; } .currently_following { padding-left: 10px; padding-bottom: 5px; } #switch_repos { position: absolute; height: 25px; z-index: 1; } #switch_repos select { min-width: 150px; max-height: 250px; z-index: 1; } .breadcrumbs { border: medium none; color: #FFF; font-weight: 700; font-size: 14px; } table#permissions_manage span.private_repo_msg { font-size: 0.8em; opacity: 0.6; } table#permissions_manage td.private_repo_msg { font-size: 0.8em; } table#permissions_manage tr#add_perm_input td { vertical-align: middle; } div.gravatar { float: left; background-color: #FFF; margin-right: 0.7em; padding: 1px 1px 1px 1px; line-height: 0; border-radius: 3px; } div.gravatar img { border-radius: 2px; } #content div.panel div.panel-heading div.search { border-left: 1px solid #576622; } #content div.panel div.panel-heading div.search > div input { border: 1px solid #576622; } .panel-body.settings > ul.nav-stacked { float: left; width: 150px; padding-right: 35px; color: #393939; font-weight: 700; } .panel-body.settings .nav-pills > li { padding: 0 !important; } .panel-body.settings .nav-pills > li > a { border-radius: 4px; padding: 10px; display: block; position: relative; color: inherit; } .panel-body.settings > ul.nav-stacked li.active > a, .panel-body.settings > ul.nav-stacked li.active:hover > a { color: #fff; background-color: #577632; } .panel-body.settings > ul.nav-stacked li:hover > a { text-decoration: none; background-color: #eee; } .panel-body.settings > div, .panel-body.settings > form { float: left; width: 750px; margin: 0; } .panel-body.no-padding { padding: 0; } .panel-body ~ .panel-body { padding-top: 0; } .panel-body.no-padding ~ .panel-body { padding-top: 15px; } .panel-body > :last-child { margin-bottom: 0; } .panel-body.settings .text-muted { margin: 5px 0; } ins, div.options a:hover { text-decoration: none; } img, nav.navbar #quick li a:hover span.normal, #clone_url, #clone_url_id { border: none; } img.icon, .right .merge img { vertical-align: bottom; } #content div.panel div.panel-heading ul.links, #content div.panel div.message div.dismiss { float: right; margin: 0; padding: 0; } nav.navbar #home, #content div.panel ul.left, #content div.panel ol.left, div#commit_history, div#legend_data, div#legend_container, div#legend_choices { float: left; } /* set size for statistics charts */ #commit_history { width: 450px; height: 300px; } #overview { clear: both; width: 450px; height: 100px; } #content #left #menu ul.closed, #content #left #menu li ul.collapsed, .yui-tt-shadow { display: none; } #content #left #menu ul.opened, #content #left #menu li ul.expanded { display: block !important; } #content div.panel ol.lower-roman, #content div.panel ol.upper-roman, #content div.panel ol.lower-alpha, #content div.panel ol.upper-alpha, #content div.panel ol.decimal { margin: 10px 24px 10px 44px; } /* formencode htmlfill adds 'error' to failing input fields */ #content div.panel div.form div.form-group > div input.error, #login div.form div.form-group > div input.error, #register div.form div.form-group > div input.error { background: #FBE3E4; border-top: 1px solid #e1b2b3; border-left: 1px solid #e1b2b3; border-right: 1px solid #FBC2C4; border-bottom: 1px solid #FBC2C4; } /* formencode htmlfill injects 'error-message' */ #content div.panel div.form div.form-group span.error-message, #login div.form div.form-group span.error-message, #register div.form div.form-group span.error-message { display: inline-block; color: red; margin: 4px 0 0; } #content div.panel div.form div.form-group > div { margin: 0 0 10px 200px; } div.form div.form-group div.button input, #content div.panel div.form div.buttons input, div.form div.buttons input, #content div.panel div.action div.button input { font-size: 11px; font-weight: 700; margin: 0; } div.form div.form-group div.highlight, #content div.panel div.form div.buttons div.highlight { display: inline; } #content div.panel div.form div.buttons, div.form div.buttons { margin: 10px 10px 0 200px; padding: 0; } #content div.panel table td.user, #content div.panel table td.address { width: 10%; text-align: center; } #content div.panel div.action div.button { text-align: right; margin: 6px 0 0; padding: 0; } #login, #register { width: 520px; margin: 10% auto 0; padding: 0; } #register div.form div.form-group span.error-message { height: 1%; display: block; color: red; margin: 8px 0 0; padding: 0; max-width: 320px; } .ac .match { font-weight: 700; padding-top: 5px; padding-bottom: 5px; } .q_filter_box { border-radius: 4px; border: 0 none; margin-bottom: -4px; margin-top: -4px; padding-left: 3px; } #node_filter { border: 0px solid #545454; color: #AAAAAA; padding-left: 3px; } /** comment main **/ .comment .panel, .comment-inline-form { max-width: 978px; } .comment .panel-body { background-color: #FAFAFA; } .comments-number { padding: 10px 0; color: #666; } .automatic-comment { font-style: italic; } /** comment form **/ .status-block { margin: 5px; clear: both; } .panel-heading .pull-left input[type=checkbox], .panel-heading .pull-right input[type=checkbox] { position: relative; top: 4px; margin: -10px 2px 0; } /** comment inline form **/ .comment-inlines textarea { font-family: @font-family-monospace; } /** comment inline **/ .inline-comments { padding: 5px; } .inline-comments .comments-number { padding: 0px 0px 10px 0px; } input.status_change_checkbox, input.status_change_radio { margin: 0 0 5px 15px; } .badge { padding: 4px 4px !important; text-align: center; color: #888 !important; background-color: #DEDEDE !important; border-radius: 4px !important; } @keyframes animated-comment-background { 0% { background-position: 0 0; } 100% { background-position: 20px 0; } } .comment-preview.failed .user, .comment-preview.failed .panel-body { color: #666; } .comment-preview .comment-submission-status { float: right; } .comment-preview .comment-submission-status .btn-group { margin-left: 10px; } .comment-preview.submitting .panel-body { background-image: linear-gradient(-45deg, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%, #FAFAFA 50%, #FAFAFA 75%, #FFF 75%, #FFF 100%); background-size: 20px 20px; animation: animated-comment-background 0.4s linear infinite; } /**** PULL REQUESTS *****/ div.pr-details-title.closed { color: #555; background: #eee; } div.pr { margin: 0px 15px; padding: 4px 4px; } tr.pr-closed td { background-color: #eee !important; color: #555 !important; } span.pr-closed-tag { margin-bottom: 1px; margin-right: 1px; padding: 1px 3px; font-size: 10px; color: #577632; white-space: nowrap; border-radius: 4px; border: 1px solid #d9e8f8; line-height: 1.5em; } .panel-body .pr-box { max-width: 978px; margin-right: 15px; } #s2id_org_ref, #s2id_other_ref, #s2id_org_repo, #s2id_other_repo { min-width: 150px; margin: 5px; } #pr-summary > .pr-not-edit { min-height: 50px !important; } #pr-edit-btn { margin: 20px 0 0 !important; position: absolute; } /* make 'next iteration' changeset table smaller and scrollable */ #pr-summary #updaterevs { max-height: 200px; overflow-y: auto; overflow-x: hidden; } /**** PERMS *****/ .perm-gravatar-ac { vertical-align: middle; padding: 2px; width: 14px; height: 14px; } /* avoid gaps between the navbar and browser */ .navbar.mainmenu { border-top-left-radius: 0; border-top-right-radius: 0; } .navbar.footer { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* show some context of link targets - but only works when the link target can be extended with any visual difference */ div.comment:target:before { display: block; height: 100px; margin: -100px 0 0; content: ""; } div.comment:target > .panel { border: solid 2px #ee0 !important; } .lineno:target a { border: solid 2px #ee0 !important; margin: -2px; } .btn-image-diff-show, .btn-image-diff-swap { margin: 5px; } .img-diff { max-width: 45%; height: auto; margin: 5px; /* http://lea.verou.me/demos/css3-patterns.html */ background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%); background-size: 10px 10px; background-color: #999; } .img-preview { max-width: 100%; height: auto; margin: 5px; } div.comment-prev-next-links div.prev-comment, div.comment-prev-next-links div.next-comment { display: inline-block; min-width: 150px; margin: 3px 6px; } #comments-general-comments div.comment-prev-next-links div.prev-comment, #comments-general-comments div.comment-prev-next-links div.next-comment { margin-left: 0; } body table.dataTable thead .sorting { background-image: none; } body table.dataTable thead .sorting_asc { background-image: none; } body table.dataTable thead .sorting_desc { background-image: none; } body table.dataTable thead .sorting_asc_disabled { background-image: none; } body table.dataTable thead .sorting_desc_disabled { background-image: none; } body table.dataTable thead .sorting_asc::after { font-family: "kallithea"; content: "\23f6"; } body table.dataTable thead .sorting_desc::after { font-family: "kallithea"; content: "\23f7"; } .dataTables_wrapper .dataTables_left { float: left !important; } .dataTables_wrapper .dataTables_right { float: right; } .dataTables_wrapper .dataTables_right > div { padding-left: 30px; } .dataTables_wrapper .dataTables_info { clear: none; padding-top: 3px; } .dataTables_wrapper .dataTables_paginate { padding-top: 0; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 3px 10px; } .dataTables_wrapper .dataTables_paginate > a.paginate_button { padding-top: 1px; border: 0 !important; } .dataTables_wrapper label { margin-bottom: 0; font-weight: inherit; } #content div.panel .changelog-panel > .changelog-heading, #content div.panel .changelog-panel > ul.pagination { margin-left: 100px; } /* undo Bootstrap chrome/webkit blue outline on focus in navbar */ .navbar-inverse .navbar-nav > li > a:focus { outline: 0; } /* pygments style */ div.search-code-body pre .match { background-color: #FAFFA6; } div.search-code-body pre .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; } div.annotatediv { margin-left: 2px; margin-right: 4px; } .code-highlight { border-left: 1px solid #ccc; } .code-highlight pre, .linenodiv pre { padding: 5px 2px 0px 5px; margin: 0; } .code-highlight pre div:target { background-color: #FFFFBE !important; } .linenos a { text-decoration: none; }