Mercurial > kallithea

changeset 6950:89e1117dbfbb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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.
author Thomas De Schampheleire <thomas.de.schampheleire@gmail.com>
date Fri, 29 Sep 2017 16:35:32 +0200
parents 5395bb85a991
children b9896fba8b05
files kallithea/public/css/style.css
diffstat 1 files changed, 73 insertions(+), 82 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/css/style.css	Mon Oct 23 01:15:06 2017 +0200
+++ b/kallithea/public/css/style.css	Fri Sep 29 16:35:32 2017 +0200
@@ -59,9 +59,9 @@
 }
 
 .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;
 }
@@ -166,8 +166,7 @@
 }
 
 .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;
@@ -229,8 +228,6 @@
     margin-left: 10px;
 }
 
-
-
 #content div.panel div.form div.form-group {
     border-bottom: 1px solid #DDD;
     clear: both;
@@ -242,7 +239,7 @@
 }
 
 .reviewer_ac {
-    padding: 10px
+    padding: 10px;
 }
 
 #content div.panel table.table {
@@ -354,7 +351,6 @@
     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 {
@@ -503,7 +499,6 @@
     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;
@@ -606,11 +601,9 @@
     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;
 }
 
@@ -680,8 +673,6 @@
     color: #FFFFFF;
     padding: 3px 3px 3px 15px;
 }
-#quick_login .links .logout {
-}
 
 #quick_login div.form div.form-group {
     padding: 5px;
@@ -787,7 +778,7 @@
 #journal .journal_action {
     padding-top: 4px;
     min-height: 2px;
-    float: left
+    float: left;
 }
 
 #journal .journal_action_params {
@@ -812,13 +803,15 @@
     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;
 }
 
@@ -1242,7 +1235,15 @@
 .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;
 }
 
@@ -1479,7 +1480,8 @@
     display: inline-block;
 }
 
-.yui-overlay, .yui-panel-container {
+.yui-overlay,
+.yui-panel-container {
     visibility: hidden;
     position: absolute;
     z-index: 2;
@@ -1713,19 +1715,20 @@
     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;
 }
 
@@ -1741,13 +1744,15 @@
 #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 {
@@ -1804,8 +1809,8 @@
 .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 {
@@ -1824,7 +1829,6 @@
     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,
@@ -1955,10 +1959,10 @@
     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 {
@@ -1966,10 +1970,10 @@
     padding: 0px 0px 0px 10px;
 }
 .ips_wrap .ip_entry .ip {
-    float: left
+    float: left;
 }
 .ips_wrap .ip_entry .ip_action {
-    float: left
+    float: left;
 }
 
 
@@ -1996,7 +2000,6 @@
     line-height: 1.5em !important;
 }
 
-
 div.readme h2,
 div.readme h3 {
     margin: 1em 0 !important;
@@ -2082,7 +2085,7 @@
 
 .status-block {
     margin: 5px;
-    clear: both
+    clear: both;
 }
 
 .comment-form textarea {
@@ -2232,8 +2235,12 @@
 }
 
 @keyframes animated-comment-background {
-    0% { background-position: 0 0; }
-    100% { background-position: 20px 0; }
+    0% {
+        background-position: 0 0;
+    }
+    100% {
+        background-position: 20px 0;
+    }
 }
 
 .comment-preview.failed .user,
@@ -2250,17 +2257,7 @@
 }
 
 .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;
 }
@@ -2297,8 +2294,6 @@
     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;
@@ -2411,7 +2406,7 @@
     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;
@@ -2442,17 +2437,17 @@
 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 **/
@@ -2588,13 +2583,13 @@
 /* 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;
 }
 
@@ -2613,11 +2608,7 @@
     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;
 }
@@ -2641,49 +2632,49 @@
 }
 
 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 {
@@ -2691,8 +2682,8 @@
 }
 
 .dataTables_wrapper .dataTables_paginate > a.paginate_button {
-  padding-top: 1px;
-  border: 0 !important;
+    padding-top: 1px;
+    border: 0 !important;
 }
 
 .dataTables_wrapper label {