use new css

Signed-off-by: franck cuny <franck@lumberjaph.net>

1 files changed, 100 insertions, 150 deletions

diff --git a/public/css/style.css b/public/css/style.css
index 706c3e5..320292a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,189 +1,139 @@
-
-body {
-margin: 0;
-margin-bottom: 25px;
-padding: 0;
-background-color: #ddd;
-background-image: url("/images/perldancer-bg.jpg");
-background-repeat: no-repeat;
-background-position: top left;
-
-font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
-font-size: 13px;
-color: #333;
+html,body {
+	margin:				0;
+	padding:			0;
+	height:				100%;
+	background:			#FFF;
+	
+	font-family:		Helvetica;
+	font-size:			10pt;
+	color:				#666;
 }
 
-h1 {
-font-size: 28px;
-color: #000;
+p { 
+	line-height:		1.5; 
+	margin:				0 0 1em;
 }
 
-a  {color: #03c}
-a:hover {
-background-color: #03c;
-color: white;
-text-decoration: none;
+table, tr {
+	width:				100%;
+	border-spacing:		0px;
 }
 
-#page {
-background-color: #ddd;
-width: 750px;
-margin: auto;
-margin-left: auto;
-padding-left: 0px;
-margin-right: auto;
+td {
+	display:			table-cell;
+	border-spacing:		0px;
 }
 
-#content {
-background-color: white;
-border: 3px solid #aaa;
-border-top: none;
-padding: 25px;
-width: 500px;
+a.button{
+	height:				30px;
+	line-height:		29px;
+	margin-bottom:		14px;
+	text-decoration:	none;
+	
+	font-family:		Helvetica;
+	font-size:			small;
+	color:				#666;
 }
 
-#sidebar {
-float: right;
-width: 175px;
+a:hover.button{
+	color:				#0066CC;
 }
 
-#header, #about, #getting-started {
-padding-left: 75px;
-padding-right: 30px;
+.edges{
+	background:			url("../images/displayedges.png") no-repeat 24px 4px;
+	text-indent:		52px;
+	display:			block;
 }
 
-
-#header {
-background-image: url("/images/perldancer.jpg");
-background-repeat: no-repeat;
-background-position: top left;
-height: 64px;
-}
-#header h1, #header h2 {margin: 0}
-#header h2 {
-color: #888;
-font-weight: normal;
-font-size: 16px;
+.labels{
+	background:			url("../images/displaylabels.png") no-repeat 24px 0px;
+	text-indent:		52px;
+	display:			block;
 }
 
-#about h3 {
-margin: 0;
-margin-bottom: 10px;
-font-size: 14px;
+.fisheye{
+	background:			url("../images/fisheye.png") no-repeat 24px 4px;
+	text-indent:		52px;
+	display:			block;
 }
 
-#about-content {
-background-color: #ffd;
-border: 1px solid #fc0;
-margin-left: -11px;
-}
-#about-content table {
-margin-top: 10px;
-margin-bottom: 10px;
-font-size: 11px;
-border-collapse: collapse;
+.title {
+	text-align:			center;
+	font-size:			12pt;
+	color:				#000;
 }
-#about-content td {
-padding: 10px;
-padding-top: 3px;
-padding-bottom: 3px;
-}
-#about-content td.name  {color: #555}
-#about-content td.value {color: #000}
 
-#about-content.failure {
-background-color: #fcc;
-border: 1px solid #f00;
-}
-#about-content.failure p {
-margin: 0;
-padding: 10px;
+.verticalTitle {
+	float:				left;
+	position:			absolute;
+	text-align:			center;
+	font-size:			12pt;
+	color:				#000;
+	
+	-o-transform:		rotate(-90deg); 
+	-webkit-transform:	rotate(-90deg); 
+	-moz-transform:		rotate(-90deg);
 }
 
-#getting-started {
-border-top: 1px solid #ccc;
-margin-top: 25px;
-padding-top: 15px;
-}
-#getting-started h1 {
-margin: 0;
-font-size: 20px;
-}
-#getting-started h2 {
-margin: 0;
-font-size: 14px;
-font-weight: normal;
-color: #333;
-margin-bottom: 25px;
-}
-#getting-started ol {
-margin-left: 0;
-padding-left: 0;
-}
-#getting-started li {
-font-size: 18px;
-color: #888;
-margin-bottom: 25px;
-}
-#getting-started li h2 {
-margin: 0;
-font-weight: normal;
-font-size: 18px;
-color: #333;
-}
-#getting-started li p {
-color: #555;
-font-size: 13px;
+.tab {
+	width:				200px;
 }
 
-#search {
-margin: 0;
-padding-top: 10px;
-padding-bottom: 10px;
-font-size: 11px;
+.github {
+	padding-left:		100px;
+	font-family:		Collegiate;
+	font-size:			26pt;
+	color:				black;
+	vertical-align:		middle;
 }
-#search input {
-font-size: 11px;
-margin: 2px;
-}
-#search-text {width: 170px}
 
-#sidebar ul {
-margin-left: 0;
-padding-left: 0;
+.greyBG {
+	background-image:	url("../images/bottom_bg.png");
 }
-#sidebar ul h3 {
-margin-top: 25px;
-font-size: 16px;
-padding-bottom: 10px;
-border-bottom: 1px solid #ccc;
+
+.query {
+	width:				240px;
+	font-size:			18pt;
+	font-family:		Helvetica;
+	float:				left;
+	padding-top:		10px;
 }
-#sidebar li {
-list-style-type: none;
+
+#container {
+	padding:			0;
+	margin:				0 auto;
+	width:				100%;
+	height:				100%;
+	
+	background:			#FFF;
 }
-#sidebar ul.links li {
-margin-bottom: 5px;
+
+#header {
+	position:			absolute;
+	right:				0px;
+	top:				0px;
 }
 
-h1, h2, h3, h4, h5 {
-font-family: sans-serif;
-margin: 1.2em 0 0.6em 0;
+#about {
+	float:				right;
+	padding:			2px;
 }
 
-p {
-line-height: 1.5em;
-margin: 1.6em 0;
+#files {
+	float:				right;
+	padding:			2px;
 }
 
-code, tt {
-    font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
+#content {
+	height:				auto !important;
+	width:				100%;
 }
 
 #footer {
-clear: both;
-padding-top: 2em;
-text-align: center;
-padding-right: 160px;
-font-family: sans-serif;
-font-size: 10px;
+	position:			relative;
+	height:				0px;
 }
+
+h1, h2 {
+	font-weight:		normal;
+}
\ No newline at end of file