new minimal (and ugly) css

Author: krausest

css/useMinimalCss.css

@@ -1,197 +1,84 @@
-* {
-	box-sizing: border-box;
-    font-family: inherit;
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
 }
-
-body {
-    padding: 10px 0 0 0;
-    margin: 0;
-    overflow-y: scroll;
-
-    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-size: 14px;
-    line-height: 1.42857143;
-    color: #333;
-}
-
-#duration {
-    padding-top: 0px;
-}
-
-.test-data a {
-    display: block;
-}
-
-.col-sm-6.smallpad {
-    padding: 5px;
-}
-
-.danger {
-    background-color: #f2dede !important;
+h1 {
+    font-family: Arial;
+    font-size: 28px;
 }
-
-.danger:hover {
-	background-color: #ebcccc !important;
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
 }
-
-.container {
-	width: 1170px;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto;
+body {
+	line-height: 1;
 }
-
-.jumbotron {
-	border-radius: 6px;
-    padding: 10px 60px;
-    margin-bottom: 30px;
-    background-color: #eef;
+ol, ul {
+	list-style: none;
 }
-
-.row {
-    margin-right: -15px;
-    margin-left: -15px;
-	overflow: auto;
+blockquote, q {
+	quotes: none;
 }
-
-h1 {
-    font-weight: 500;
-    line-height: 1.1;
-    margin-top: 20px;
-    margin-bottom: 10px;
-    font-size: 63px;
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
 }
-
 table {
-	border-spacing: 0;
 	border-collapse: collapse;
-	width: 100%;
-	max-width: 100%;
-	table-layout: fixed;
-}
-
-.col-sm-6.smallpad {
-    padding: 5px;
-}
-
-.col-md-6 {
-    width: 50%;
-    float: left;
-    padding-left: 15px;
-    padding-right: 15px;
-}
-
-.col-sm-6 {
-    width: 50%;
-    float: left;
-}
-
-.col-md-1 {
-	width: 8.33333333%;
-}
-
-.col-md-4 {
-    width: 33.33333333%;
-}
-
-td {
-	padding: 8px;
-	border-top: 1px solid #ddd;
-}
-
-tr:nth-child(odd) {
-	background-color: #f9f9f9;
-}
-
-a {
-    color: #337ab7;
-    text-decoration: none;
+	border-spacing: 0;
 }
 
-a:hover {
-	color: #23527c;
-	text-decoration: underline;
+.jumbotron {
+    background-color: #7b7;
 }
-
 .btn {
-    display: inline-block;
-    padding: 6px 12px;
-    margin-bottom: 0;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1.42857143;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-image: none;
-    border: 1px solid transparent;
-    border-radius: 4px;
+    width: 200px;
 }
-
-.btn-primary {
-    color: #fff;
-    background-color: #337ab7;
-    border-color: #2e6da4;
+.table {
+    table-layout: fixed;
+    font-family: Arial;
+    font-size: 15px;
 }
-
-.btn-primary:hover {
-    color: #fff;
-    background-color: #286090;
-    border-color: #204d74;
+.table tr {
+    height: 20px;
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
 }
-
-.btn-block {
-    display: block;
-    width: 100%;
+.table td.col-md-1 {
+    width: 50px;
 }
-
-@font-face {
-  font-family: 'Glyphicons Halflings';
-
-  src: url('bootstrap/fonts/glyphicons-halflings-regular.eot');
-  src: url('bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
-    url('bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
-    url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), 
-    url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
-    url('bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+.table td.col-md-4 {
+    width: 350px;
 }
-
-.glyphicon-remove:before {
-	content: "\e014";
+.table td.col-md-6 {
+    width: 400px;
 }
-
-.glyphicon {
-    position: relative;
-    top: 1px;
-    display: inline-block;
-    font-family: 'Glyphicons Halflings';
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.jumbotron .row h1 {
-    font-size: 40px;
+.glyphicon-remove:after {
+    content: 'x'
 }
-
-.preloadicon {
-    position: absolute;
-    top:-20px;
-    left:-20px;
-}
-
-table td[class*=col-], table th[class*=col-] {
-    position: static;
-    display: table-cell;
-    float: none;
+tr.danger td {
+    background-color: #faa;
 }