allura-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From brond...@apache.org
Subject [11/50] [abbrv] allura git commit: [#7919] Add stylesheet for the admin navbar
Date Thu, 29 Oct 2015 14:36:53 GMT
[#7919] Add stylesheet for the admin navbar


Project: http://git-wip-us.apache.org/repos/asf/allura/repo
Commit: http://git-wip-us.apache.org/repos/asf/allura/commit/6969ed5e
Tree: http://git-wip-us.apache.org/repos/asf/allura/tree/6969ed5e
Diff: http://git-wip-us.apache.org/repos/asf/allura/diff/6969ed5e

Branch: refs/heads/db/7919
Commit: 6969ed5ef6015c9ad2b7b5b8b55d4dbef5a8d6f5
Parents: 8fac7ba
Author: Heith Seewald <hseewald@hsmb.local>
Authored: Tue Oct 6 02:57:13 2015 -0400
Committer: Heith Seewald <hseewald@hsmb.local>
Committed: Wed Oct 28 14:00:41 2015 -0400

----------------------------------------------------------------------
 Allura/allura/public/nf/css/navbar.css | 228 ++++++++++++++++++++++++++++
 1 file changed, 228 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/allura/blob/6969ed5e/Allura/allura/public/nf/css/navbar.css
----------------------------------------------------------------------
diff --git a/Allura/allura/public/nf/css/navbar.css b/Allura/allura/public/nf/css/navbar.css
new file mode 100644
index 0000000..7ddbdac
--- /dev/null
+++ b/Allura/allura/public/nf/css/navbar.css
@@ -0,0 +1,228 @@
+.submenu ul {
+  list-style: none;
+  width: 350px;
+  display: none;
+}
+.hidden {
+  display: none;
+}
+.submenu ul {
+  list-style: none;
+  display: block;
+  position: relative;
+  background-color: rgb(237, 237, 237);
+  border: solid darkgray 1px;
+  border-radius: 0 0 5px 5px;
+  margin-top: -13px;
+  margin-left: 341px;
+  left: -25px;
+  padding-left: 0;
+  box-shadow: 3px 0 3px #d7d7d7;
+  z-index: -1000;
+  padding-top: 11px;
+}
+#bar-config {
+  display: inline-flex;
+  position: absolute;
+  right: 0;
+  top: -30px;
+  align-items: stretch;
+  flex: 1 1 auto;
+}
+#threshold-config > span > input {
+  width: 2rem;
+  background-color: #A1A1A1;
+  color: white;
+  font-weight: bold;
+}
+#toggle-admin-btn {
+  position: absolute;
+  right: -9px;
+  top: 0;
+  width: 2rem;
+  height: 1.8rem;
+}
+nav {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin: auto;
+}
+.nav_admin ul {
+  display: flex;
+}
+#top_nav_admin > div.edit-mode > ul {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  flex: 1;
+}
+#top_nav_admin > div.edit-mode > ul > .tb-item {
+  background-color: #F0F0F0;
+  margin-top: 0.5rem;
+  display: inline-grid;
+  margin-left: .5rem;
+  border: 1px dashed gray;
+  padding: 0.3rem 0.6rem 0.3rem 0.6rem;
+}
+.admin-toolbar {
+  display: flex;
+}
+#top_nav_admin {
+  display: grid;
+  flex-direction: row;
+  flex-wrap: wrap;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -o-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  width: 940px;
+}
+.btn-bar {
+  display: block;
+  clear: both;
+  padding: 0 10px 0 10px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -o-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  text-decoration: none;
+  min-width: 1em;
+  text-align: center;
+  position: relative;
+  margin: 0 0 20px;
+}
+ul.dropdown li {
+  float: left;
+  vertical-align: middle;
+  zoom: 1;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+ul.dropdown, ul.dropdown li, ul.dropdown ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+li.tb-item-edit > input {
+  width: 2.2rem;
+}
+li.tb-item-edit > label > i {
+  padding-right: 0.7rem;
+  color: grey;
+  font-size: larger;
+  cursor: move;
+}
+div.edit-mode > ul > div.anchored {
+  background: grey;
+}
+div.anchored > li.tb-item-edit > label > i {
+  padding-right: 0.7rem;
+  color: #898c89;
+  font-size: larger;
+  cursor: not-allowed;
+}
+
+.react-reorderable-item-active, .draggable-element {
+  height: 28px;
+  width: 120px;
+  margin-top: 5px;
+}
+.draggable-element {
+  background-color: rgb(255, 255, 255);
+  border: 1px dashed #B5AFAF;
+  min-width: 100%;
+  border-radius: 3px;
+  width: 9rem;
+  height: 30px;
+}
+.draggable-handle {
+  background-color: rgb(126, 125, 125);
+  width: 15%;
+  height: 80%;
+  border-radius: 4px 0 0 4px;
+  margin-top: -2px;
+  margin-left: -2px;
+  z-index: 10000;
+  cursor: move;
+  color: white;
+  padding: 3px 3px 4px;
+  border: 1px solid #575656;
+}
+ul.dropdown li {
+  float: left;
+  vertical-align: middle;
+  zoom: 1;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+#content {
+  width: 990px;
+}
+.react-reorderable-item {
+  display: inline-flex;
+  margin-right: 2%;
+  /* float: left; */
+}
+.react-reorderable-item-active {
+  border: 3px dashed #9e9e9e;
+  background: #c9c9c9;
+  width: 9rem;
+}
+.react-reorderable-item-active div {
+  display: none;
+}
+.react-reorderable-handle {
+  position: absolute;
+}
+.react-drag > div > div > div > div > div > a {
+  margin-top: 2px;
+  text-align: center;
+  color: #898989;
+  width: 5rem;
+  /* margin-bottom: 10px; */
+  min-width: 100%;
+  overflow-x: hidden;
+  overflow-wrap: break-word;
+  height: 18px;
+  position: relative;
+}
+.react-drag > div > div > div > div > div {
+  width: 100%;
+  position: relative;
+  right: -40px;
+}
+.react-drag {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+ul.dropdown ul {
+  visibility: hidden;
+  position: absolute;
+  top: 70px;
+  z-index: 598;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-top-width: 0;
+}
+ul.dropdown ul li a {
+  float: none;
+  display: block;
+  text-align: left;
+  margin-right: 0;
+}
+ul.dropdown .hover, ul.dropdown li:hover {
+  position: relative;
+  z-index: 599;
+  cursor: default;
+}
+.anchored {
+  cursor: not-allowed;
+}


Mime
View raw message