kallithea Changeset - d331cc495625

Changeset - d331cc495625

Parent rev.

Child rev.

[Not reviewed]

default

0 1 1

Thomas De Schampheleire - 8 years ago 2017-09-29 21:15:16
thomas.de.schampheleire@gmail.com

style: extract yui styles to separate less file

2 files changed with 72 insertions and 69 deletions:

kallithea/public/less/style.less

kallithea/public/less/yui-ac.less

0 comments (0 inline, 0 general)

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -876,837 +876,771 @@ table#changesets tr > td.expand_commit { @@
+}
 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: absolute;
   width: 40px;
+}
 #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;
+}
 .right .mergetag,
 .right .merge {
   padding: 1px 3px 1px 3px;
   background-color: #fca062;
   font-size: 10px;
   color: #ffffff;
   text-transform: uppercase;
   white-space: nowrap;
   border-radius: 3px;
   margin-right: 2px;
+}
 .right .parent {
   color: #666666;
   clear: both;
+}
 .right .logtags {
   line-height: 2.2em;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .logtags .tagtag,
 .logtags .booktag {
   margin: 0px 2px;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .tagtag,
 .booktag,
 .spantag {
   padding: 1px 3px 1px 3px;
   font-size: 10px;
   color: #577632;
   white-space: nowrap;
   border-radius: 4px;
   border: 1px solid #d9e8f8;
   line-height: 1.5em;
+}
 table#changesets .phasetag,
 table#changesets .bumpedtag,
 table#changesets .divergenttag,
 table#changesets .extincttag,
 table#changesets .unstabletag,
 table#changesets .branchtag,
 table#changesets .tagtag,
 table#changesets .booktag {
   margin: 1.1em 0;
   margin-right: 0.5em;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .tagtag,
 .booktag {
   float: left;
   display: inline-block;
+}
 .right .logtags .phasetag,
 .right .logtags .bumpedtag,
 .right .logtags .divergenttag,
 .right .logtags .extincttag,
 .right .logtags .unstabletag,
 .right .logtags .branchtag,
 .right .logtags .tagtag,
 .right .logtags .booktag,
 .right .mergetag,
 .right .merge {
   float: right;
   line-height: 1em;
   margin: 1px 1px !important;
   display: block;
+}
 .repotag {
   border-color: #56A546;
   color: #46A546;
   font-size: 8px;
   text-transform: uppercase;
+}
 #context-bar .repotag,
 .repo-icons .repotag {
   border-color: white;
   color: white;
   margin-top: 3px;
+}
 .repo-icons .repotag {
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
+}
 .booktag {
   border-color: #46A546;
   color: #46A546;
+}
 .tagtag {
   border-color: #62cffc;
   color: #62cffc;
+}
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag {
   background-color: #f00;
   border-color: #600;
   color: #fff;
+}
 .phasetag {
   border-color: #1F14CE;
   color: #1F14CE;
+}
 .logtags .branchtag a:hover,
 .logtags .branchtag a,
 .branchtag a,
 .branchtag a:hover {
   text-decoration: none;
   color: inherit;
+}
 .logtags .tagtag {
   padding: 1px 3px 1px 3px;
   background-color: #62cffc;
   font-size: 10px;
   color: #ffffff;
   white-space: nowrap;
   border-radius: 3px;
+}
 .tagtag a,
 .tagtag a:hover,
 .logtags .tagtag a,
 .logtags .tagtag a:hover {
   text-decoration: none;
   color: inherit;
+}
 .logbooks .booktag,
 .logbooks .booktag,
 .logtags .booktag,
 .logtags .booktag {
   padding: 1px 3px 1px 3px;
   background-color: #46A546;
   font-size: 10px;
   color: #ffffff;
   white-space: nowrap;
   border-radius: 3px;
+}
 .logbooks .booktag,
 .logbooks .booktag a,
 .right .logtags .booktag,
 .logtags .booktag a {
   color: #ffffff;
+}
 .logbooks .booktag,
 .logbooks .booktag a:hover,
 .logtags .booktag,
 .logtags .booktag a:hover,
 .booktag a,
 .booktag a:hover {
   text-decoration: none;
   color: inherit;
+}
 table.code-browser {
   border-collapse: collapse;
   width: 100%;
+}
 table.code-browser tr {
   margin: 3px;
+}
 table.code-browser thead th {
   background-color: #EEE;
   height: 20px;
   font-size: 1.1em;
   font-weight: 700;
   text-align: left;
   padding-left: 10px;
+}
 table.code-browser tbody td {
   padding-left: 10px;
   height: 20px;
+}
 table.code-browser .browser-file {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .browser-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .submodule-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 /* add some padding to the right of the file, folder, or submodule icon and
 before the text */
 table.code-browser i[class^='icon-'] {
   padding-right: .3em;
+}
 .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;
+}
 .info_box input#at_rev,
 .info_box input#size {
   border-top: 1px solid #b3b3b3;
   border-left: 1px solid #b3b3b3;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
+}
 .info_box_elem {
   display: inline-block;
+}
 .yui-overlay,
 .yui-panel-container {
   visibility: hidden;
   position: absolute;
   z-index: 2;
+}
 .ac {
   vertical-align: top;
+}
 .ac .yui-ac {
   position: inherit;
   font-size: 100%;
+}
 .ac .perm_ac {
   width: 20em;
+}
 .ac .yui-ac-input {
   width: 100%;
+}
 .ac .yui-ac-container {
   position: absolute;
   top: 1.6em;
   width: auto;
+}
 .ac .yui-ac-content {
   position: absolute;
   border: 1px solid gray;
   background: #fff;
   z-index: 9050;
+}
 .ac .yui-ac-shadow {
   position: absolute;
   width: 100%;
   background: #000;
   opacity: .10;
   z-index: 9049;
   margin: .3em;
+}
 .ac .yui-ac-content ul {
   width: 100%;
   margin: 0;
   padding: 0;
   z-index: 9050;
+}
 .ac .yui-ac-content li {
   cursor: default;
   white-space: nowrap;
   margin: 0;
   padding: 2px 5px;
   height: 18px;
   z-index: 9050;
   display: block;
   width: auto !important;
+}
 .ac .yui-ac-content li .ac-container-wrap {
   width: auto;
+}
 .ac .yui-ac-content li.yui-ac-prehighlight {
   background: #B3D4FF;
   z-index: 9050;
+}
 .ac .yui-ac-content li.yui-ac-highlight {
   background: #556CB5;
   color: #FFF;
   z-index: 9050;
+}
 .ac .yui-ac-bd {
   z-index: 9050;
+}
 @import "yui-ac.less";
 #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;
+}
 div#legend_data {
   padding-left: 10px;
