pondasee 1.5.1 → 2.0

data/templates/project/sass/partials/_forms.scss

@@ -1,5 +1,5 @@
 // Base form styles
-// based on formalize.me
+// 
 // =================================================================================
 
 /* 	BASE FORM STYLES
@@ -41,309 +41,9 @@ legend {
 	margin-bottom: 0; 
 }
 
-/* 	INPUT WIDTH
-	----------------- */
-
-.input-tiny {
-	width: 50px; 
-}
-
-.input-small {
-	width: 100px; 
-}
-
-.input-medium {
-	width: 150px; 
-}
-
-.input-large {
-	width: 200px; 
-}
-
-.input-xlarge {
-	width: 250px; 
-}
-
-.input-xxlarge {
-	width: 300px; 
-}
-
-.input-xxxlarge {
-	width: 350px; 
-}
-
-.input-full {
-	width: 100%; 
-}
-
-// Added via JS to <textarea> and class="input-full".
-// Applies only to IE7. Other browsers don't need it.
-
-.input_full_wrap {
-	display: block;
-	padding-right: 8px; 
-}
-
-/* 	UI Consistency
-	----------------- */
-
-input[type="search"]::-webkit-search-decoration {
-	display: none; 
-}
-
-button,
-select {
-  // Suppress red glow that Firefox
-  // adds to form fields by default.
-	&:invalid {
-		@include box-shadow(none); 
-	}
-}
-
-// For Firefox
-input,
-textarea {
-	// Add blue glow.
-	@include border-radius(3px);
-	@include single-transition(all, .2s, linear, 0s);
-  // Suppress red glow that Firefox
-  // adds to form fields by default.
-	&:invalid {
-		@include box-shadow(none); }
-	
-}
-
-input[type="file"],
-input[type="radio"],
-input[type="checkbox"],
-select,
-button,
-input[type="reset"],
-input[type="submit"],
-input[type="button"] {
-	&:focus {
-		@include tab-focus();
-		@include box-shadow(none); // override for file inputs
-	}
-}
-
-input[type="file"],
-input[type="radio"],
-input[type="checkbox"] {
-	&:focus,
-	&:active {
-		@include box-shadow(none); 
-	} 
-}
-
-button,
-input[type="reset"],
-input[type="submit"],
-input[type="button"] {
-	-webkit-appearance: none;
-	@include border-radius(3px);
-	@include background-clip(padding-box);
-	background: darken($white, 5%) image-url('button.png') repeat-x;
-	@include background-image(linear-gradient($white, darken($white, 5%)));
-	border: 1px solid darken($white, 10%);
-	cursor: pointer;
-	color: #333333;
-	// Helvetica Neue present, because it works better
-	// for line-height on buttons than Arial, on OS X.
-	font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
-	outline: 0;
-	overflow: visible;
-	margin: 0;
-	padding: 10px 20px;
-	// IE7
-	*padding-top: 2px;
-	*padding-bottom: 0;
-	// Kill phantom spacing and dotted
-	// border that appears in Firefox.
-	text-shadow: white 0 1px 1px;
-	@include transition(none);
-	vertical-align: top;
-	width: auto;
-	&:hover {
-		background: $white;
-		@include background-image(linear-gradient(darken($white, 5%), $white));
-	}
-	&:active {
-		@include single-box-shadow( rgba($black, .15), 0, 2px, 3px, 0, true );
-		outline: 0;
-	}
-		
-	&::-moz-focus-inner {
-		border: 0;
-		padding: 0; 
-	} 
-}
-
-button {
-	// IE7
-	*padding-top: 1px;
-	*padding-bottom: 1px; 
-}
-
-textarea,
-select,
-input[type="date"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="email"],
-input[type="month"],
-input[type="number"],
-input[type="password"],
-input[type="search"],
-input[type="tel"],
-input[type="text"],
-input[type="time"],
-input[type="url"],
-input[type="week"] {
-	@include box-sizing(border-box);
-	@include background-clip(padding-box);
-	@include border-radius(3px);
-	@include single-box-shadow( rgba($black, 0.075), 0, 1px, 1px, 0, true );
-	-webkit-appearance: none;
-	background-color: $white;
-	border: 1px solid;
-	border-color: $gray;
-	color: $black;
-	outline: 0;
-	margin: 0;
-	padding: 3px 4px;
-	text-align: left;
-	font-size: 13px;
-	// Leaving out Helvetica Neue, to not throw off size="..."
-	// on inputs. Arial is more reliable, on Windows and OS X.
-	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
-	height: 2em;
-	vertical-align: top;
-	// IE7
-	*padding-top: 2px;
-	*padding-bottom: 1px;
-	*height: auto;
-	&[disabled] {
-		background-color: $grayLighter; 
-	}
-	&:focus {
-		border-color: rgba(82,168,236,.8);
-		outline: 0;
-		outline: thin dotted \9; /* IE6-9 */
-		@include box-shadow(
-			inset 0 1px 1px rgba($black, .075), 
-			0 0 8px rgba(82,168,236,.6)
-		);
-	}
-}
-
-button[disabled],
-input[disabled],
-select[disabled],
-select[disabled] option,
-select[disabled] optgroup,
-textarea[disabled] {
-	@include box-shadow(none);
-	-moz-user-select: -moz-none;
-	-webkit-user-select: none;
-	-khtml-user-select: none;
-	user-select: none;
-	color: #888888;
-	cursor: default; 
-}
-
-// Separate rule for Firefox.
-// Separate rule for IE, too.
-// Cannot stack with WebKit's.
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
-	color: #888888; 
-}
-
-input:-moz-placeholder,
-textarea:-moz-placeholder {
-	color: #888888; 
-}
-
-input.placeholder_text,
-textarea.placeholder_text {
-	color: #888888; 
-}
-
-textarea,
-select[size],
-select[multiple] {
-	height: auto; 
-}
-
-// Set height back to normal,
-// for Opera, WebKit, and IE.
-select[size="0"],
-select[size="1"] {
-	height: 1.8em;
-	// IE7
-	*height: auto; 
-}
-
-// Tweaks for Safari + Chrome.
-@media (-webkit-min-device-pixel-ratio: 0) {
-	select[size],
-	select[multiple],
-	select[multiple][size] {
-		background-image: none;
-		padding-right: 3px; 
-	}
-	
-	select,
-	select[size="0"],
-	select[size="1"] {
-		background-image: image-url("select_arrow.gif");
-		background-repeat: no-repeat;
-		background-position: right center;
-		padding-right: 20px; 
-	}
-	
-	::-webkit-validation-bubble-message {
-		-webkit-box-shadow: none;
-		box-shadow: none;
-		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, $black));
-		border: 1px solid;
-		border-color: #747474 #5e5e5e #4f4f4f;
-		color: $white;
-		font: 13px / 17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
-		overflow: hidden;
-		padding: 15px 15px 17px;
-		@include text-shadow($black 0 0 1px);
-		height: 16px; 
-	}
-	
-	::-webkit-validation-bubble-arrow,
-	::-webkit-validation-bubble-top-outer-arrow,
-	::-webkit-validation-bubble-top-inner-arrow {
-		-webkit-box-shadow: none;
-		box-shadow: none;
-		background: #666666;
-		border: 0; 
-	} 
-}
-
 textarea {
 	min-height: 40px;
 	overflow: auto;
 	resize: vertical;
 	width: 100%; 
-}
-
-optgroup {
-	color: $black;
-	font-style: normal;
-	font-weight: normal;
-	// Font family repeated, for Firefox.
-	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
-	// Kill phantom spacing and dotted
-	// border that appears in Firefox.
-	&::-moz-focus-inner {
-		border: 0;
-		padding: 0; 
-	} 
 }

