Added bootstrap
[flowspy] / static / css / base.css
index 2574cc1..c524d78 100644 (file)
@@ -1,10 +1,5 @@
-* {
-    font-family: arial, freesans, clean, sans-serif;
-    font-size: 12px;
-}
-
-html {
-    height: 100% color: black;
+#routes_table{
+       font-size: 12px;        
 }
 
 #page_wrapper {
@@ -15,7 +10,7 @@ html {
 }
 
 .errorlist li {
-    color: red;
+    color: #B94A48;
     font-size: 12px !important;
     margin: 0 0 3px;
     padding: 4px 5px 4px 25px;
@@ -23,8 +18,7 @@ html {
 }
 
 .error{
-       color: red;
-       font-weight: bold;
+       color: #B94A48;
 }
 
 #password_change_form label{
@@ -34,7 +28,7 @@ html {
     width: 13em;
 }
 
-a {
+/*a {
     color: #4183C4;
     text-decoration: none;
     font-weight: bold;
@@ -43,7 +37,7 @@ a {
 a:hover {
     text-decoration: underline;
 }
-
+*/
 #main {
     background: url("/static/background.png") repeat-x scroll 0 0 #FFFFFF;
     padding: 0;
@@ -61,6 +55,7 @@ a:hover {
     position: absolute;
     left: 0;
     top: 0;
+    max-width: 172px;
 }
 
 #header .grnetlogo {
@@ -71,7 +66,7 @@ a:hover {
 
 .loginform {
     border-top: medium none;
-    font-size: 12px;
+    font-size: 13px;
     padding: 2px;
     float: right;
     -moz-border-radius: 5px 5px 5px 5px;
@@ -108,7 +103,7 @@ body {
        margin: 0;
 }
 
-#content {
+#content3 {
        width: 990px;
        margin-left: auto;
        margin-right: auto;
@@ -171,7 +166,7 @@ body {
        display: inline;
 }
 
-#footer, #footer a {
+#footer {
        clear: both;
        padding-top: 1em;
        font-size: 0.9em;
@@ -183,9 +178,7 @@ body {
        margin-bottom: 0;
 }
 
-#formcontent a {
-       color: #4183C4;
-}
+
 
 #formcontent input {
        width: 6em;
@@ -211,15 +204,6 @@ body {
        color: gray;
 }
 
-
-h3 {
-       font-size: 1.2em;
-}
-
-td {
-       text-align: left;
-}
-
 tr.even {
        background: #eaeaea;
 }
@@ -472,54 +456,12 @@ margin: 1px;
        * cursor: hand;
 }
 
-.dataTables_paginate .ui-button {
-       margin-right: -0.1em !important;
-}
+
 
 .paging_full_numbers {
        width: 350px !important;
 }
 
-.dataTables_wrapper .ui-toolbar {
-       padding: 5px;
-}
-
-.dataTables_paginate {
-       width: auto;
-}
-
-.dataTables_info {
-       padding-top: 3px;
-}
-
-table.display thead th {
-       padding: 3px 0px 3px 10px;
-       cursor: pointer;
-       * cursor: hand;
-}
-
-div.dataTables_wrapper .ui-widget-header {
-       font-weight: normal;
-}
-
-
-/*
- * Sort arrow icon positioning
- */
-table.display thead th div.DataTables_sort_wrapper {
-       position: relative;
-       padding-right: 20px;
-       padding-right: 20px;
-}
-
-table.display thead th div.DataTables_sort_wrapper span {
-       position: absolute;
-       top: 50%;
-       margin-top: -8px;
-       right: 0;
-}
-
-
 
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
@@ -535,405 +477,51 @@ table.display thead th div.DataTables_sort_wrapper span {
  * DataTables features
  */
 
-.dataTables_wrapper {
-       position: relative;
-       min-height: 302px;
-       _height: 302px;
-       clear: both;
-}
-
-.dataTables_processing {
-       position: absolute;
-       top: 0px;
-       left: 50%;
-       width: 250px;
-       margin-left: -125px;
-       border: 1px solid #ddd;
-       text-align: center;
-       color: #999;
-       font-size: 11px;
-       padding: 2px 0;
-}
-
-.dataTables_length {
-       width: 40%;
+div.dataTables_length label {
        float: left;
+       text-align: left;
 }
 
-.dataTables_filter {
-       width: 50%;
-       float: right;
-       text-align: right;
+div.dataTables_length select {
+       width: 75px;
 }
 
-.dataTables_info {
-       width: 50%;
-       float: left;
-}
-
-.dataTables_paginate {
+div.dataTables_filter label {
        float: right;
-       text-align: right;
-}
-
-/* Pagination nested */
-.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
-       height: 19px;
-       width: 19px;
-       margin-left: 3px;
-       float: left;
-}
-
-.paginate_disabled_previous {
-       background-image: url('../images/back_disabled.jpg');
-}
-
-.paginate_enabled_previous {
-       background-image: url('../images/back_enabled.jpg');
-}
-
-.paginate_disabled_next {
-       background-image: url('../images/forward_disabled.jpg');
-}
-
-.paginate_enabled_next {
-       background-image: url('../images/forward_enabled.jpg');
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables display
- */
-table.display {
-       margin: 0 auto;
-       width: 100%;
-       clear: both;
-       border-collapse: collapse;
-}
-
-table.display tfoot th {
-       padding: 3px 0px 3px 10px;
-       font-weight: bold;
-       font-weight: normal;
-}
-
-table.display tr.heading2 td {
-       border-bottom: 1px solid #aaa;
-}
-
-table.display td {
-       padding: 3px 10px;
-}
-
-table.display td.center {
-       text-align: center;
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables sorting
- */
-
-.sorting_asc {
-       background: url('../images/sort_asc.png') no-repeat center right;
-}
-
-.sorting_desc {
-       background: url('../images/sort_desc.png') no-repeat center right;
-}
-
-.sorting {
-       background: url('../images/sort_both.png') no-repeat center right;
-}
-
-.sorting_asc_disabled {
-       background: url('../images/sort_asc_disabled.png') no-repeat center right;
-}
-
-.sorting_desc_disabled {
-       background: url('../images/sort_desc_disabled.png') no-repeat center right;
-}
-
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables row classes
- */
-table.display tr.odd.gradeA {
-       background-color: #ddffdd;
-}
-
-table.display tr.even.gradeA {
-       background-color: #eeffee;
-}
-
-
-
-
-table.display tr.odd.gradeA {
-       background-color: #ddffdd;
-}
-
-table.display tr.even.gradeA {
-       background-color: #eeffee;
-}
-
-table.display tr.odd.gradeC {
-       background-color: #ddddff;
-}
-
-table.display tr.even.gradeC {
-       background-color: #eeeeff;
-}
-
-table.display tr.odd.gradeX {
-       background-color: #ffdddd;
-}
-
-table.display tr.even.gradeX {
-       background-color: #ffeeee;
-}
-
-table.display tr.odd.gradeU {
-       background-color: #ddd;
-}
-
-table.display tr.even.gradeU {
-       background-color: #eee;
-}
-
-
-tr.odd {
-       background-color: #E2E4FF;
 }
 
-tr.even {
-       background-color: white;
+div.dataTables_info {
+       padding-top: 8px;
 }
 
-
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Misc
- */
-.dataTables_scroll {
-       clear: both;
-}
-
-.top, .bottom {
-       padding: 15px;
-       background-color: #F5F5F5;
-       border: 1px solid #CCCCCC;
-}
-
-.top .dataTables_info {
-       float: none;
+div.dataTables_paginate {
+       float: right;
+       margin: 0;
 }
 
-.clear {
+table.table {
        clear: both;
+       margin-bottom: 6px !important;
 }
 
-.dataTables_empty {
-       text-align: center;
-}
-
-tfoot input {
-       margin: 0.5em 0;
-       width: 100%;
-       color: #444;
-}
-
-tfoot input.search_init {
-       color: #999;
-}
-
-td.group {
-       background-color: #d1cfd0;
-       border-bottom: 2px solid #A19B9E;
-       border-top: 2px solid #A19B9E;
-}
-
-td.details {
-       background-color: #d1cfd0;
-       border: 2px solid #A19B9E;
-}
-
-
-.example_alt_pagination div.dataTables_info {
-       width: 40%;
-}
-
-.paging_full_numbers span.paginate_button,
-       .paging_full_numbers span.paginate_active {
-       border: 1px solid #aaa;
-       -webkit-border-radius: 5px;
-       -moz-border-radius: 5px;
-       padding: 2px 5px;
-       margin: 0 3px;
+table.table thead .sorting,
+table.table thead .sorting_asc,
+table.table thead .sorting_desc,
+table.table thead .sorting_asc_disabled,
+table.table thead .sorting_desc_disabled {
        cursor: pointer;
        *cursor: hand;
 }
 
-.paging_full_numbers span.paginate_button {
-       background-color: #ddd;
-}
-
-.paging_full_numbers span.paginate_button:hover {
-       background-color: #ccc;
-}
-
-.paging_full_numbers span.paginate_active {
-       background-color: #99B3FF;
-}
+table.table thead .sorting { background: url('/static/img/sort_both.png') no-repeat center right; }
+table.table thead .sorting_asc { background: url('/static/img/sort_asc.png') no-repeat center right; }
+table.table thead .sorting_desc { background: url('/static/img/sort_desc.png') no-repeat center right; }
 
-table.display tr.even.row_selected td {
-       background-color: #B0BED9;
-}
+table.table thead .sorting_asc_disabled { background: url('/static/img/sort_asc_disabled.png') no-repeat center right; }
+table.table thead .sorting_desc_disabled { background: url('/static/img/sort_desc_disabled.png') no-repeat center right; }
 
-table.display tr.odd.row_selected td {
-       background-color: #9FAFD1;
-}
-
-
-/*
- * Sorting classes for columns
- */
-/* For the standard odd/even */
-tr.odd td.sorting_1 {
-       background-color: #D3D6FF;
-}
-
-tr.odd td.sorting_2 {
-       background-color: #DADCFF;
-}
-
-tr.odd td.sorting_3 {
-       background-color: #E0E2FF;
-}
-
-tr.even td.sorting_1 {
-       background-color: #EAEBFF;
-}
-
-tr.even td.sorting_2 {
-       background-color: #F2F3FF;
-}
-
-tr.even td.sorting_3 {
-       background-color: #F9F9FF;
-}
-
-
-/* For the Conditional-CSS grading rows */
-/*
-       Colour calculations (based off the main row colours)
-  Level 1:
-               dd > c4
-               ee > d5
-       Level 2:
-         dd > d1
-         ee > e2
- */
-tr.odd.gradeA td.sorting_1 {
-       background-color: #c4ffc4;
-}
-
-tr.odd.gradeA td.sorting_2 {
-       background-color: #d1ffd1;
-}
-
-tr.odd.gradeA td.sorting_3 {
-       background-color: #d1ffd1;
-}
-
-tr.even.gradeA td.sorting_1 {
-       background-color: #d5ffd5;
-}
-
-tr.even.gradeA td.sorting_2 {
-       background-color: #e2ffe2;
-}
-
-tr.even.gradeA td.sorting_3 {
-       background-color: #e2ffe2;
-}
-
-tr.odd.gradeC td.sorting_1 {
-       background-color: #c4c4ff;
-}
-
-tr.odd.gradeC td.sorting_2 {
-       background-color: #d1d1ff;
-}
-
-tr.odd.gradeC td.sorting_3 {
-       background-color: #d1d1ff;
-}
-
-tr.even.gradeC td.sorting_1 {
-       background-color: #d5d5ff;
-}
-
-tr.even.gradeC td.sorting_2 {
-       background-color: #e2e2ff;
-}
-
-tr.even.gradeC td.sorting_3 {
-       background-color: #e2e2ff;
-}
-
-tr.odd.gradeX td.sorting_1 {
-       background-color: #ffc4c4;
-}
-
-tr.odd.gradeX td.sorting_2 {
-       background-color: #ffd1d1;
-}
-
-tr.odd.gradeX td.sorting_3 {
-       background-color: #ffd1d1;
-}
-
-tr.even.gradeX td.sorting_1 {
-       background-color: #ffd5d5;
-}
-
-tr.even.gradeX td.sorting_2 {
-       background-color: #ffe2e2;
-}
-
-tr.even.gradeX td.sorting_3 {
-       background-color: #ffe2e2;
-}
-
-tr.odd.gradeU td.sorting_1 {
-       background-color: #c4c4c4;
-}
-
-tr.odd.gradeU td.sorting_2 {
-       background-color: #d1d1d1;
-}
-
-tr.odd.gradeU td.sorting_3 {
-       background-color: #d1d1d1;
-}
-
-tr.even.gradeU td.sorting_1 {
-       background-color: #d5d5d5;
-}
-
-tr.even.gradeU td.sorting_2 {
-       background-color: #e2e2e2;
-}
-
-tr.even.gradeU td.sorting_3 {
-       background-color: #e2e2e2;
+table.dataTable th:active {
+       outline: none;
 }
 
 
@@ -983,3 +571,8 @@ div.box {
        margin-left: auto;
        margin-right: auto;
 }
+
+
+#routes_table_filter{
+       float: right;
+}
\ No newline at end of file