+}
 div#legend_container table {
   border: none !important;
+}
 div#legend_container table,
 div#legend_choices table {
   width: auto !important;
+}
 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;
+}
 /* No white Bootstrap buttons */
 body .btn.btn-default {
   background-color: #DADADA;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
   border-top: 1px solid #DDD;
   border-left: 1px solid #c6c6c6;
   border-right: 1px solid #DDD;
   border-bottom: 1px solid #c6c6c6;
+}
 body .btn.btn-default:hover {
   background-image: none;
+}
 /* use our link color for btn-link */
 .btn-link {
   color: #577632;
+}
 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,
 #content div.panel div.traffic div.legend ul {
   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;
+}
 div#commit_history {
   width: 450px;
   height: 300px;
+}
 div#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;
+}
 @import "kallithea-select2.less";
 #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 table th.selected input,
 #content div.panel table td.selected input {
   margin: 0;
+}
 #content div.panel div.form div.form-group > div {
   margin: 0 0 10px 200px;
+}
 #content div.panel div.form div.form-group > div a:hover,
 #content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
 #content div.panel div.action a:hover {
   color: #000;
   text-decoration: none;
+}
 #content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
 #content div.panel div.action a.ui-selectmenu-focus {
   border: 1px solid #666;
+}
 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;
+}
 div#legend_container table td,
 div#legend_choices table td {
   border: none !important;
   height: 20px !important;
   padding: 0 !important;
