iasd-bootstrap-sass 1.0.1

data/stylesheets/_iasd-header.scss

@@ -0,0 +1,227 @@
+body > header{
+	background: {
+		color: $theme-main-color;
+		image: image-url($theme-header-background-img);
+		repeat: repeat-x;
+		position: bottom center;
+	}
+	height: 185px;
+	.col-md-5{
+		z-index: 2000;
+	}	
+	.identifier{
+		max-height: 145px;
+		min-height: 145px;
+		overflow: hidden;
+		.brand{
+			display: table;
+			float: left;
+			height: 145px;	
+			margin: 0 50px 0 0;
+			position: relative;
+			a{
+				@include image-2x($theme-logo-retina);
+				background:{
+					image: image-url($theme-logo);
+					position: center center;
+					repeat: no-repeat;
+					size: image-width($theme-logo);
+				}
+				display: table-cell;
+				height: 145px;
+				text-indent: -5000px;
+				width: image-width($theme-logo);
+			}
+			&:after{
+				@include opacity(0.5);
+				background: $body-bg;
+				content: '';
+				display: block;
+				height: 60px;
+				margin: -30px -25px 0 0;
+				position: absolute;
+				right: 0;
+				top: 50%;
+				width: 1px;
+			}
+		}
+		.title{
+			display: table;
+			height: 145px;
+			hgroup{
+				display: table-cell;
+				vertical-align: middle;
+				h1, h2{
+					color: $body-bg;
+					font-family: $font-family-sans-serif;
+					font-style: italic;
+					font-weight: 900;
+					margin: 0;
+				}
+				h1{
+					font-size: 30px;
+					line-height: 32px;
+				}
+				h2{
+					font-size: 15px;
+					line-height: 15px;
+					padding-top: 10px;
+					padding-bottom: 5px;
+					&:empty{
+						padding-top: 0;
+						padding-bottom: 0;
+					}
+				}
+			}
+		}
+		&.institutional{
+			.brand{
+				a{
+					@include image-2x("logos_pt_BR/iasd_header@2x.png");
+					background: {
+						image: image-url('logos_pt_BR/iasd_header.png');
+						size: image-width('logos_pt_BR/iasd_header.png');
+					}
+					width: image-width('logos_pt_BR/iasd_header.png');
+				}
+				&:after{
+					display: none;
+				}
+			}
+			.title{
+				h1, h2{
+					display: none;
+				}
+			}
+			&.headquarters{
+				position: relative;
+				.brand{
+					a{
+						background-position: left 30px;
+					}
+				}
+				h2{
+					display: block;
+					position: absolute;
+					left: 78px;
+					top: 80px;
+				}
+			}	
+		}				
+	}
+}
+
+@media (max-width: $screen-xs-max) {
+	body > header{
+		.identifier{
+			.brand{
+				display: none;
+			}
+			&.institutional{
+				.brand{
+					margin: 0;
+					display: table;
+				}
+				&.symbol{
+					.brand{
+						display: none;
+					}
+				}
+			}
+		}
+	}
+}
+
+@media (max-width: $screen-xs) {
+	body > header{
+		.identifier{
+			&.institutional{
+				.brand{
+					a{
+						@include image-2x("logos_pt_BR/iasd_header_vertical@2x.png");
+						background:{ 
+							image: image-url('logos_pt_BR/iasd_header_vertical.png');
+							position: left center;
+							size: image-width('logos_pt_BR/iasd_header_vertical.png');
+						}
+						width: image-width('logos_pt_BR/iasd_header_vertical.png');
+					}
+				}
+				&.headquarters{
+					.brand{
+						a{
+							background-position: left 20px;
+						}
+					}
+					h2{
+						@include text-overflow;
+						left: 0;
+						padding: 0 15px 0 105px;
+						top: 100px;
+						width: 100%;
+					}				
+				}
+			}
+			.title{
+				hgroup{
+					h1{
+						font-size: 28px;
+						line-height: 30px;
+					}
+					h2{
+						font-size: 12px;
+					}
+				}
+			}
+		}
+	}
+}
+
+/* *********************** */
+/*   Internationalization  */
+/* *********************** */
+
+body{
+    &.es_ES{
+		& > header{
+			.identifier{
+				&.institutional{
+					.brand{
+						a{
+							@include image-2x("logos_es_ES/iasd_header@2x.png");
+							background: {
+								image: image-url('logos_es_ES/iasd_header.png');
+								size: image-width('logos_es_ES/iasd_header.png');
+							}
+							width: image-width('logos_es_ES/iasd_header.png');
+						}
+					}
+				}
+			}
+		}
+    }
+}
+
+@media (max-width: $screen-xs) {
+	body{
+		&.es_ES{
+			& > header{
+				.identifier{
+					&.institutional{
+						.brand{
+							a{
+								@include image-2x("logos_es_ES/iasd_header_vertical@2x.png");
+								background:{ 
+									image: image-url('logos_es_ES/iasd_header_vertical.png');
+									position: left center;
+									size: image-width('logos_es_ES/iasd_header_vertical.png');
+								}
+								width: image-width('logos_es_ES/iasd_header_vertical.png');
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}

data/stylesheets/_iasd-main-nav.scss

@@ -0,0 +1,396 @@
+.iasd-main_navbar{
+	margin: {
+		bottom: 50px;
+		top: -40px;
+	}
+	.navbar{
+		@include border-radius(0);
+		background: none;
+		border:{
+			bottom: none;
+			left: none;
+			right: none;
+			top: 1px solid rgba(255,255,255,.6);
+		}
+		min-height: 40px;
+	}
+	.navbar-collapse{
+		max-height: none;
+		padding: 0;
+	}
+	.navbar-nav{
+		margin: 0;
+		padding: 0;
+		width: 100%;
+		li{
+			ul{
+				@include border-radius(0 0 5px 5px);
+				@include box-shadow(0 5px 10px rgba(0,0,0,.2));
+				display: none;
+				list-style: none;
+				margin: 0;
+				padding: 0;
+				position: absolute;
+				width: 200px;
+				z-index: 1;
+				li{
+					background: $theme-main-nav-base-color;
+					position: relative;
+					a{
+						color: $body-bg;
+						display: block;
+						padding: 5px 15px;
+					}
+					ul{
+						@include border-radius(0 5px 5px 5px);
+						position: absolute;
+						top: 0;
+						left: 200px;
+						li{
+							&:first-child{
+								@include border-radius(0 5px 0 0);
+							}							
+						}
+					}
+					&:last-child{
+						@include border-radius(0 0 5px 5px);
+					}
+					&.has-children{
+						&:first-child:hover{
+							@include border-radius(0);
+						}
+						& > a{
+							&:after{
+								content: '\f105';
+								color: $body-bg;
+								display: block;
+								height: 30px;
+								font-family: fontAwesome;
+								font-style: normal;
+								line-height: 30px;
+								position: absolute;
+								right: 0;
+								text-align: left;
+								top: 0;
+								width: 15px;
+							}
+						}
+					}
+					&.open{
+						a{
+							background: none;
+						}
+					}
+					&:hover, &:focus{
+						background: lighten($theme-main-nav-base-color, 5%);
+						a{
+							background-color: transparent;
+						}
+					}				
+				}
+				& > li{
+					& + li{
+						& > a{
+							@include box-shadow(inset 0px 1px 0px shade($theme-main-nav-base-color, 20%));
+						}
+					}
+					ul{
+						a{
+							@include box-shadow(none);
+							font-style: italic;
+						}
+					}
+				}
+			}
+			&:hover, &:focus{
+				& > ul{
+					display: block;
+				}
+			}
+			&.open{
+				& > a{
+					background: transparent;
+					color: $body-bg;
+				}
+			}
+		}
+		& > li{
+			& > a{
+				border-top: 2px solid transparent;
+				color: $body-bg;
+				font-family: $alt-font-family-sans-serif;
+				font-size: 12px;
+				font-weight: 500;
+				padding: 8px 10px 9px;
+				text-transform: uppercase;
+				&:hover, &:focus{
+					color: $body-bg;
+				}
+			}
+			&.active{
+				& > a{
+					background: none;
+					border-top-color: $body-bg;
+					color: $body-bg;
+					margin-top: -1px;
+					padding-top: 9px;
+					&:hover, &:focus{
+						background: none;
+						color: $body-bg;
+					}					
+				}
+				&:hover, &:focus{
+					@include rgba-background(rgba(0,0,0,0.2));
+				}				
+			}
+			&.has-children, &.language{
+				& > a{
+					padding: 8px 25px 9px 10px;
+					position: relative;
+					&:after{
+						content: '\f107';
+						display: block;
+						height: 37px;
+						font-family: fontAwesome;
+						line-height: 37px;
+						position: absolute;
+						right: 5px;
+						text-align: center;
+						top: 0;
+						width: 15px;
+					}
+				}
+			}	
+			&.language{
+				float: right;
+				& > a{
+					padding: 8px 25px 9px 28px;
+					&:before{
+					content: '\f0ac';
+					display: block;
+					height: 37px;
+					font-family: fontAwesome;
+					line-height: 37px;
+					position: absolute;
+					left: 7px;
+					text-align: center;
+					top: 0;
+					width: 15px;						
+					}
+				}
+				ul{
+					right: 0;
+				}
+			}
+			&.open{
+				&:hover, &:focus{
+					a{
+						background: none;
+						border-top-color: transparent;
+						color: $body-bg;
+					}
+				}
+			}
+			&:hover, &:focus{
+				@include rgba-background(rgba(0,0,0,0.2));
+			}
+		}
+	}
+	.navbar-header{
+		.navbar-brand{
+			color: $body-bg;
+			font-family: $alt-font-family-sans-serif;
+			font-size: 11px;
+			letter-spacing: 1px;
+			padding: 11px 15px 8px;
+			text-transform: uppercase;
+		}
+		button{
+			border: none;
+			margin: 0;
+			padding: 11px 15px 14px;
+			&:hover, &:focus{
+				background: none;
+			}
+			.icon-bar{
+				background-color: $body-bg;
+			}
+		}
+	}
+}
+
+@media (min-width: $screen-sm) {
+	.touch{ 
+		.iasd-main_navbar{
+			.navbar-nav{
+				li{
+					&:hover, &:focus{
+						background: $theme-main-nav-base-color;
+						& > ul{
+							display: none !important;
+						}
+					}
+					&.open{
+						& > ul{
+							display: block !important;
+						}
+						background: lighten($theme-main-nav-base-color, 5%);
+					}
+				}
+				& > li{
+					&:hover, &:focus{
+						background: none;
+					}
+					&.open{
+						@include rgba-background(rgba(0,0,0,0.2));
+					}
+				}
+			}
+		}
+	}
+}
+
+@media (min-width: $screen-xs-max) and (max-width: $screen-sm-max){
+	.iasd-main_navbar{
+		.navbar-nav{
+			& > li{
+				& > a{
+					@include text-overflow();
+					max-width: 85px;
+					overflow: hidden;
+					padding: 8px 7px 9px;
+				}
+				&.has-children, &.language{
+					& > a{
+						padding: 8px 7px 9px;
+						&:before, &:after{
+							display: none;
+						}
+					}
+				}			
+			}	
+		}
+	}
+}
+
+
+@media (max-width: $screen-xs-max) {
+	.iasd-main_navbar{
+		margin-top: -40px;
+		padding: 0;
+		.navbar-collapse{
+			background-color: $theme-main-nav-base-color;
+			border-top: none;
+			.navbar-nav{
+				li{
+					a{
+						@include text-overflow();
+						padding: 10px 35px 10px 15px;
+					}
+					&:hover, &:focus{
+						background: none;
+						& > ul{
+							display: none !important;
+						}
+					}
+					&.open{
+						& > a{
+							background: none;
+							color: $body-bg;
+						}
+						& > ul{
+							display: block !important;
+						}
+					}
+					&.has-children{
+						& > a{
+							&:after{
+								height: 40px;
+								line-height: 40px;
+							}
+						}
+						&.open{
+							& > a{
+								&:after{
+									content: '\f107' !important;
+								}
+							}							
+						}
+					}
+					ul{
+						@include box-shadow(none);
+						position: relative;
+						width: 100%;
+						li{
+							ul{
+								position: relative;
+								left: 0;
+								li{
+									a{
+										padding: 10px 35px 10px 30px;
+									}
+									ul{
+										li{
+											a{
+												padding: 10px 35px 10px 45px;
+											}
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+				& > li{
+					& > a{
+						@include box-shadow(inset 0px 1px 0px shade($theme-main-nav-base-color, 20%));
+						border:{
+							top: none;
+							left: 2px solid transparent;
+						}
+						margin: 0;
+						padding: 10px 35px 10px 13px;
+					}
+					&.active{
+						& > a{
+							border-left-color: $body-bg;
+						}
+					}
+					&.has-children{
+						& > a{
+							&:after{
+								content: '\f105';
+								font-size: 13px;
+							}
+						}
+					}					
+					&.language{
+						float: none;
+						& > a{
+							padding: 10px 35px 10px 28px;
+							&:before{
+								height: 40px;
+								line-height: 40px;
+							}
+							&:after{
+								content: '\f105';
+								font-size: 13px;
+							}
+						}
+					}
+					ul{
+						li{
+							background: shade($theme-main-nav-base-color, 10%);
+							&:hover, &:focus{
+								background: shade($theme-main-nav-base-color, 10%);
+							}
+							a{
+								@include box-shadow(inset 0px 1px 0px shade($theme-main-nav-base-color, 20%));
+							}
+						}
+					}					
+				}
+			}
+		}
+	}
+}

data/stylesheets/_iasd-mixins.scss

@@ -0,0 +1,54 @@
+@mixin image-2x($image) {
+	@media (min--moz-device-pixel-ratio: 1.3),
+	(-o-min-device-pixel-ratio: 2.6/2),
+	(-webkit-min-device-pixel-ratio: 1.3),
+	(min-device-pixel-ratio: 1.3),
+	(min-resolution: 1.3dppx) {
+		background-image: image-url($image);
+	}
+}
+
+@mixin image-gradient {
+	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
+	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
+	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); /* Opera 12+ */
+	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); /* IE10+ */
+	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#66000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+}
+
+@mixin image-gradient-hover {
+	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
+	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
+	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%); /* Opera 12+ */
+	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%); /* IE10+ */
+	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+}
+
+@mixin input-placeholder {
+	&.placeholder { @content; }
+	&:-moz-placeholder { @content; }
+	&::-moz-placeholder { @content; }
+	&:-ms-input-placeholder { @content; }
+	&::-webkit-input-placeholder { @content; } 
+}
+
+@mixin main-title {
+	@include box-shadow(0 4px 0 lighten($border-base, 7%));
+	border-bottom: 1px solid $border-base;
+    color: $theme-alt-color;
+    display: inline-block;
+    font-family: $alt-font-family-sans-serif;
+    font-size: 25px !important;
+    font-weight: 300 !important;
+    line-height: 35px !important;
+    text-transform: uppercase;
+	width: 100%;
+}