control_center 1.0.1 → 1.0.2

data/app/assets/stylesheets/base.css

@@ -0,0 +1,95 @@
+*{margin:0;padding:0}
+.clear{clear:both;height:0;}
+.wat-cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
+.wat-cf{display:inline-block;}
+/* Hides from IE-mac \*/
+* html .wat-cf{height:1%;}
+.wat-cf{display:block;}
+/* End hide from IE-mac */
+h1{margin:15px 0;font-size:22px;font-weight:normal;}
+h2{font-size:22px;margin:15px 0;font-weight:normal;}
+h3{font-size:18px;margin:10px 0;font-weight:normal;}
+h4{font-size:16px;margin:10px 0;font-weight:normal;}
+hr{height:1px;border:0;}
+p{margin:15px 0;}
+a img{border:none;}
+body{font-size:12px;font-family:sans-serif;}
+#container{min-width:960px;}
+#header,#wrapper{padding:0 20px;}
+#header{position:relative;padding-top:1px;}
+#header h1{margin:0;padding:10px 0;font-size:26px;}
+#header h1 a:link,#header h1 a:active,#header h1 a:hover,#header h1 a:visited{text-decoration:none;}
+#main{width:73%;float:left;}
+.actions-bar{padding:10px 1px;}
+.actions-bar .actions{float:left;}
+.actions-bar .pagination{float:right;padding:1px 0;}
+#sidebar{width:25%;float:right;}
+#sidebar h3{padding:10px 15px;margin:0;font-size:13px;}
+#sidebar .block{margin-bottom:20px;padding-bottom:10px;}
+#sidebar .block .content{padding:0 15px;}
+#sidebar ul.navigation li a:link,#sidebar ul.navigation li a:visited{display:block;padding:10px 15px;}
+#sidebar .block .sidebar-block,#sidebar .notice{padding:10px;}
+.message.notice,.message.warning,.message.error{padding:10px;}
+#wrapper{padding-top:20px;}
+#main .block{margin-bottom:20px;padding-top:1px;}
+#main .block .content .inner{padding:0 15px 15px;}
+#main .block .content .inner .navform{text-align:right;}
+#main .main p.first{margin-top:0;}
+#user-navigation{position:absolute;top:0px;right:20px;}
+#main-navigation{width:100%;}
+#user-navigation ul,#main-navigation ul,.secondary-navigation ul,#sidebar ul.navigation{margin:0;padding:0;list-style-type:none;}
+#user-navigation ul li,#main-navigation ul li,.secondary-navigation ul li{float:left;}
+#main-navigation ul li{margin-right:5px;}
+#user-navigation ul li{padding:5px 10px;}
+#main-navigation ul li a:link,#main-navigation ul li a:visited,#main-navigation ul li a:hover,#main-navigation ul li a:active,
+.secondary-navigation ul li a:link,.secondary-navigation ul li a:visited,.secondary-navigation ul li a:hover,.secondary-navigation ul li a:active,
+#user-navigation ul li a:link,#user-navigation ul li a:visited,#user-navigation ul li a:hover,#user-navigation ul li a:active{text-decoration:none;}
+#main-navigation ul li a{font-size:14px;line-height:14px;display:block;padding:8px 15px;}
+.secondary-navigation{font-size:13px;border-bottom-width:10px;border-bottom-style:solid;}
+.secondary-navigation ul li a{display:block;padding:10px 15px;}
+#footer{padding-bottom:20px;}
+/* pagination */
+.pagination a,.pagination span{padding:2px 5px;margin-right:5px;display:block;float:left;border-style:solid;border-width:1px;}
+.pagination span.current{font-weight:bold;}
+.pagination a{text-decoration:none;}
+/* tables */
+.table{width:100%;border-collapse:collapse;margin-bottom:15px;}
+.table th{padding:10px;font-weight:bold;text-align:left;}
+/*.table th.first{width:30px;}*/
+.table th.last{width:80px;}
+.table .checkbox{margin-left:10px;}
+.table td{padding:10px;}
+.table td.last{text-align:right;}
+/* forms */
+input.check_box{margin:0;padding:0;}
+.form .group{margin-bottom:15px;}
+.form div.left{width:20%;float:left;}
+.form div.right{width:75%;float:right;}
+.form .columns .column{width:48%;}
+.form .columns .left{float:left;}
+.form .columns .right{float:right;}
+.form label,.form input.text_field,.form input.password_field,.form textarea.text_area{font-size:1.0em;padding:2px 0;margin:0;color:#36393D;}
+.form label.right{text-align:right;}
+.form input.check_box,.form input.radio{margin-right:5px;}
+.form label.check_box,.form label.radio{line-height:1.5em;}
+.form label{padding-bottom:2px;font-weight:bold;}
+.form .error{color:red;}
+.form a{color:red;font-size:14px;}
+.form input.text_field,.form input.password_field,.form textarea.text_area{width:100%;border-width:1px;border-style:solid;}
+.button_to{display:inline;}
+.button_to input{background:none;border:none;display:inline;font-size:12px;color:#A72D2E;cursor:pointer;font-family: helvetica, arial, sans-serif;}
+#user-navigation .button_to input{color:#FFFFFF;}
+/* lists */
+ul.list{margin:0;padding:0;list-style-type:none;}
+ul.list li{clear:left;padding-bottom:5px;}
+ul.list li .left{float:left;}
+ul.list li .left .avatar{width:50px;height:50px;}
+ul.list li .item{margin-left:80px;}
+ul.list li .item .avatar{float:left;margin:0 5px 5px 0;width:30px;height:30px;}
+/* box */
+#box{width:500px;margin:50px auto;}
+#box .block{margin-bottom:20px;}
+#box .block h2{padding:10px 15px;margin:0;}
+#box .block .content{padding:10px 20px;}
+/* custom */
+.code{font-family: Courier, 'Courier New', monospace;color:#36393D;}

data/app/assets/stylesheets/codemirror.css

@@ -0,0 +1,67 @@
+.CodeMirror {
+  line-height: 1em;
+  font-family: monospace;
+}
+
+.CodeMirror-scroll {
+  overflow: auto;
+  height: 300px;
+  /* This is needed to prevent an IE[67] bug where the scrolled content
+     is visible outside of the scrolling box. */
+  position: relative;
+}
+
+.CodeMirror-gutter {
+  position: absolute; left: 0; top: 0;
+  background-color: #f7f7f7;
+  border-right: 1px solid #eee;
+  min-width: 2em;
+  height: 100%;
+}
+.CodeMirror-gutter-text {
+  color: #aaa;
+  text-align: right;
+  padding: .4em .2em .4em .4em;
+}
+.CodeMirror-lines {
+  padding: .4em;
+}
+
+.CodeMirror pre {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+  border-width: 0; margin: 0; padding: 0; background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0; margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+}
+
+.CodeMirror textarea {
+  font-family: inherit !important;
+  font-size: inherit !important;
+}
+
+.CodeMirror-cursor {
+  z-index: 10;
+  position: absolute;
+  visibility: hidden;
+  border-left: 1px solid black !important;
+}
+.CodeMirror-focused .CodeMirror-cursor {
+  visibility: visible;
+}
+
+span.CodeMirror-selected {
+  background: #ccc !important;
+  color: HighlightText !important;
+}
+.CodeMirror-focused span.CodeMirror-selected {
+  background: Highlight !important;
+}
+
+.CodeMirror-matchingbracket {color: #0f0 !important;}
+.CodeMirror-nonmatchingbracket {color: #f22 !important;}

data/app/assets/stylesheets/control_center.css

@@ -0,0 +1,289 @@
+body {
+  background: #ddd;
+  font-family: arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  font-size: 12px;
+}
+a img {
+  border: 0;
+}
+
+/* header styling */
+#header {
+  background: #36393d;
+  color: #fff;
+  height: 70px;
+}
+#header h1 a {
+  text-decoration: none;
+}
+#header h1 {
+  font-size: 30px;
+  line-height: 70px;
+  margin: 0;
+  padding: 0 0 0 20px;
+}
+#header #header_links {
+  font-size: small;
+  margin: -65px 15px 0 0;
+  padding: 0;
+  list-style-type: none;
+  text-align: right;
+  float: right;
+}
+#header #header_links li {
+  float: left;
+  margin: 0 0 0 5px;
+}
+#header #header_links a {
+  color: white;
+}
+#header #header_links a:hover {
+  color: #36393d;
+  background: #fff;
+  text-decoration: none;
+}
+
+/* primary tabsigation styling */
+#tabs {
+  clear: both;
+  float: right;
+  margin: -27px 5px 0 0;
+  list-style-type: none;
+  font-weight: bold;
+  font-size: small;
+}
+#tabs li {
+  float: left;
+  height: 27px;
+  line-height: 27px;
+  padding: 0 10px;
+}
+#tabs li.active {
+  background: #ddd;
+}
+#tabs li.active a {
+  color: #000;
+}
+#tabs a {
+   text-decoration: none;
+   padding: 3px;
+   color: #fff;
+}
+#tabs a:hover {
+  text-decoration: underline;
+}
+/* secondary tabsigation styling */
+#sub_tabs {
+  clear: both;
+  float: left;
+  list-style-type: none;
+  font-weight: bold;
+  font-size: small;
+  margin: 13px 0 0 -15px;
+}
+#sub_tabs li {
+  float: left;
+  height: 27px;
+  line-height: 27px;
+  padding: 0 10px;
+  margin-right: 7px;
+}
+#sub_tabs li.active {
+  background: #fff;
+}
+#sub_tabs li.active a {
+  color: #000;
+}
+#sub_tabs a {
+   text-decoration: none;
+   padding: 3px;
+   color: #fff;
+}
+#sub_tabs a:hover {
+  text-decoration: underline;
+}
+
+/* main content styling */
+h2 {
+  padding: 5px;
+}
+#main {
+  min-width: 800px;
+}
+#content {
+  clear: both;
+}
+#content_inside {
+  padding: 5px 10px 10px 10px;
+  margin: 0 10px 10px 10px;
+  background: #fff;
+  border-right: 2px solid #ccc;
+  border-bottom: 2px solid #ccc;
+  min-width: 800px;
+}
+
+#content.narrow {
+  float: left;
+  width: 70%;
+}
+#content.narrow #content_inside {
+  min-width: 560px;
+}
+
+#sidebar {
+  float: left;
+  width: 30%;
+}
+#sidebar_inside {
+  min-width: 240px;
+  margin: 0 10px 0 0;
+}
+.sidebar_box {
+  border-bottom: 2px solid #ccc;
+}
+
+/* style for forms */
+form {
+  margin: 20px 0;
+  width: 100%;
+}
+form div {
+  clear: both;
+  float: left;
+  margin-bottom: 6px;
+}
+form div div.col2 {
+  width: 200px;
+  float: left;
+  margin: 0 20px 0 0;
+  clear: none;
+}
+label {
+  display: block;
+}
+fieldset {
+  border: 0;
+  border-top: 1px solid #ddd;
+  clear: both;
+  padding: 0.8em 0 0 0;
+}
+fieldset legend {
+  font-weight: bold;
+  margin: 0 0 0 10px;
+  font-size: 1.2em;
+}
+input[type="text"], input[type="password"] {
+  width: 200px;
+}
+textarea {
+  margin: 0;
+}
+input[type="submit"] {
+  margin-top: 20px;
+}
+form div.submit {
+  clear: both;
+  float: none;
+}
+
+/* styling for errors */
+.errorExplanation {
+  border: 2px solid #c00;
+  margin-bottom: 8px;
+  width: 100%;
+}
+.errorExplanation h2 {
+  float: none;
+  background: #c00;
+  margin: 0;
+  color: #fff;
+  padding: 3px;
+  font-size: large;
+}
+.errorExplanation p {
+  padding: 3px;
+  margin: 3px 0;
+}
+.fieldWithErrors {
+  display: inline;
+  margin: 0; padding: 0;
+}
+.fieldWithErrors input[type="text"], .fieldWithErrors input[type="password"] {
+  border: 2px solid #c00;
+}
+.fieldWithErrors label {
+  color: #c00;
+}
+
+/* style for tables that are used as reports */
+table {
+	border-collapse: collapse;
+	margin-bottom: 30px;
+}
+table thead tr {
+	border-bottom: 1px solid #000;
+}
+table thead th {
+  text-align: center;
+}
+table tbody th {
+  text-align: left;
+  vertical-align: top;
+}
+table tbody td {
+	padding: 2px 10px;
+  vertical-align: top;
+}
+
+/* makes something 100% width */
+.wide {
+  width: 100%;
+}
+
+/* style for pagination */
+.pagination {
+  padding: 3px;
+  margin: 15px 3px 3px 3px;
+}
+.pagination a {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #aaaadd;
+  text-decoration: none;
+  color: #36393d;
+}
+.pagination a:hover, .pagination a:active {
+  border: 1px solid #36393d;
+  color: #000;
+}
+.pagination span.current {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #36393d;
+  font-weight: bold;
+  background-color: #36393d;
+  color: #FFF;
+}
+.pagination span.disabled {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #eee;
+  color: #ddd;
+}
+
+/* styles for flashed messages and errors */
+#message {
+  background: #ff8;
+  font-weight: bold;
+  padding: 5px 20px;
+  margin-top: 10px;
+}
+#error {
+  background: #c00;
+  font-weight: bold;
+  color: #fff;
+  padding: 5px 20px;
+  margin-top: 10px;
+}