kallithea Changeset - 89e1117dbfbb

Changeset - 89e1117dbfbb

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

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

style: fix formatting oddities and bugs

This will also align the formatting of the stylesheet with the indentation that
a less-compiled version of this stylesheet would use. This will allow easier
comparison of the original and less-generated stylesheet in future commits.

1 file changed with 73 insertions and 82 deletions:

kallithea/public/css/style.css

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -56,15 +56,15 @@ div.formatted-fixed { @@
 .inline-comments-general.show-general-status .hidden.general-only {
     display: block !important;
+}
 .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     -ms-text-overflow: ellipsis;
+}
 .truncate.autoexpand:hover {
     overflow: visible;
@@ @@ -163,14 +163,13 @@ label.control-label { @@
 .dt_repo_pending {
     opacity: 0.5;
+}
 .dt_repo i.icon-keyhole-circled,
 .dt_repo i.icon-globe
+{
 .dt_repo i.icon-globe {
     font-size: 16px;
     vertical-align: -2px;
     margin: 0px 1px 0px 3px;
+}
 div.panel-primary {
@@ @@ -226,26 +225,24 @@ div.panel.panel-default div.panel-headin @@
+}
 #content div.panel div.panel-heading .pull-right {
     margin-left: 10px;
+}
 #content div.panel div.form div.form-group {
     border-bottom: 1px solid #DDD;
     clear: both;
+}
 #content div.panel div.form div.form-group > label {
     color: #393939;
     font-weight: 700;
+}
 .reviewer_ac {
     padding: 10px
+    padding: 10px;
+}
 #content div.panel table.table {
     border: 1px solid transparent;
+}
@@ @@ -351,13 +348,12 @@ div.panel.panel-default div.panel-headin @@
     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;
@@ @@ -500,13 +496,12 @@ ul#summary-menu-stats { @@
+}
 .metatag {
     display: inline-block;
     margin-right: 1px;
     border-radius: 4px 4px 4px 4px;
     border: solid 1px #9CF;
     padding: 2px 3px 2px 3px !important;
     background-color: #DEF;
+}
 .metatag[data-tag="dead"] {
@@ @@ -603,17 +598,15 @@ a.metatag[data-tag="license"]:hover { @@
     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;
+}
@@ @@ -677,14 +670,12 @@ a.metatag[data-tag="license"]:hover { @@
+}
 #quick_login .email,
 #quick_login .unread {
     color: #FFFFFF;
     padding: 3px 3px 3px 15px;
+}
 #quick_login .links .logout {
+}
 #quick_login div.form div.form-group {
     padding: 5px;
+}
 #quick_login div.form div.form-group > label {
@@ @@ -784,13 +775,13 @@ a.metatag[data-tag="license"]:hover { @@
     padding-top: 3px;
+}
 #journal .journal_action {
     padding-top: 4px;
     min-height: 2px;
     float: left
+    float: left;
+}
 #journal .journal_action_params {
     clear: left;
     padding-left: 22px;
