kallithea: rhodecode/public/css/style.css comparison

comparison rhodecode/public/css/style.css @ 3536:ed48d17836a4 beta

WIP: Changelog view

author	Leonardo <leo@unity3d.com>
date	Thu, 07 Mar 2013 14:48:23 +0100
parents	9e677f6d34cb
children	7f8d349bbde4

comparison

equal deleted inserted replaced

-:2792019caf67
+:ed48d17836a4
 #content div.box div.traffic table td.legendLabel {
 padding: 0 3px 2px;
 }
-#summary {
+#content div.box #summary {
-float: left;
+/*float: left;*/
-width: 80%;
+/*width: 80%;*/
+margin-right: 200px;
 }
 #summary-menu-stats{
 float: left;
-width: 20%;
+width: 200px;
+position: absolute;
+top: 0;
+right: 0;
 }
 #summary-menu-stats ul {
 margin: 0 10px;
 display: block;
 float: right;
 width: 20%;
 text-align: right;
 }
-#changeset_content .container .left .message {
+#changeset_content .container .message {
 white-space: pre-wrap;
 }
-#changeset_content .container .left .message a:hover {
+#changeset_content .container .message a:hover {
 text-decoration: none;
 }
 .cs_files .cur_cs {
 margin: 10px 2px;
 font-weight: bold;
 padding-left: 20px;
 margin-top: 7px;
 text-align: left;
 }
+.table {
+position: relative;
+}
 #graph {
+position: relative;
 overflow: hidden;
 }
 #graph_nodes {
-float: left;
+position: absolute;
-margin-right: 0px;
+}
-margin-top: 0px;
+#graph_content,
+#graph .info_box,
+#graph .container_header {
+margin-left: 100px;
 }
 #graph_content {
-width: 80%;
+position: relative;
-float: left;
+}
-}
+#graph .container_header {
-#graph_content .container_header {
-border-bottom: 1px solid #DDD;
 padding: 10px;
 height: 25px;
 }
 #graph_content #rev_range_container {
 #graph_content #rev_range_clear {
 float: left;
 margin: 0px 0px 0px 3px;
 }
+#graph_content #changesets {
+table-layout: fixed;
+border-collapse: collapse;
+border-left: none;
+border-right: none;
+border-color: #cdcdcd;
+}
 #graph_content .container {
-border-bottom: 1px solid #DDD;
+min-height: 5em;
-height: 56px;
+}
+#graph_content #changesets td {
 overflow: hidden;
+text-overflow:ellipsis;
+white-space: nowrap;
+height: 31px;
+border-color: #cdcdcd;
+}
+#graph_content .container .author {
+width: 105px;
+}
+#graph_content .container .hash{
+width: 90px;
+font-size: 0.85em;
+}
+#graph_content #changesets .container .date{
+width: 76px;
+color: #666;
+font-size: 10px;
 }
 #graph_content .container .right {
-float: right;
+width: 120px;
-width: 23%;
+padding-right: 0px;
-text-align: right;
+}
-}
+/*
-#graph_content .container .left {
+#graph_content .container .column3 {
-float: left;
+width: 12%
-width: 25%;
+}
-padding-left: 5px;
+*/
-}
 #graph_content .container .mid {
-float: left;
+position: relative;
-width: 49%;
+}
-}
-#graph_content .container .left .date {
-color: #666;
+#graph_content #changesets td.checkbox{
-padding-left: 22px;
+width: 20px;
-font-size: 10px;
+}
-}
+#graph_content .container .changeset_range {
-#graph_content .container .left .author {
+float: left;
-height: 22px;
+margin: 6px 3px;
 }
-#graph_content .container .left .author .user {
+#graph_content .container .author img {
+vertical-align: middle;
+}
+#graph_content .container .author .user {
 color: #444444;
-float: left;
-margin-left: -4px;
-margin-top: 4px;
 }
 #graph_content .container .mid .message {
 white-space: pre-wrap;
+padding: 0;
+overflow: hidden;
+height: 1.1em;
+}
+#graph_content .container .mid .logtags {
+display: block;
+position: absolute;
+top: 0;
+right: 0;
+padding: 0 5px;
+background: #FFFFFF;
+}
+#graph_content .right .comments-container,
+#graph_content .right .logtags {
+display: block;
+float: left;
+overflow: hidden;
+width: 50%;
+padding: 0;
+margin: 0;
+}
+#graph_content .right .comments-container{
+width: 40px;
+}
+#graph_content .right .logtags {
+width: 80px;
+height: 2.5em;
+position: absolute;
+left: 40px;
+}
+#graph_content .right .logtags:hover {
+position: absolute;
+width: auto;
+}
+#graph_content .right .logtags .bookbook,
+#graph_content .right .logtags .tagtag {
+float: left;
+line-height: 1em;
+margin-bottom: 1px;
 }
 #graph_content .container .mid .message a:hover {
 text-decoration: none;
