fume 0.1.4 → 0.2.0

data/generators/fume/simple_theme/templates/public/stylesheets/base.less

@@ -1,17 +1,22 @@
 @import "blueprint-0.9.1/src/reset.css";
 @import "blueprint-0.9.1/src/typography.css";
 
-thead th {
-	background-color: transparent;
-}
 
-body { 
-	line-height: 1;
-	font-size: 80%;
+/* =========================
+ commons
+========================= */
+
+button, input, select, textarea {
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
 }
 
-.clear { 
-	clear: both;
+body { 
+/*	line-height: 1;*/
+/*	font-size: 13px;*/
 }
 
 h1 { margin: 15px 0 }
@@ -21,345 +26,24 @@ h4 { margin: 10px 0; }
 hr { height: 1px; border: 0; }
 p { margin: 15px 0;}
 
-#container {
-	min-width: 1050px;
-}
-
-#header, #page {
-	margin: 0 40px;
-}
-
-#header {
-	position: relative;
-	
-	h1 {
-		margin: 0;
-		padding: 10px 0;  
-		font-size: 30px;
-
-		a {
-			text-decoration: none;
-		}
-	}
-}
-
-.sidebar {
-	#main {  
-		width: 78%;
-		float: left;
-	}
-}
-
-.actions-bar {
-	padding: 10px 1px;
-	
-	.actions {
-		float: left;
-	}
-	
-	.pagination {
-		float: right;
-		padding: 1px 0;
-	}
-}
-
-#sidebar {
-	width: 21%;
-	float: right;   
-	 
-	h3 {  
-		padding: 10px 15px;
-		margin: 0;
-		font-size: 1.2em;
-	}
-	
-	.block {
-		margin-bottom: 20px;
-		padding-bottom: 10px;
-		
-		.content {
-			padding: 0 15px;
-		}
-	}
-	
-	.block .sidebar-block, .notice {
-		padding:10px;
-	}
-}
-
-#sidebar ul.navigation li a {
-	:link, :visited {
-		display: block;
-		padding: 10px 15px;
-	}
-}
-
-
-#page {
-	padding-top: 20px;
-}
-
-#main .block {
-	margin-bottom: 20px;
-/*	padding-top: 1px;*/
-	
-	.content .inner {
-		padding: 0 15px 15px;  
-	}
-	
-}
-
-
-#user-navigation {
-	position: absolute;
-	right: 20px;
-	bottom: 5px;
-}
-
-#main-navigation {
-	width: 100%;
-	
-	ul li a {
-		font-size: 1.3em;
-		display: block;
-		padding: 8px 15px;
-	}
-}
-
-#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;
-}
-
-.secondary-navigation {
-	font-size: 1.2em;  
-	border-bottom-width: 10px;
-	border-bottom-style: solid;
-	
-	ul li {
-		a, span {
-			display: block;
-			padding: 10px 15px;  
-		}
-	}
-}
-
-
-#footer {
-	padding-bottom: 20px;
-}
-
-/* pagination */
-.pagination {
-	a, span {
-		padding: 2px 5px;
-		margin-right: 5px; 
-		display: block;
-		float: left;
-		border-style: solid;
-		border-width: 1px;
-	}
-	
-	span.current {
-		font-weight: bold;  
-	}
-	
-	a {
-		text-decoration: none;  
-	}
-}
-
-
-/* tables */
-
-.table {
-	width: 100%;
-	border-collapse: collapse;  
-	margin-bottom: 15px;
-	
-	th {
-		padding: 10px;
-		font-weight: bold;
-		text-align: left;
-	}
-	
-	th.first {
-/*		width: 30px;*/
-	}
-	
-	th.last {
-/*		width: 200px;  */
-	}
-	
-	.checkbox {
-		margin-left: 10px;
-	}
-	
-	td {
-		padding: 10px;
-		
-		form {
-			display: inline;
-			
-			div {
-				display: inline;
-			}
-		}
-	}
-	
-	td.last {
-		text-align: right;
-	}
-}
-
-
-/* forms */
-
-input.checkbox {
-	margin: 0;
-	padding: 0;
+.clear { 
+	clear: both;
 }
 
-.form {
-	.group {
-		margin-bottom: 15px;
-	}
-	
-	div.left {
-		width: 20%;
-		float: left;
-	}
-
-	div.right {
-		width: 75%;
-		float: right;
-	}
-	
-	.columns {
-		.column {
-			width: 48%;
-		}
-		
-		.left {
-			float: left;
-		}
-		
-		.right {
-			float: right;
-		}
-	}
-	
-	label.label, input.text_field, textarea.text_area {
-		font-size: 1.2em;
-		padding: 1px 0;
-		margin: 0;
-	}
-	
-	label.right {
-		text-align: right;
-	}
-	
-	input.checkbox, input.radio {
-		margin-right: 5px;
-	}
-	
-	label.checkbox, label.radio {
-		line-height: 1.5em;
-	}
-	
-	label.label {
-		display: block;
-		padding-bottom: 2px;  
-		font-weight: bold;
-	}
-	
-	div.fieldWithErrors label.label {
-		display: inline;
-	}
-	
-	.fieldWithErrors .error {
-		color: red;
-	}
-	
-	input.text_field, textarea.text_area {
-/*		width: 100%;*/
-		border-width: 1px;
-		border-style: solid;
-	}
+.border-radius (@radius: 0) {
+	border-radius: @radius;
+	-moz-border-radius: @radius;
+	-webkit-border-radius: @radius;
 }
 
-
-/* lists */
-
-ul.list {
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
+.border-top-left-radius (@radius: 0) {
+	border-top-left-radius: @radius;
+	-moz-border-radius-topleft: @radius;
+	-webkit-border-top-left-radius: @radius;
 	
-	li {
-		clear: left;
-		padding-bottom: 5px;
-		
-		.left {
-			float: left;
-			
-			.avatar {
-				width: 50px;
-				height: 50px;
-			}
-		}
-		
-		.item {
-			margin-left: 80px;
-			
-			.avatar {
-				float: left;
-				margin: 0 5px 5px 0;
-				width: 30px;
-				height: 30px;
-			}
-		}
-	}
 }
-
-
-/* box */
-
-#box {
-	width: 500px;
-	margin: 50px auto;  
-	
-	.block {
-		margin-bottom: 20px;
-		
-		h2 {
-			padding: 10px 15px;
-			margin: 0;  
-		}
-		
-		.content {
-			padding: 10px 20px;
-		}
-		
-	}
+.border-top-right-radius (@radius: 0) {
+	border-top-right-radius: @radius;
+	-moz-border-radius-topright: @radius;
+	-webkit-border-top-right-radius: @radius;
 }
-