1 files changed, 166 insertions, 0 deletions
diff --git a/modules/webcpanel/templates/style.css b/modules/webcpanel/templates/style.css
new file mode 100644
index 000000000..7b63cd632
--- /dev/null
+++ b/modules/webcpanel/templates/style.css
@@ -0,0 +1,166 @@
+@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400);
+@import url(//fonts.googleapis.com/css?family=Port+Lligat+Slab);
+
+*, html, body, h1, h2, h3, h4, div, p, span, a, button {
+	font-family: 'Open Sans', sans-serif;
+}
+body {
+	background-color: #eee;
+	background-image: url('/static/cubes.png');
+}
+
+/* RANDOM STUFF */
+#frontPages {
+	padding-top: 20px;
+}
+
+h2 {
+	margin: 0 0 10px 0;
+}
+h4 {
+	margin-top: 30px;
+}
+.popover {
+	max-width: 450px;
+	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
+	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
+}
+
+.label {
+	font-size: 13px;
+	font-weight: normal;
+}
+
+.label-info {
+	background-color: #4EA4EE;
+}
+
+.label-info[href]:hover, .label-info[href]:focus {
+	background-color: #428BCA;
+}
+
+/* LOGIN FORM */
+.form-signin .form-signin-heading, .form-signin .checkbox {
+	margin-bottom: 10px;
+}
+.form-signin .checkbox {
+	font-weight: normal;
+}
+.form-signin .form-control {
+	position: relative;
+	font-size: 16px;
+	height: auto;
+	padding: 10px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.form-signin .form-control:focus {
+	z-index: 2;
+}
+/* FOOTER */
+.footer {
+	margin-top: 20px;
+}
+
+/* Control Panel */
+.panel-default .panel-heading {
+	font-size: 24px;
+}
+#loggedIn {
+	margin: 15px 15px 0 0;
+}
+
+#navPanel {
+	margin: 0;
+	padding: 0;
+}
+.table thead > tr:first-child > th, .table tbody > tr:first-child > th, .table tfoot > tr:first-child > th, .table thead > tr:first-child > td, .table tbody > tr:first-child > td, .table tfoot > tr:first-child > td {
+	vertical-align: top;
+	border-top: 0;
+}
+#tableInfo td {
+	vertical-align: middle;
+}
+#tableInfo td:first-child {
+	font-weight: bold;
+	padding-right: 10px;
+	text-align: right;
+	width: 25%;
+}
+
+#tableInfoNorm td {
+	vertical-align: middle;
+}
+#tableInfoNorm td:first-child {
+	font-weight: bold;
+	padding-right: 10px;
+}
+
+#tableInfoMemos td {
+	vertical-align: top;
+}
+#tableInfoMemos td:first-child {
+	font-weight: bold;
+	padding-right: 10px;
+}
+#tableInfoMemos th small {
+	font-weight: normal;
+}
+
+#tableAccess td {
+	vertical-align: middle;
+}
+#tableAccess td:first-child {
+	padding-right: 10px;
+	text-align: left;
+}
+#tableAccess td:last-child {
+	padding-right: 10px;
+	text-align: right;
+}
+#tableAccess th small {
+	font-weight: normal;
+}
+
+#channelList li {
+	margin-top: 10px;
+}
+
+/* NAVBAR */
+.navbar, .well {
+	background-color: white;
+}
+
+.navbar {
+	-webkit-box-shadow: 0 8px 6px -8px black;
+	-moz-box-shadow: 0 8px 6px -8px black;
+	box-shadow: 0 8px 6px -8px black;
+}
+.navbar-brand {
+	font-size: 25px;
+}
+.navbar-brand, .navbar-brand small {
+	font-family: 'Port Lligat Slab', serif;
+}
+
+.navbar-default .nav {
+	margin-bottom: -1px;
+}
+
+.navbar-default .nav > li > a {
+	color: #428BCA;
+}
+
+.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
+	color: #428BCA;
+	border-top: 3px solid #0082D9;
+	margin-top: -3px;
+}
+
+.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus {
+	color: #428BCA;
+	background-color: transparent;
+	background-color: rgba(66, 139, 202, 0.1);
+	border-bottom-color: transparent;
+}