luci2: switch to twitter bootstrap framework

[project/luci2/ui.git] / luci2 / htdocs / luci2 / css / luci2.css

diff --git a/luci2/htdocs/luci2/css/luci2.css b/luci2/htdocs/luci2/css/luci2.css
new file mode 100644 (file)
index 0000000..e9f05ab
--- /dev/null
+++ b/luci2/htdocs/luci2/css/luci2.css
@@ -0,0 +1,100 @@
+body {
+    padding-top: 55px;
+}
+
+.fade.in {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.progress {
+    position: relative;
+    width: 250px;
+}
+
+.progress-bar {
+    z-index: 1;
+    position: absolute;
+}
+
+.progress small {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    color: black;
+    text-align: center;
+    width: 100%;
+}
+
+.nav.nav-tabs {
+    margin-bottom: 15px;
+}
+
+.luci2-modal-loader {
+    background: #FFFFFF url(/luci2/icons/loading.gif) no-repeat 10px center;
+    text-align: center;
+}
+
+.luci2-section-header {
+    position: relative;
+}
+
+.luci2-section-header .badge {
+    position: absolute;
+    left: -11px;
+    top: -7px;
+    background-color: #D9534F;
+}
+
+.nav-tabs li a .badge {
+    background-color: #D9534F;
+}
+
+.nav-tabs li.active a .badge {
+    display: none;
+}
+
+.list-group-item .luci2-section-header > .btn-group {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    z-index: 10;
+    box-shadow: -5px 0 5px 10px #FFFFFF;
+    display: none;
+}
+
+.list-group-item:hover .luci2-section-header > .btn-group {
+    display: inline-block;
+}
+
+.luci2-section-teaser {
+    font-size: 90%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    margin-bottom: 0 !important;
+}
+
+.panel > .list-group > .list-group-item:first-child {
+    border-top: none;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
+
+.panel > .panel-body + .list-group > .list-group-item:first-child {
+    border-top: 1px solid #DDDDDD;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+table.table td .btn-group {
+    white-space: nowrap;
+}
+
+table.table td .btn-group > .btn {
+    float: none;
+}
+
+.luci2-form-error .control-label {
+    color: #B94A48;
+}