+}
 .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;
+}
 .reviewer_status {
   float: left;
+}
 .reviewers_member {
   height: 15px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry .email {
   float: left;
+}
 .emails_wrap .email_entry .email_action {
   float: left;
+}
 .ips_wrap .ip_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .ips_wrap .ip_entry .ip {
   float: left;
+}
 .ips_wrap .ip_entry .ip_action {
   float: left;
+}
 /*README STYLE*/
 div.readme h2 {
   font-weight: normal;
+}
 div.readme {
   clear: both;
   overflow: hidden;
+}
 div.readme h1,
 div.readme h2,
 div.readme h3,
 div.readme h4,
 div.readme h5,
 div.readme h6 {
   border-bottom: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1.5em !important;
+}
 div.readme h2,
 div.readme h3 {
   margin: 1em 0 !important;
+}
 div.readme h2 {
   margin-top: 1.5em !important;
   border-top: 4px solid #e0e0e0 !important;
   padding-top: .5em !important;
+}
 div.readme p {
   color: black !important;
   margin: 1em 0 !important;
   line-height: 1.5em !important;
+}
 div.readme ul {
   list-style: disc !important;
   margin: 1em 0 1em 2em !important;
+}
 div.readme ol {
   list-style: decimal;
   margin: 1em 0 1em 2em !important;
+}
 div.readme code {
   font-size: 12px !important;
   background-color: ghostWhite !important;
   color: #444 !important;
   padding: 0 .2em !important;
   border: 1px solid #dedede !important;
+}
 div.readme pre code {
   padding: 0 !important;
   font-size: 12px !important;
   background-color: #eee !important;
   border: none !important;
+}
 div.readme pre {
   margin: 1em 0;
   font-size: 12px;
   background-color: #eee;
   border: 1px solid #ddd;
   padding: 5px;
   color: #444;
   overflow: auto;
   border-radius: 3px;
+}
 div.readme table {
   display: table;
   border-collapse: separate;
   border-spacing: 2px;
   border-color: gray;
   width: auto !important;
+}
 /** comment main **/
 .comment .panel {

kallithea/public/less/yui-ac.less

➞

Show inline comments

@@ new file 100644 @@
 .yui-overlay,
 .yui-panel-container {
   visibility: hidden;
   position: absolute;
   z-index: 2;
+}
 .ac {
   vertical-align: top;
+}
 .ac .yui-ac {
   position: inherit;
   font-size: 100%;
+}
 .ac .perm_ac {
   width: 20em;
+}
 .ac .yui-ac-input {
   width: 100%;
+}
 .ac .yui-ac-container {
   position: absolute;
   top: 1.6em;
   width: auto;
+}
 .ac .yui-ac-content {
   position: absolute;
   border: 1px solid gray;
   background: #fff;
   z-index: 9050;
+}
 .ac .yui-ac-shadow {
   position: absolute;
   width: 100%;
   background: #000;
   opacity: .10;
   z-index: 9049;
   margin: .3em;
+}
 .ac .yui-ac-content ul {
   width: 100%;
   margin: 0;
   padding: 0;
   z-index: 9050;
+}
 .ac .yui-ac-content li {
   cursor: default;
   white-space: nowrap;
   margin: 0;
   padding: 2px 5px;
   height: 18px;
   z-index: 9050;
   display: block;
   width: auto !important;
+}
 .ac .yui-ac-content li .ac-container-wrap {
   width: auto;
+}
 .ac .yui-ac-content li.yui-ac-prehighlight {
   background: #B3D4FF;
   z-index: 9050;
+}
 .ac .yui-ac-content li.yui-ac-highlight {
   background: #556CB5;
   color: #FFF;
   z-index: 9050;
+}
 .ac .yui-ac-bd {
   z-index: 9050;
+}

0 comments (0 inline, 0 general)