data/templates/project/sass/partials/_grid.scss

@@ -1,5 +1,5 @@
-// Fixed grid
-// Based on blueprint css framework
+// Fluid grid
+// 
 // See mixins/simple-responsive-grid.scss for more informations
 // =================================================================================
 
@@ -8,7 +8,7 @@
 }
 
 .row {
-	@extend .clearfix;
+	@include grid-clearfix;
 	[class*="column"] {
 		@include columnBase;
 	}
@@ -16,8 +16,10 @@
 
 // Generate classes for the grid
 @for $n from 1 through $totalColumns {
-	.grid-#{$n} {
-		@include column($n);
+	.row {
+		.col#{$n} {
+			@include column($n);
+		}
 	}
 }
 

data/templates/project/sass/partials/_ie.scss

@@ -2,6 +2,14 @@
 // Conditional class for IE, put all styles inside the .oldie
 // =================================================================================
 
+.ie7 {
+
+}
+
+.ie8 {
+
+}
+
 .oldie {
 	
 }

data/templates/project/sass/partials/_images.scss

@@ -1,169 +1,11 @@
-// Image
-// basic image styles include with WordPress classes
+// Base style for image
+//
 // =================================================================================
 
-/* 	BASE IMAGES STYLES
-	include w/ WordPress classes
-	----------------- */
-img[class*="align"],
-img[class*="wp-image-"],
-img[class*="attachment-"] {
+img {
 	height: auto;
 }
 
-img.size-full,
-img.size-large {
-	max-width: 97.5%;
-	height: auto;
-}
-
-img.wp-smiley {
-	border: none;
-	margin-bottom: 0;
-	margin-top: 0;
-	padding: 0;
-}
-
-img.alignleft,
-img.alignright,
-img.aligncenter {
-	margin-top: 10px;
-}
-
-/* 	CAPTION
-	----------------- */
-p img,
-.wp-caption,
-.caption {
-	margin-top: 8px;
-}
-
-.wp-caption {
-	background: $whiteDark;
-	max-width: 96%;
-	padding: 15px 10px 10px;
-	@include transition(all .15s ease-in-out);
-	img {
-		display: block;
-		margin: 0 auto;
-		max-width: 98%; 
-	}
-	&:hover {
-		background: $grayLighter;
-	}
-}
-
-.wp-caption-text {
-	color: $fontColor;
-	font-size: 12px;
-	margin: 0;
-	padding: 15px 0 5px 40px;
-	position: relative;
-	
-	&:before {
-		content: '\2014';
-		font-size: 14px;
-		font-style: normal;
-		font-weight: bold;
-		margin-right: 5px;
-		position: absolute;
-		left: 10px;
-		top: 17px; 
-	} 
-}
-
-.caption {
-	@extend .wp-caption;
-}
-
-.caption-text {
-	@extend .wp-caption-text;
-}
-
-/* 	GALLERY
-	----------------- */
-.gallery {
-	margin: auto;
-	overflow: hidden;
-	width: 100%;
-	.gallery-item {
-		@include float(left);
-		margin-bottom: 10px;
-		text-align: center; 
-	}
-	.gallery-caption {
-		background: #f7f7f7;
-		border: 1px solid #e6e6e6;
-		clear: both;
-		color: #888;
-		display: block;
-		font-size: 12px;
-		margin: 10px 0;
-		padding: 5px 3px;
-		text-align: center;
-		width: 100%; 
-	}
-	dl {
-		margin: 0; 
-	}
-	img {
-		border: 1px solid #e0e0e0; 
-	}
-	a:hover img {
-		border-color: $gray; 
-	}
-	br {
-		clear: both; 
-	}
-	br+br {
-		display: none;
-	} 
-}
-
-.gallery-columns-1 .gallery-item {
-	width: 100%; 
-}
-
-.gallery-columns-2 .gallery-item {
-	width: 50%; 
-}
-
-.gallery-columns-3 .gallery-item {
-	width: 33.333%; 
-}
-
-.gallery-columns-4 .gallery-item {
-	margin-right: 2%; 
-	width: 23%;
-}
-
-.gallery-columns-5 .gallery-item {
-	margin-right: 2%; 
-	width: 18%;
-}
-
-.gallery-columns-6 .gallery-item {
-	margin-right: 2%; 
-	width: 14.666%;
-}
-
-.gallery-columns-7 .gallery-item {
-	margin-right: 2%; 
-	width: 12.285%;
-}
-
-.gallery-columns-8 .gallery-item {
-	margin-right: 2%; 
-	width: 10.5%;
-}
-
-.gallery-columns-9 .gallery-item {
-	margin-right: 2%; 
-	width: 9.111%;
-}
-
-/* 	ATTACHMENT
-	----------------- */
 embed,
 iframe,
 object {

data/templates/project/sass/partials/_main.scss

@@ -1,12 +1,3 @@
 // Main styles
-// You can write your main styles(eg: content, article etc) here
-// Or you can separate this main file into several files(eg: header.scss, footer.scss etc)
+// Our main development file
 // =================================================================================
-
-/*
- * Sample seperate main styles
- * See 'main' Folder
- */
-@import "main/header";
-@import "main/menus";
-@import "main/footer";

data/templates/project/sass/partials/_media-queries.scss

@@ -1,25 +1,7 @@
 // Media Queries
-// media queries syntax
 // pros @Aris_FM
 // =================================================================================
 
-/* iPad & Tablets*/
-@media screen and (min-width: 768px) and (max-width: 959px) {}
-
-/* Tablets Portrait & Big Smartphone Landscape */
-@media screen and (min-width: 600px) and (max-width: 767px) {}
-
-/* Smartphone Landscape */
-@media screen and (min-width: 480px) and (max-width: 599px) {}
-
-/* Smartphone */
-@media screen and (min-width: 320px) and (max-width: 479px) {}
-
-/* Featured Phone (rarely used since featured phone often doesn't support CSS3) */
-@media screen and (max-width: 319px) {}
-
-
-
 // Be Prepared for SASS 3.2, embrace yourself! (or use it right now, if you already using SASS pre version)
 
 $query-big			: 959px;

data/templates/project/sass/partials/_mixins.scss

@@ -1,6 +1,9 @@
+// Mixins Collections
+// Feel free to customize this mixins collections
+// =================================================================================
+
 @import 'mixins/helper';
 @import 'mixins/basic-buttons';
-@import 'mixins/zurb-button';
 @import 'mixins/fonts';
 @import 'mixins/simple-responsive-grid';
 
@@ -32,7 +35,7 @@
 }
 
 // Border Radius
-// Modifed version from http://compass-style.org/reference/compass/css3/border_radius/
+// Modified version from http://compass-style.org/reference/compass/css3/border_radius/
 // -o- and -ms- vendor prefix not exist for border radius
 $default-rad: 5px !default;
 
@@ -60,4 +63,18 @@ $default-rad: 5px !default;
 @mixin opacity($opacity) {
 	opacity: $opacity; // Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+
 	filter: alpha(opacity=$opacity * 100); // IE6-IE8
+}
+
+// The micro clearfix 
+// http://nicolasgallagher.com/micro-clearfix-hack/
+// ------------------
+@mixin clearfix { 
+	*zoom:1;
+    &:before, &:after { 
+		content: ""; 
+		display: table; 
+	}
+    &:after { 
+		clear: both; 
+	}
 }

data/templates/project/sass/partials/_plugins.scss

@@ -1,4 +1,3 @@
 // Plugins
-// If your website or web application use a plugins/jquery plugins like lightbox,
-// slider or anything else, put the styles here.
+// Components style, such as slides, tooltip, etc.
 // =================================================================================

data/templates/project/sass/partials/_reset.scss

@@ -1,25 +1,10 @@
 // Reset CSS
-// Simpler version of Normalize.css + Eric Meyer Reset
+// Simpler version of Normalize.css
 // =================================================================================
 
-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: inherit;
-	vertical-align: baseline;
+body,
+figure {
+    margin: 0;
 }
 
 article, aside, details, figcaption, figure, footer,
@@ -34,22 +19,26 @@ audio, canvas, video {
 audio:not([controls]),
 [hidden] {
     display: none;
+    height: 0;
 }
 
 a:focus {
-	@include tab-focus;
+    outline: thin dotted;
 }
 
-nav ul,
-nav ol {
-    @include reset-list;
+a:active,
+a:hover {
+    outline: 0;
+}
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
 img {
     border: 0;
-	max-width: 100%;
+    max-width: 100%;
     -ms-interpolation-mode: bicubic;
-	vertical-align: middle;
 }
 
 svg:not(:root) {
@@ -62,12 +51,17 @@ input::-moz-focus-inner {
     padding: 0;
 }
 
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
 input[type="radio"] { 
-	vertical-align: text-bottom;
+    vertical-align: text-bottom;
 }
 
 input[type="checkbox"] { 
-	vertical-align: text-bottom; 
+    vertical-align: text-bottom; 
 }
 
 table {