assets and options improvment

2017-03-15 12:48:59 +01:00 · 2017-03-15 12:48:59 +01:00 · 67981c517d
commit 67981c517d
parent 2a47c356ee
3 changed files with 213 additions and 123 deletions
--- a/assets/style.css
+++ b/assets/style.css
@ -0,0 +1,133 @@
+.wrap {
+   overflow: hidden;
+}
+#show-tokens {
+   float: right;
+}
+.box {
+   margin: 20px 0;
+   background: #FFFFFF;
+   border: 1px solid #E5E5E5;
+   position: relative;
+   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+.box .title {
+   border-bottom: 1px solid #EEEEEE;
+   margin: 0;
+   padding: 15px;
+   background: #FFFFFF;
+}
+.box .title h3 {
+   font-size: 14px;
+   line-height: 1em;
+   margin: 0;
+   padding: 0;
+}
+.box .inner {
+   padding: 15px;
+}
+
+.gitea {
+   width: 100%;
+   padding: 0;
+   margin: 0;
+   border-top: 1px solid #e5e5e5;
+   box-shadow: 0 1px 1px rgba(0,0,0,.04);
+}
+.gitea > li {
+   overflow: hidden;
+   border-bottom: 1px solid #e5e5e5;
+   margin: 0;
+}
+.gitea > li > ul {
+   overflow: hidden;
+}
+.gitea > li li {
+   box-sizing: border-box;
+   padding: 8px 15px;
+   font-size: 12px;
+   margin: 0;
+   // width: 100%;
+}
+.gitea ul.packages > li {
+   padding: 0;
+}
+.gitea li.repository,
+.gitea li.package {
+   width: 210px;
+   float: left;
+}
+.gitea a {
+   text-decoration: none;
+   outline: 0;
+}
+.gitea a:focus,
+.gitea a:active {
+   outline: 0;
+   box-shadow: none;
+}
+.gitea a.repo-toggle {
+   font-size: 14px;
+   line-height: 14px;
+}
+.gitea > li:hover .row-actions {
+   left: 0;
+}
+.gitea input.token {
+   width: 70%;
+}
+
+@media screen and (max-width: 782px) {
+   .gitea input.token {
+      width: 100%;
+   }
+}
+
+.times {
+   color: #555d66;
+   float: right;
+   padding: 10px;
+   font-style: italic;
+}
+.form-table input[type=text],
+.form-table input[type=password] {
+   width: 75%;
+}
+
+
+
+.repo-row > ul.packages {
+   display: none;
+}
+.repo-row > ul:first-child {
+   transition: all 0.4s;
+}
+.repo-row.open > ul:first-child {
+   background: #2a9bd9;
+   border-color: #2a9bd9;
+   color: white;
+}
+.repo-row.open > ul:first-child a {
+   color: white;
+}
+
+.token-box {
+   position: relative;
+}
+.token-toggle {
+   position: absolute;
+   right: 10px;
+   height: 20px;
+   top: 50%;
+   margin-top: -10px;
+   color: #aaa !important;
+}
+.token-toggle:hover {
+   color: #aaa !important;
+}
+.token-toggle:focus,
+.token-toggle:active {
+   outline: 0;
+   box-shadow: none;
+   color: #aaa !important;
+}