+}
+/*
+* Stuff we might want to remove from the changelog, or reposition in a tooltip
+*/
+#graph_content .container .changeset_id,
+#graph_content .container .changes,
+#graph_content .container .changed_total,
+#graph_content .container .parent {
+display: none;
 }
 .revision-link {
 color:#3F6F9F;
 font-weight: bold !important;
 float: left;
 }
 .code-header .changeset-status-container .changeset-status-ico, .container .changeset-status-ico {
 float: left;
 }
-.right .comments-container {
-padding-right: 5px;
-margin-top:1px;
-float:right;
-height:14px;
-}
 .right .comments-cnt {
-float: left;
 color: rgb(136, 136, 136);
-padding-right: 2px;
+padding: 5px 0;
+}
+.right .comments-cnt a {
+background-image: url('../images/icons/comments.png');
+background-repeat: no-repeat;
+background-position: 100% 50%;
+padding: 5px 0;
+padding-right: 20px;
 }
 .right .changes {
 clear: both;
 }
 .right .merge {
 padding: 1px 3px 1px 3px;
 background-color: #fca062;
 font-size: 10px;
-font-weight: bold;
 color: #ffffff;
 text-transform: uppercase;
 white-space: nowrap;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 .right .parent {
 color: #666666;
 clear:both;
 }
 .right .logtags {
-padding: 2px 2px 2px 2px;
+/*padding: 2px 2px 2px 2px;*/
+line-height: 2.2em;
 }
 .right .logtags .branchtag, .right .logtags .tagtag, .right .logtags .booktag {
 margin: 0px 2px;
 }
 .right .logtags .branchtag,
 .logtags .branchtag,
 .spantag {
 padding: 1px 3px 1px 3px;
-background-color: #bfbfbf;
 font-size: 10px;
-font-weight: bold;
+color: #336699;
-color: #ffffff;
 white-space: nowrap;
--webkit-border-radius: 3px;
+-webkit-border-radius: 4px;
-border-radius: 3px;
+border-radius: 4px;
-}
+border: 1px solid #d9e8f8;
+line-height: 1.5em;
+margin: 1.1em 0;
+}
+.right .logtags .branchtag,
+.logtags .tagtag,
+.right .merge {
+float: right;
+/*height: 1em;*/
+line-height: 1em;
+/*padding: 0px 0px !important;*/
+margin: 1px 1px !important;
+display: block;
+}
 .right .logtags .branchtag a:hover, .logtags .branchtag a {
-color: #ffffff;
-}
-.right .logtags .branchtag a:hover, .logtags .branchtag a:hover {
 text-decoration: none;
-color: #ffffff;
+color: #336699;
 }
 .right .logtags .tagtag, .logtags .tagtag {
 padding: 1px 3px 1px 3px;
 background-color: #62cffc;
 font-size: 10px;
 }
 .right .logbooks .bookbook, .logbooks .bookbook, .right .logtags .bookbook, .logtags .bookbook {
 padding: 1px 3px 1px 3px;
 background-color: #46A546;
 font-size: 10px;
-font-weight: bold;
 color: #ffffff;
-text-transform: uppercase;
 white-space: nowrap;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 }
 .right .logbooks .bookbook, .logbooks .bookbook a, .right .logtags .bookbook, .logtags .bookbook a {
 #content div.box ol.lower-roman, #content div.box ol.upper-roman, #content div.box ol.lower-alpha, #content div.box ol.upper-alpha, #content div.box ol.decimal {
 margin: 10px 24px 10px 44px;
 }
 #content div.box div.form, #content div.box div.table, #content div.box div.traffic {
+position: relative;
 clear: both;
 overflow: hidden;
 margin: 0;
 padding: 0 20px 10px;
 }
 #changeset_content .container .wrapper, #graph_content .container .wrapper {
 width: 600px;
 }
-#changeset_content .container .left {
+#changeset_content .container .date, .ac .match {
-float: left;
-width: 75%;
-padding-left: 5px;
-}
-#changeset_content .container .left .date, .ac .match {
 font-weight: 700;
 padding-top: 5px;
 padding-bottom: 5px;
 }

Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 3536:ed48d17836a4 beta