kallithea Changeset - 554b29ebb42e

Changeset - 554b29ebb42e

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

domruf - 8 years ago 2017-10-27 21:33:01
dominikruf@gmail.com

less: use Bootstrap default style for panel (with custom variable values)

For now, keep custom css for heading font styling and hiding the panel border.

1 file changed with 0 insertions and 7 deletions:

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/less/style.less

➞

Show inline comments

 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 {

0 comments (0 inline, 0 general)