Mercurial > kallithea
diff rhodecode/public/css/contextbar.css @ 3539:c65b440540da beta
Style clean up, and comments removal.
author | Leonardo Carneiro <leonardo@unity3d.com> |
---|---|
date | Mon, 11 Mar 2013 16:43:41 +0100 |
parents | 9bf927589f7a |
children | fc79b3d5beb7 |
line wrap: on
line diff
--- a/rhodecode/public/css/contextbar.css Mon Mar 11 16:26:44 2013 +0100 +++ b/rhodecode/public/css/contextbar.css Mon Mar 11 16:43:41 2013 +0100 @@ -7,195 +7,185 @@ #quick .search { background-image: url("../images/icons/search_16.png"); } #quick .admin { background-image: url("../images/icons/cog_edit.png"); } -#context-bar button.follow { background-image: url("../images/icons/heart.png"); } -#context-bar button.following { background-image: url("../images/icons/heart_delete.png"); } -#context-bar a.fork { background-image: url("../images/icons/arrow_divide.png"); } -#context-bar a.summary { background-image: url("../images/icons/clipboard_16.png"); } -#context-bar a.changelogs { background-image: url("../images/icons/time.png"); } -#context-bar a.files { background-image: url("../images/icons/file.png"); } -#context-bar a.switch-to { background-image: url("../images/icons/arrow_switch.png"); } -#context-bar a.options { background-image: url("../images/icons/table_gear.png"); } -#context-bar a.pull-request { background-image: url("../images/icons/arrow_join.png"); } -#context-bar a.branches { background-image: url("../images/icons/arrow_branch.png"); } -#context-bar a.tags { background-image: url("../images/icons/tag_blue.png"); } -#context-bar a.bookmarks { background-image: url("../images/icons/tag_green.png"); } -#context-bar a.settings { background-image: url("../images/icons/cog.png"); } -#context-bar a.shortlog { background-image: url("../images/icons/time.png"); } -#context-bar a.search { background-image: url("../images/icons/search_16.png"); } -#context-bar a.admin { background-image: url("../images/icons/cog_edit.png"); } +#context-bar button.follow { background-image: url("../images/icons/heart.png"); } +#context-bar button.following { background-image: url("../images/icons/heart_delete.png"); } +#context-bar a.fork { background-image: url("../images/icons/arrow_divide.png"); } +#context-bar a.summary { background-image: url("../images/icons/clipboard_16.png"); } +#context-bar a.changelogs { background-image: url("../images/icons/time.png"); } +#context-bar a.files { background-image: url("../images/icons/file.png"); } +#context-bar a.switch-to { background-image: url("../images/icons/arrow_switch.png"); } +#context-bar a.options { background-image: url("../images/icons/table_gear.png"); } +#context-bar a.pull-request { background-image: url("../images/icons/arrow_join.png"); } +#context-bar a.branches { background-image: url("../images/icons/arrow_branch.png"); } +#context-bar a.tags { background-image: url("../images/icons/tag_blue.png"); } +#context-bar a.bookmarks { background-image: url("../images/icons/tag_green.png"); } +#context-bar a.settings { background-image: url("../images/icons/cog.png"); } +#context-bar a.shortlog { background-image: url("../images/icons/time.png"); } +#context-bar a.search { background-image: url("../images/icons/search_16.png"); } +#context-bar a.admin { background-image: url("../images/icons/cog_edit.png"); } -#context-bar a.journal { background-image: url("../images/icons/book.png"); } -#context-bar a.repos { background-image: url("../images/icons/database_edit.png"); } -#context-bar a.repos_groups { background-image: url("../images/icons/database_link.png"); } -#context-bar a.users { background-image: url("../images/icons/user_edit.png"); } -#context-bar a.groups { background-image: url("../images/icons/group_edit.png"); } -#context-bar a.permissions { background-image: url("../images/icons/key.png"); } -#context-bar a.ldap { background-image: url("../images/icons/server_key.png"); } -#context-bar a.defaults { background-image: url("../images/icons/wrench.png"); } -#context-bar a.settings { background-image: url("../images/icons/cog_edit.png"); } +#context-bar a.journal { background-image: url("../images/icons/book.png"); } +#context-bar a.repos { background-image: url("../images/icons/database_edit.png"); } +#context-bar a.repos_groups { background-image: url("../images/icons/database_link.png"); } +#context-bar a.users { background-image: url("../images/icons/user_edit.png"); } +#context-bar a.groups { background-image: url("../images/icons/group_edit.png"); } +#context-bar a.permissions { background-image: url("../images/icons/key.png"); } +#context-bar a.ldap { background-image: url("../images/icons/server_key.png"); } +#context-bar a.defaults { background-image: url("../images/icons/wrench.png"); } +#context-bar a.settings { background-image: url("../images/icons/cog_edit.png"); } #context-bar a.compare_request { background-image: url('../images/icons/arrow_inout.png')} -#context-bar a.locking_del { background-image: url('../images/icons/lock_delete.png')} -#context-bar a.locking_add { background-image: url('../images/icons/lock_add.png')} +#context-bar a.locking_del { background-image: url('../images/icons/lock_delete.png')} +#context-bar a.locking_add { background-image: url('../images/icons/lock_add.png')} #content #context-bar { - position: relative; - background-color: #003B76 !important; - padding: 0px; - overflow: visible; + position: relative; + background-color: #003B76 !important; + padding: 0px; + overflow: visible; } #header #header-inner #quick a, #content #context-bar, #content #context-bar a, #content #context-bar button { - color: #FFFFFF; + color: #FFFFFF; } #header #header-inner #quick a:hover, #content #context-bar a:hover, #content #context-bar button:hover { - text-decoration: none; -/* color: #bfe3ff;*/ + text-decoration: none; } #content #context-bar .icon { - display: inline-block; - width: 16px; - height: 16px; - vertical-align: text-bottom; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: text-bottom; } ul.horizontal-list { - display: block; -/* overflow: hidden;*/ + display: block; } ul.horizontal-list > li { - float: left; - position: relative; + float: left; + position: relative; } #header #header-inner #quick ul, ul.horizontal-list > li ul { - position: absolute; - display: none; - right: 0; - z-index: 999; + position: absolute; + display: none; + right: 0; + z-index: 999; } #header #header-inner #quick li:hover > ul, ul.horizontal-list li:hover > ul { - display: block; + display: block; } #header #header-inner #quick li ul li, ul.horizontal-list ul li { - position: relative; - border-bottom: 1px solid rgba(0,0,0,0.1); - border-top: 1px solid rgba(255,255,255,0.1); + position: relative; + border-bottom: 1px solid rgba(0,0,0,0.1); + border-top: 1px solid rgba(255,255,255,0.1); } ul.horizontal-list > li ul ul { - position: absolute; - right: 100%; - top: -1px; - min-width: 200px; - max-height: 400px; - overflow-x:hidden; - overflow-y:auto; + position: absolute; + right: 100%; + top: -1px; + min-width: 200px; + max-height: 400px; + overflow-x:hidden; + overflow-y:auto; } #header #header-inner #quick ul a, ul.horizontal-list li a { - white-space: nowrap; + white-space: nowrap; } #breadcrumbs { - float:left; - padding: 5px 0; - padding-left: 5px; - font-weight: bold; - font-size: 14px; + float:left; + padding: 5px 0; + padding-left: 5px; + font-weight: bold; + font-size: 14px; } -#breadcrumbs span{ - font-weight: bold; - font-size: 2em; +#breadcrumbs span { + font-weight: bold; + font-size: 2em; } #context-top { - position: relative; - overflow: hidden; - border-bottom: 1px solid #003162; - padding: 5px; + position: relative; + overflow: hidden; + border-bottom: 1px solid #003162; + padding: 5px; } -/*#quick,*/ #header #header-inner #quick ul, #revision-changer, #context-pages, -#context-pages ul /*, -ul#context-actions */{ - background: #3b6998; /* Old browsers */ - background: -moz-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4574a2), color-stop(100%,#2f5d8b)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* IE10+ */ - background: linear-gradient(to bottom, #4574a2 0%, #2f5d8b 100%); /* W3C */ - /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4574a2', endColorstr='#2f5d8b',GradientType=0 ); /* IE6-9 */*/ +#context-pages ul { + background: #3b6998; /* Old browsers */ + background: -moz-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4574a2), color-stop(100%,#2f5d8b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* IE10+ */ + background: linear-gradient(to bottom, #4574a2 0%, #2f5d8b 100%); /* W3C */ + /*Filter on IE will also use overflow:hidden implicitly, and that would clip our inner menus.*/ + /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4574a2', endColorstr='#2f5d8b',GradientType=0 ); /* IE6-9 */*/ } #header #header-inner #quick a, #context-actions a, #context-pages a { - background-repeat: no-repeat; - background-position: 10px 50%; - padding-left: 30px; + background-repeat: no-repeat; + background-position: 10px 50%; + padding-left: 30px; } #quick a, -#context-pages ul ul a{ - padding-left: 10px; +#context-pages ul ul a { + padding-left: 10px; } ul#context-actions { - display: inline-block; - float: right; - border-radius: 4px; - /*background-color:#3b6998;*/ - background-image: linear-gradient(top, #4574a2 0%, #2f5d8b 100%); -/* padding: 5px;*/ + display: inline-block; + float: right; + border-radius: 4px; + background-image: linear-gradient(top, #4574a2 0%, #2f5d8b 100%); } #content ul#context-actions li { - padding: 0px; - border-right: 1px solid rgba(0,0,0,0.1); - border-left: 1px solid rgba(255,255,255,0.1); + padding: 0px; + border-right: 1px solid rgba(0,0,0,0.1); + border-left: 1px solid rgba(255,255,255,0.1); } #context-actions button, #context-actions a { - display: block; - cursor: pointer; - background: none; - border: none; - margin: 0px; - height: auto; - padding: 10px 10px 10px 30px; - background-repeat: no-repeat; - background-position: 10px 50%; - font-size: 1em; - /*padding-top: 24px;*/ + display: block; + cursor: pointer; + background: none; + border: none; + margin: 0px; + height: auto; + padding: 10px 10px 10px 30px; + background-repeat: no-repeat; + background-position: 10px 50%; + font-size: 1em; } #context-actions a { - padding: 11px 10px 12px 30px; + padding: 11px 10px 12px 30px; } -/*#context-actions button{ - padding-top: 22px; - height: 40px; -}*/ #header #header-inner #quick li:hover, #revision-changer:hover, #context-pages li:hover, @@ -203,178 +193,171 @@ #content #context-actions li:hover, #header #header-inner #quick li.current, #context-pages li.current { - /*background: rgba(255,255,255,0.2);*/ - background: #6388ad; /* Old browsers */ - background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */ - /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */*/ - - background-image: -webkit-gradient(linear, left top, left bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%); - - /*border-radius: 4px;*/ + background: #6388ad; /* Old browsers */ + background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */ + /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */*/ } #content #context-actions li:first-child { - border-left: none; - border-radius:4px 0 0px 4px; + border-left: none; + border-radius:4px 0 0px 4px; } #content #context-actions li:last-child { - border-right: none; - border-radius:0 4px 4px 0; + border-right: none; + border-radius:0 4px 4px 0; } -#content #context-actions .icon{ - margin: auto; - margin-bottom: 5px; - display: block; - clear: both; - float: none; +#content #context-actions .icon { + margin: auto; + margin-bottom: 5px; + display: block; + clear: both; + float: none; } #content #context-actions button.follow, -#content #context-actions button.following{ - width: auto; - float: none; +#content #context-actions button.following { + width: auto; + float: none; } #content #context-actions button .show-following, #content #context-actions button .show-follow { - display: none; + display: none; } #content #context-bar #context-actions button.follow .show-follow { - display: block; + display: block; } #content #context-bar #context-actions button.following .show-following { - display: block; + display: block; } #context-state { - background-color: #336699; - border-top: 1px solid #517da8; - min-height: 36px; -/* overflow: hidden;*/ + background-color: #336699; + border-top: 1px solid #517da8; + min-height: 36px; } #context-pages { - float: right; - border-left: 1px solid rgba(0,0,0,0.1); -/* overflow: hidden;*/ + float: right; + border-left: 1px solid rgba(0,0,0,0.1); } -#context-pages li.curreasdnt{ - background: #535353; /* Old browsers */ - background: -moz-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#484848)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* IE10+ */ - background: linear-gradient(to bottom, #5d5d5d 0%, #484848 100%); /* W3C */ +#context-pages li.curreasdnt { + background: #535353; /* Old browsers */ + background: -moz-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#484848)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* IE10+ */ + background: linear-gradient(to bottom, #5d5d5d 0%, #484848 100%); /* W3C */ } #content #context-pages .icon { - margin-right:5px; + margin-right:5px; } #header #header-inner #quick li, #content #context-pages li { - border-right: 1px solid rgba(0,0,0,0.1); - border-left: 1px solid rgba(255,255,255,0.1); - padding: 0; + border-right: 1px solid rgba(0,0,0,0.1); + border-left: 1px solid rgba(255,255,255,0.1); + padding: 0; } #header #header-inner #quick li:last-child, #content #context-pages li:last-child { - border-right:none; + border-right:none; } -#header #header-inner #quick li:first-child{ - border-left:none; +#header #header-inner #quick li:first-child { + border-left:none; } -#header #header-inner #quick > li:first-child > a{ - border-radius: 4px 0 0 4px; +#header #header-inner #quick > li:first-child > a { + border-radius: 4px 0 0 4px; } #header #header-inner #quick a, -#context-pages a, -#context-pages .admin_menu a{ - display: block; - padding: 0px 10px 1px 30px; - padding-left: 30px; - line-height: 35px; +#context-pages a, +#context-pages .admin_menu a { + display: block; + padding: 0px 10px 1px 30px; + padding-left: 30px; + line-height: 35px; } #header #header-inner #quick a#quick_login_link { - padding-left: 0px; + padding-left: 0px; } #header #header-inner #quick a { - overflow: hidden; + overflow: hidden; } #quick a.childs:after, #revision-changer:before, #context-pages a.childs:after, #context-pages a.dropdown:after { - content: ' \25BE'; + content: ' \25BE'; } #context-pages a.childs { - padding-right: 20px; + padding-right: 20px; } -#context-pages a.childs:after{ - position: absolute; - float: right; - padding-left: 5px; - padding-right: 5px; +#context-pages a.childs:after { + position: absolute; + float: right; + padding-left: 5px; + padding-right: 5px; } #revision-changer:before { - position: absolute; - top: 0px; - right: 0px; - border-right: 1px solid rgba(0,0,0,0.1); - height: 25px; - padding-top: 10px; - padding-right: 10px; + position: absolute; + top: 0px; + right: 0px; + border-right: 1px solid rgba(0,0,0,0.1); + height: 25px; + padding-top: 10px; + padding-right: 10px; } #context-pages li:last-child a { - padding-right: 10px; + padding-right: 10px; } #context-bar #revision-changer { - position: relative; - cursor: pointer; - border: none; - padding: 0; - margin: 0; - color: #FFFFFF; - font-size: 0.85em; - padding: 2px 15px; - padding-bottom: 3px; - padding-right: 30px; - border-right: 1px solid rgba(255,255,255,0.1); + position: relative; + cursor: pointer; + border: none; + padding: 0; + margin: 0; + color: #FFFFFF; + font-size: 0.85em; + padding: 2px 15px; + padding-bottom: 3px; + padding-right: 30px; + border-right: 1px solid rgba(255,255,255,0.1); } #revision-changer .branch-name, #revision-changer .revision { - display: block; - text-align: center; - line-height: 1.5em; + display: block; + text-align: center; + line-height: 1.5em; } #revision-changer .branch-name { - font-weight: bold; + font-weight: bold; } -#revision-changer .revision{ - text-transform: uppercase; +#revision-changer .revision { + text-transform: uppercase; }