+}
@@ @@ -809,19 +800,21 @@ a.metatag[data-tag="license"]:hover { @@
 #journal .compare_view {
     padding: 5px 0px 5px 0px;
     width: 95px;
+}
 .trending_language_tbl, .trending_language_tbl td {
 .trending_language_tbl,
 .trending_language_tbl td {
     border: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
+}
 .trending_language_tbl, .trending_language_tbl tr {
 .trending_language_tbl,
 .trending_language_tbl tr {
     border-spacing: 1px;
+}
 #lang_stats .progress-bar {
     background-color: #577632;
     min-width: 15px;
@@ @@ -1239,13 +1232,21 @@ table#changesets tr > td.mid .message a: @@
     color: #666666;
     clear: both;
+}
 .right .logtags {
     line-height: 2.2em;
+}
 .phasetag, .bumpedtag, .divergenttag, .extincttag, .unstabletag, .repotag, .branchtag, .logtags .tagtag, .logtags .booktag {
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .logtags .tagtag,
 .logtags .booktag {
     margin: 0px 2px;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
@@ @@ -1476,13 +1477,14 @@ table.code-browser i[class^='icon-'] { @@
+}
 .info_box_elem {
     display: inline-block;
+}
 .yui-overlay, .yui-panel-container {
 .yui-overlay,
 .yui-panel-container {
     visibility: hidden;
     position: absolute;
     z-index: 2;
+}
 .ac {
@@ @@ -1710,25 +1712,26 @@ body .btn.btn-default:hover { @@
 /* use our link color for btn-link */
 .btn-link {
     color: #577632;
+}
 ins, div.options a:hover {
 ins,
 div.options a:hover {
     text-decoration: none;
+}
 img,
 nav.navbar #quick li a:hover span.normal,
 #clone_url,
 #clone_url_id
+{
 #clone_url_id {
     border: none;
+}
 img.icon, .right .merge img {
 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 {
@@ @@ -1738,19 +1741,21 @@ img.icon, .right .merge img { @@
+}
 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 {
 div#legend_data,
 div#legend_container,
 div#legend_choices {
     float: left;
+}
 div#commit_history {
     width: 450px;
     height: 300px
+    height: 300px;
+}
 div#overview {
     clear: both;
     width: 450px;
     height: 100px;
@@ @@ -1801,14 +1806,14 @@ nav.navbar #quick .select2-container .se @@
+}
 .branch-switcher-dropdown.select2-drop.select2-drop-active,
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
     box-shadow: none;
     background-color: #577632;
     border: 1px solid rgba(0, 0, 0, .15);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     border: 1px solid rgba(0, 0, 0, 0.15);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
     color: black;
+}
@@ @@ -1821,13 +1826,12 @@ nav.navbar #quick .select2-container .se @@
 #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;
@@ @@ -1952,27 +1956,27 @@ div#legend_choices table td { @@
 .emails_wrap .email_entry {
     height: 30px;
     padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry .email {
     float: left
+    float: left;
+}
 .emails_wrap .email_entry .email_action {
     float: left
+    float: left;
+}
 .ips_wrap .ip_entry {
     height: 30px;
     padding: 0px 0px 0px 10px;
+}
 .ips_wrap .ip_entry .ip {
     float: left
+    float: left;
+}
 .ips_wrap .ip_entry .ip_action {
     float: left
+    float: left;
+}
 /*README STYLE*/
 div.readme h2 {
@@ @@ -1993,13 +1997,12 @@ 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 {
@@ @@ -2079,13 +2082,13 @@ div.readme table { @@
+}
 /** comment form **/
 .status-block {
     margin: 5px;
     clear: both
+    clear: both;
+}
 .comment-form textarea {
     width: 100%;
     height: 100px;
     font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
@@ @@ -2229,14 +2232,18 @@ input.status_change_radio { @@
     color: #888 !important;
     background-color: #DEDEDE !important;
     border-radius: 4px !important;
+}
 @keyframes animated-comment-background {
 % { background-position: 0 0; }
 % { background-position: 20px 0; }
 % {
         background-position: 0 0;
+    }
 % {
         background-position: 20px 0;
+    }
+}
 .comment-preview.failed .user,
 .comment-preview.failed .panel-body {
     color: #666;
+}
@@ @@ -2247,23 +2254,13 @@ input.status_change_radio { @@
 .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-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
@@ @@ -2294,14 +2291,12 @@ tr.pr-closed td { @@
 span.pr-closed-tag {
     margin-bottom: 1px;
     margin-right: 1px;
     padding: 1px 3px;
     font-size: 10px;
     padding: 1px 3px 1px 3px;
     font-size: 10px;
     color: #577632;
     white-space: nowrap;
     border-radius: 4px;
     border: 1px solid #d9e8f8;
     line-height: 1.5em;
+}
@@ @@ -2408,13 +2403,13 @@ table.code-difftable { @@
     width: 100%;
+}
 table.code-difftable td {
     padding: 0 !important;
     background: none !important;
     border: 0 !important;
     vertical-align: baseline !important
+    vertical-align: baseline !important;
+}
 table.code-difftable .context {
     background: none repeat scroll 0 0 #DDE7EF;
     color: #999;
+}
 table.code-difftable .add {
@@ @@ -2439,23 +2434,23 @@ table.code-difftable td.code pre u:befor @@
     width: 0;
+}
 table.code-highlighttable div.code-highlight pre u.cr:before,
 table.code-difftable td.code pre u.cr:before {
     content: "\21a4";
     display: inline-block;
     color: rgba(0,0,0,0.5);
+    color: rgba(0, 0, 0, 0.5);
+}
 table.code-highlighttable div.code-highlight pre u,
 table.code-difftable td.code pre u {
     color: rgba(0,0,0,0.15);
+    color: rgba(0, 0, 0, 0.15);
+}
 table.code-highlighttable div.code-highlight pre i,
 table.code-difftable td.code pre i {
     border-style: solid;
     border-width: 0 0 0 1px;
     color: rgba(0,0,0,0.5);
+    color: rgba(0, 0, 0, 0.5);
+}
 /** LINE NUMBERS **/
 table.code-difftable .lineno {
     padding-left: 2px;
     padding-right: 2px !important;
@@ @@ -2585,19 +2580,19 @@ table.code-difftable .unmod .code pre:be @@
     transform: scale(1.2, 1.2);
+}
 /* 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 {
     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;
@@ @@ -2610,17 +2605,13 @@ div.comment:target>.panel { @@
 .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-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%;
@@ @@ -2638,64 +2629,64 @@ div.comment-prev-next-links div.next-com @@
 #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;
+    background-image: none;
+}
 body table.dataTable thead .sorting_asc {
   background-image: none;
+    background-image: none;
+}
 body table.dataTable thead .sorting_desc {
   background-image: none;
+    background-image: none;
+}
 body table.dataTable thead .sorting_asc_disabled {
   background-image: none;
+    background-image: none;
+}
 body table.dataTable thead .sorting_desc_disabled {
   background-image: none;
+    background-image: none;
+}
 body table.dataTable thead .sorting_asc::after {
   font-family: "kallithea";
   content: "\23f6";
     font-family: "kallithea";
     content: "\23f6";
+}
 body table.dataTable thead .sorting_desc::after {
   font-family: "kallithea";
   content: "\23f7";
     font-family: "kallithea";
     content: "\23f7";
+}
 .dataTables_wrapper .dataTables_left {
   float: left !important;
+    float: left !important;
+}
 .dataTables_wrapper .dataTables_right {
   float: right;
+    float: right;
+}
 .dataTables_wrapper .dataTables_right > div {
   padding-left: 30px;
+    padding-left: 30px;
+}
 .dataTables_wrapper .dataTables_info {
   clear: none;
   padding-top: 3px;
     clear: none;
     padding-top: 3px;
+}
 .dataTables_wrapper .dataTables_paginate {
   padding-top: 0;
+    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;
     padding-top: 1px;
     border: 0 !important;
+}
 .dataTables_wrapper label {
     margin-bottom: 0;
     font-weight: inherit;
+}

0 comments (0 inline, 0 general)