Create style.css

templates/spacelab/css/style.css

@@ -0,0 +1,160 @@
+
+
+html, body {
+	height: 100%;
+}
+body {
+	/*padding-top: 80px;*/
+}
+.wrapper {
+	min-height: 100%;
+	margin-bottom: -75px;
+}
+
+.navbar {
+	min-height: 40px;
+	border-radius: 0;
+}
+.navbar-brand {
+	padding: 22px 15px;
+	height: 40px;
+}
+
+.topbar {
+	color: #eee;
+	font-size: 12px;
+	background: #182735;
+	padding: 5px;
+}
+.navbar-default .navbar-nav > .active > a, 
+.navbar-default .navbar-nav > .active > a:hover, 
+.navbar-default .navbar-nav > .active > a:focus {
+    color: #2C3E50;
+    background-color: #FFFFFF;
+}
+
+table.tablesorter {
+	border: 0;	
+}
+table.tablesorter tbody td {
+	padding: 8px;
+}
+table.tablesorter tbody td.over {
+	background-color: #F5F5F5;
+}
+table.tablesorter tbody td.selected {
+	background-color: #ECECEC;
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+	padding: 8px;
+}
+#table_action_header {
+	height: 35px;
+	background-color: transparent;
+	border: 0;
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+	background-color: #18BC9C;
+}
+#search_filter_section {
+	padding: 5px;
+	margin-bottom: 10px;
+}
+#titleTextImg {
+	background-color: transparent !important;
+}
+#table_action_header ul li span a {
+	background-color: rgba(0, 0, 0, 0);
+    border: 0;
+    color: 	#aaa;
+}
+#table_action_header ul li span a:hover {
+    color: 	#555;
+}
+#title,
+#page_title {
+	font-size: 32px;
+	margin-top: 21px;
+    margin-bottom: 10.5px;
+    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: 400;
+    line-height: 1.1;
+    color: inherit;
+}
+#new_button {
+	bottom: 5px;
+}
+#new_button > a {
+	border-width: 2px;
+    padding: 6px 9px;
+    font-size: 13px;
+    line-height: 1.5;
+    border-radius: 3px;
+    color: #ffffff;
+    background-color: #2c3e50;
+    border-color: #2c3e50;
+    display: inline-block;
+    margin-bottom: 0;
+    font-weight: normal;
+    text-align: center;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+#new_button > a > .big_button {
+	float: none !important;
+    position: static;
+    width: auto;
+    height: auto;
+    background: none;
+}
+#new_button > a > .big_button > span {
+    position: static;
+	font-size: 13px;
+    font-weight: normal;
+}
+
+#home_module_list {
+    padding: 20px 0;
+    text-align: center;
+}
+.module_item {
+    min-width: 105px;
+    display: inline-block;
+    text-align: center;
+    margin-bottom: 3px;
+    border: 1px solid #ddd;
+}
+.module_item a {
+    display: block;
+}
+.navbar .menu-icon {
+	text-align: center;
+	font-size: 11px;
+}
+.navbar .menu-icon img {
+	width: 24px;
+}
+#feedback_bar {
+	top: 64px;
+}
+#footer {
+	height: 35px;
+    margin: 40px 0 0 0;
+    background: white;
+    padding: 10px
+}
+
+@media (min-width: 768px){	
+	.navbar-nav > li > a {
+		padding: 10px 10px 9px;
+	}
+}