flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r848524 [4/10] - in /websites/staging/flex/trunk: cgi-bin/ content/ content/again/ content/css/ content/images/ content/img/ content/js/ content/v2/ content/v2/css/
Date Wed, 30 Jan 2013 04:07:11 GMT
Added: websites/staging/flex/trunk/content/css/fancybox.css
==============================================================================
--- websites/staging/flex/trunk/content/css/fancybox.css (added)
+++ websites/staging/flex/trunk/content/css/fancybox.css Wed Jan 30 04:07:10 2013
@@ -0,0 +1,343 @@
+/* =================================================================== */
+/* FancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license
+====================================================================== */
+
+.fancybox-wrap,
+.fancybox-skin,
+.fancybox-outer,
+.fancybox-inner,
+.fancybox-image,
+.fancybox-wrap iframe,
+.fancybox-wrap object,
+.fancybox-nav,
+.fancybox-nav span,
+.fancybox-tmp
+{
+	padding: 0;
+	margin: 0;
+	border: 0;
+	outline: none;
+	vertical-align: top;
+}
+
+.fancybox-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 98020;
+}
+
+.fancybox-skin {
+	position: relative;
+	background: #fff;
+	color: #666;
+	text-shadow: none;
+	-webkit-border-radius: 4px;
+	   -moz-border-radius: 4px;
+			border-radius: 4px;
+}
+
+.fancybox-opened {
+	z-index: 98030;
+}
+
+.fancybox-outer, .fancybox-inner {
+	position: relative;
+}
+
+.fancybox-inner {
+	overflow: hidden;
+}
+
+.fancybox-type-iframe .fancybox-inner {
+	-webkit-overflow-scrolling: touch;
+}
+
+.fancybox-error {
+	color: #444;
+	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	margin: 0;
+	padding: 15px;
+	white-space: nowrap;
+}
+
+.fancybox-image, .fancybox-iframe {
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+
+.fancybox-image {
+	max-width: 100%;
+	max-height: 100%;
+}
+
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+	background-image: url('../images/fancybox_sprite.png');
+}
+
+#fancybox-loading {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-top: -22px;
+	margin-left: -22px;
+	background-position: 0 -108px;
+	opacity: 0.8;
+	cursor: pointer;
+	z-index: 98060;
+}
+
+#fancybox-loading div {
+	width: 44px;
+	height: 44px;
+	background: url('../images/fancybox_loading.gif') center center no-repeat;
+}
+
+.fancybox-close {
+	position: absolute;
+	top: -18px;
+	right: -18px;
+	width: 36px;
+	height: 36px;
+	cursor: pointer;
+	z-index: 98040;
+}
+
+.fancybox-nav {
+	position: absolute;
+	top: 0;
+	width: 40%;
+	height: 100%;
+	cursor: pointer;
+	text-decoration: none;
+	background: transparent url('../images/blank.html'); /* helps IE */
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	z-index: 98040;
+}
+
+.fancybox-prev {
+	left: 0;
+}
+
+.fancybox-next {
+	right: 0;
+}
+
+.fancybox-nav span {
+	position: absolute;
+	top: 50%;
+	width: 36px;
+	height: 34px;
+	margin-top: -18px;
+	cursor: pointer;
+	z-index: 98040;
+	visibility: hidden;
+}
+
+.fancybox-prev span {
+	left: 10px;
+	background-position: 0 -36px;
+}
+
+.fancybox-next span {
+	right: 10px;
+	background-position: 0 -72px;
+}
+
+.fancybox-nav:hover span {
+	visibility: visible;
+}
+
+.fancybox-tmp {
+	position: absolute;
+	top: -9999px;
+	left: -9999px;
+	visibility: hidden;
+}
+
+/* Overlay helper */
+
+.fancybox-lock {
+	overflow: hidden;
+}
+
+.fancybox-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	overflow: hidden;
+	display: none;
+	z-index: 98010;
+	background: rgba(0,0,0,0.8) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000,endColorstr=#9F000000);
+	zoom: 1;
+}
+
+.fancybox-overlay-fixed {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+}
+
+.fancybox-lock .fancybox-overlay {
+	overflow: auto;
+	overflow-y: scroll;
+}
+
+/* Title helper */
+
+.fancybox-title {
+	visibility: hidden;
+	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	position: relative;
+	text-shadow: none;
+	z-index: 98050;
+}
+
+.fancybox-opened .fancybox-title {
+	visibility: visible;
+	color: #666;
+}
+
+.fancybox-title-float-wrap {
+	position: absolute;
+	bottom: 0;
+	right: 50%;
+	margin-bottom: -35px;
+	z-index: 98050;
+	text-align: center;
+}
+
+.fancybox-title-float-wrap .child {
+	display: inline-block;
+	margin-right: -100%;
+	padding: 2px 20px;
+	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
+	background: rgba(0, 0, 0, 0.8);
+	-webkit-border-radius: 15px;
+	   -moz-border-radius: 15px;
+			border-radius: 15px;
+	text-shadow: 0 1px 2px #222;
+	color: #FFF;
+	font-weight: bold;
+	line-height: 24px;
+	white-space: nowrap;
+}
+
+.fancybox-title-outside-wrap {
+	position: relative;
+	margin-top: 10px;
+	color: #fff;
+}
+
+.fancybox-title-inside-wrap {
+	padding-top: 10px;
+}
+
+.fancybox-title-over-wrap {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	color: #fff;
+	padding: 10px;
+	background: #000;
+	background: rgba(0, 0, 0, .8);
+}
+
+#fancybox-buttons {
+	position: fixed;
+	left: 0;
+	width: 100%;
+	z-index: 98050;
+}
+
+#fancybox-buttons.top {
+	top: 10px;
+}
+
+#fancybox-buttons.bottom {
+	bottom: 10px;
+}
+
+#fancybox-buttons ul {
+	display: block;
+	width: 166px;
+	height: 30px;
+	margin: 0 auto;
+	padding: 0;
+	list-style: none;
+	border: 1px solid #111;
+	border-radius: 3px;
+	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+			box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
+	background: rgb(50,50,50);
+	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
+	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
+}
+
+#fancybox-buttons ul li {
+	float: left;
+	margin: 0;
+	padding: 0;
+}
+
+#fancybox-buttons a {
+	display: block;
+	width: 30px;
+	height: 30px;
+	text-indent: -9999px;
+	background-image: url('../images/fancybox_buttons.png');
+	background-repeat: no-repeat;
+	outline: none;
+	opacity: 0.8;
+}
+
+#fancybox-buttons a:hover {
+	opacity: 1;
+}
+
+#fancybox-buttons a.btnPrev {
+	background-position: 5px 0;
+}
+
+#fancybox-buttons a.btnNext {
+	background-position: -33px 0;
+	border-right: 1px solid #3e3e3e;
+}
+
+#fancybox-buttons a.btnPlay {
+	background-position: 0 -30px;
+}
+
+#fancybox-buttons a.btnPlayOn {
+	background-position: -30px -30px;
+}
+
+#fancybox-buttons a.btnToggle {
+	background-position: 3px -60px;
+	border-left: 1px solid #111;
+	border-right: 1px solid #3e3e3e;
+	width: 35px
+}
+
+#fancybox-buttons a.btnToggleOn {
+	background-position: -27px -60px;
+}
+
+#fancybox-buttons a.btnClose {
+	border-left: 1px solid #111;
+	width: 35px;
+	background-position: -56px 0px;
+}
+
+#fancybox-buttons a.btnDisabled {
+	opacity : 0.4;
+	cursor: default;
+}

Added: websites/staging/flex/trunk/content/css/fixed-width.css
==============================================================================
--- websites/staging/flex/trunk/content/css/fixed-width.css (added)
+++ websites/staging/flex/trunk/content/css/fixed-width.css Wed Jan 30 04:07:10 2013
@@ -0,0 +1,86 @@
+/*Reset Rules
+ 
+        
+ #Lists
+================================================== 
+
+*/	ul, ol { margin: 0 !important; }
+	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
+	ul.square { list-style: square outside; }
+	ul.circle { list-style: circle outside; }
+	ul.disc { list-style: disc outside; }
+	ul ul, ul ol,
+	ol ol, ol ul { margin-left: 1em; }
+	ul ul li, ul ol li,
+	ol ol li, ol ul li { margin-left: 2em; }
+	li { line-height: 18px; }
+	ul.large li { line-height: 21px; }
+	li p { line-height: 21px; }
+    ul {list-style: circle; }
+    ol {list-style: decimal; }/*
+
+Reset Rules End*/
+
+
+/* =================================================================== */
+/* Fixed Width
+====================================================================== */
+
+body {
+    background: url(../images/bg/dark_wall.png);
+    font-size: 12px;
+    font-family: 'Carrois Gothic', sans-serif !important;
+    color: #666;
+    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+    -webkit-text-size-adjust: 100%;
+    overflow-x: hidden;
+}
+
+#wrapper {
+    background: #fff;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding: 20px 35px 35px 35px;
+    width: 960px ;
+    margin: 50px auto 0px auto;
+}
+
+#footer {
+    background: #333;
+    padding: 15px 35px 0px 35px;
+    width: 960px;
+
+    margin: 0 auto;
+}
+
+.thumbnail{border: none !important;}
+
+h3, h2 ,h1 ,h4{
+
+    font-weight: normal !important;
+
+}
+
+/* Smaller than standard 1029 (devices and browsers)
+====================================================================== */
+@media only screen and (max-width: 1029px) {
+
+
+
+}
+
+/* Tablet Portrait (devices and browsers)
+====================================================================== */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+
+
+}
+
+/* All Mobile Sizes (devices and browser)
+====================================================================== */
+@media only screen and (max-width: 767px) {
+
+.nav-shadow {
+
+bottom: -12px !important;}
+}

Added: websites/staging/flex/trunk/content/css/style.css
==============================================================================
--- websites/staging/flex/trunk/content/css/style.css (added)
+++ websites/staging/flex/trunk/content/css/style.css Wed Jan 30 04:07:10 2013
@@ -0,0 +1,1375 @@
+/* ---------------------------------= */
+/* Import 
+----------------------------------- */
+
+@import url("fancybox.css");			/* FancyBox Styles */ 
+
+
+/* ---------------------------------= */
+/* Header
+----------------------------------- */
+#header {min-height: 60px;}
+
+/* Logo / Tagline
+------------------*/
+#logo {
+    margin-top: 22px;
+}
+
+#logo a img{float: left;}
+
+
+/* Top Right 
+---------------------------------------------------------------*/
+#contact-top {
+	float: right;
+	display: block;
+    background-position: 0 -38px;
+	opacity: .5;
+    filter: alpha(opacity = 50);
+}
+
+#contact-top a:hover {
+	opacity: 1;
+    filter: alpha(opacity = 100);
+}
+
+
+/* Main Navigation
+---------------------------------------------------------------*/
+.selectnav {
+    display: none;
+    cursor: pointer;
+    width: 100%;
+    padding: 8px;
+    height: 37px;
+    float: left;
+    font-size: 14px;
+    margin: 15px 0;
+}
+
+#navigation {
+    background: #333;
+    display: block;
+    width: 100%;
+    float: left;
+    max-height: 62px;
+    margin: 0 0 25px 0;
+    position: relative;
+}
+
+#navigation ul,
+#navigation li {
+    list-style:none;
+    padding:0;
+    margin:0;
+    display:inline;
+}
+#navigation ul li{
+    float:left;
+    position:relative;
+    background: url(../images/nav-divider.png)  repeat-y right;
+    line-height: 30px;
+}
+
+#navigation ul li a { 
+    font-family: 'Carrois Gothic', sans-serif;
+    display: inline-block;
+    color: #fff;
+    text-decoration: none;
+    font-size: 14px;
+    padding: 15px 25px;
+    text-transform: uppercase;
+
+}
+
+#navigation ul li a:hover {
+    background: #000;
+    color: #fff;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+#navigation ul li a.active  {
+    background: #222;
+    color: #fff;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+
+#navigation ul li a.download  {
+    background: #fa5b0f;
+    color: #fff;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+#navigation ul li a.download:hover {
+	color: #fff;
+	-webkit-transition: all 0.1s ease-in-out;
+	-moz-transition: all 0.1s ease-in-out;
+	-o-transition: all 0.1s ease-in-out;
+	-ms-transition: all 0.1s ease-in-out;
+	transition: all 0.1s ease-in-out;
+	background-color: #FB8146;
+}
+
+#navigation ul ul {
+    position: absolute;
+    display: none;
+    top: 51px;
+    left: 0;
+    background: #303030;
+    z-index: 999;
+}
+#navigation ul ul li{line-height: 20px;}
+#navigation ul ul li a {color: #f2f2f2;}
+#navigation ul ul li a:hover {
+    color: #fff;
+}
+
+#navigation ul ul li a {
+    display: block;
+    width: 150px;
+    margin: 0;
+    padding: 9px 18px;
+    font-weight: normal;
+    font-size: 12px;
+    border-bottom: 1px solid #404040;
+    background: none;
+}
+
+#navigation ul ul ul { 
+    position: absolute; 
+    top:0px; 
+    left:100%; 
+    z-index: 999;
+}
+
+#navigation ul ul ul li a { 
+    border-bottom: 1px solid #404040 !important;
+    border-top: 1px solid transparent;
+    background: none;
+}
+
+#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
+#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
+#navigation ul li:hover>ul {opacity: 1; position:absolute; top:99%; left:0;}
+#navigation ul ul li:hover>ul {position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
+#navigation ul li:hover > a {background: #000;}
+#navigation ul ul li:hover > a {color: #fff;}
+
+/* Menu Shadow */
+.nav-shadow {
+    width: 100%;
+    height: 27px;
+    background: url(../images/nav-shadow.png) no-repeat center top;
+    background-size: 100% 100%;
+    position: absolute;
+    bottom: -2px;
+}
+
+/* ---------------------------------= */
+/* Flexslider
+----------------------------------- */
+
+/* Browser Resets
+------------------*/
+.flex-container a:active,
+.flexslider a:active,
+.flex-container a:focus,
+.flexslider a:focus  {outline: none;}
+.slides,
+.flex-control-nav,
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
+
+
+/* Necessary Styles
+------------------*/
+.flexslider {margin: 0; padding: 0;}
+
+/* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
+.flexslider .slides img {width: 100%; display: block;}
+.flex-pauseplay span {text-transform: capitalize;}
+
+/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
+.flexslider {position: relative;  zoom: 1; z-index: 50;}
+
+/* Clearfix for the .slides element */
+.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
+html[xmlns] .slides {display: block;} 
+* html .slides {height: 1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script, such as Modernizr, make sure you
+ * include js that eliminates this class on page load */
+.no-js .slides > li:first-child {display: block;}
+
+
+/* Default Styles
+------------------*/
+.flexslider {
+    background: #fff;
+    zoom: 1;
+}
+
+.ie7 .flexslider {margin-bottom: -30px;}
+
+.flex-viewport {max-height: 2000px;}
+.loading .flex-viewport {max-height: 300px;}
+.flexslider .slides {zoom: 1;}
+
+
+/* Direction Nav
+------------------*/
+
+.flex-direction-nav a {
+    width: 80px;
+    height: 80px;
+    display: block;
+    background-color: #000;
+    bottom: 45%;
+    right: 1%;
+    float: none;
+    position: absolute;
+    cursor: pointer;
+    text-indent: -9999px;
+    background-color: #222;
+    background: rgba(0, 0, 0, 0.65);
+    *bottom: 50px;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+    opacity: .5;
+}
+
+.flex-direction-nav .flex-next {
+    background: url(../images/ctrl-buttons.png) no-repeat -80px 0;
+}
+
+.flex-direction-nav .flex-prev {
+    background: url(../images/ctrl-buttons.png) no-repeat 0 0;
+    left: 1%;
+}
+
+.flex-direction-nav .flex-prev:hover,
+.flex-direction-nav .flex-next:hover {
+
+    opacity: 1;
+}
+
+.subpage .flex-direction-nav a {bottom: 0px; right: 0px; *bottom: 30px;}
+
+
+/* Control Nav
+------------------*/
+.flex-control-nav {
+    width: 100%;
+    position: absolute;
+    bottom: -30px;
+    text-align: center;
+}
+
+.flex-control-nav li {
+    margin: 0 3px 0 0;
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+}
+
+.flex-control-paging li a {
+    width: 14px;
+    height: 14px;
+    display: block;
+    background: #c8c8c8;
+    cursor: pointer;
+    text-indent: -9999px;
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    -o-border-radius: 20px;
+    border-radius: 20px;
+}
+
+.flex-control-paging li a:hover,
+.flex-control-paging li a.flex-active {
+    background: #505050;
+}
+
+.flex-control-paging li a.flex-active {
+    cursor: default;
+}
+
+
+/* Caption
+------------------*/
+.slide-caption {
+
+    padding: 10px;
+    position: absolute;
+    display: block;
+    width: 30%;
+    bottom: 1px;
+    right:1px;
+    background-color: #fff;
+}
+
+.slide-caption.n {background-color: #222; background: rgba(0, 0, 0, 0.6);}
+
+.slide-caption h3 {
+    color: #999;
+    font-size: 16px;
+    padding-bottom: 10px;
+    margin:0;
+    line-height: 22px;
+}
+
+.slide-caption p {
+    margin:0;
+    line-height: 19px;
+    color: #bbb;
+}
+
+/* ---------------------------------= */
+/* Miscellaneous Styles
+----------------------------------- */
+.ie-dropdown-fix { position: relative; z-index: 55;}
+
+/* Staff Page / About Us
+------------------*/
+.staff {
+    padding: 15px 0;
+    border-bottom: 1px solid #e9e9e9;
+    margin-bottom: 15px;
+
+}
+
+.staff h5 {
+    line-height: 18px;
+}
+
+.staff span {
+    display: block;
+    font-size: 12px;
+    font-weight: normal;
+    color: #888;
+}
+
+.team-about p {
+    padding: 0 0 15px 0;
+    border-bottom: 1px solid #e9e9e9;
+    margin-bottom: 15px;
+}
+
+/* Images Overlay
+------------------*/
+.picture {position: relative;}
+.picture img {width: 100%; height: auto;}
+
+.image-overlay-link,
+.image-overlay-zoom {
+    height: 100%;
+    width: 100%;
+    left: 0;
+    top: 0;
+    position: absolute;
+    z-index: 40;
+    display: none;
+    background-color: #d9d9d9;
+    background: rgba(277, 277, 277, 0.7);
+    background-repeat: no-repeat;
+    background-position: 50%;
+    cursor: pointer;
+}
+
+.image-overlay-link {
+    background-image: url(../images/overlay-icon-01.png);
+}
+
+.image-overlay-zoom {
+    background-image: url(../images/overlay-icon-02.png);
+}
+
+/* Headline
+------------------*/
+.headline {
+    background: url(../images/headline-bg.png) 0 100% repeat-x;
+    display: block;
+    margin: 30px 0 8px 0;
+}
+
+
+
+.headline h3, .headline h4 {
+    border-bottom: 1px solid #999;
+    display: inline;
+    padding: 0 10px 0 0;
+}
+
+/* Margins */
+
+.no-margin {margin-top: 0;}
+.low-margin {margin-top: 15px;}
+.margintop {margin-top: 20px !important;}
+.marginbottom {margin-bottom: 20px !important;}
+.paddingbottom{padding-bottom:30px !important;}
+
+/* Page Title
+------------------*/
+#page-title {
+    border-bottom: 1px solid #e9e9e9;
+    display: block;
+    margin: 10px 0 10px 0;
+}
+
+#page-title h2 {
+    font-weight: normal;
+    border-bottom: 2px solid #333;
+    display: inline;
+}
+
+#page-title span {
+    color: #aaa;
+}
+
+
+
+/* Client Logo List
+------------------*/
+.client-list{
+
+    list-style: none;
+}
+.client-list li {
+    border: 1px solid #e5e5e5;
+    float: left;
+    margin: -1px 0 0 -1px;
+}
+
+
+/* ---------------------------------= */
+/* Portfolio
+----------------------------------- */
+.portfolio-item {
+    margin: 5px 0 25px 0;
+}
+
+/* Thumbnails
+------------------*/
+.item-description {margin-bottom: 30px;}
+.item-description.alt {margin-bottom:0;}
+.item-description.related {margin-bottom:0;}
+
+.item-description h5 {
+    font-size: 12px;
+    font-family: Arial, sans-serif;
+    font-weight: bold;
+    line-height: 16px;
+    padding: 12px 0 8px 0;
+    margin: 0 0 8px 0;
+    border-bottom: 1px solid #e9e9e9;
+    letter-spacing: 0;
+}
+
+.item-description h5 span {
+    display: block;
+    color: #888;
+    font-weight: normal;
+    margin-top: 3px;
+}
+
+.item-description a {color:#404040;}
+.item-description a:hover {color:#666;}
+.item-description p {color: #666; margin-bottom: 0;}
+
+
+/* Filters
+------------------*/
+#filters {
+   
+    
+       display: block;
+    
+}
+
+#filters ul li {
+    display: inline;
+}
+
+#filters a {
+    padding: 5px 10px;
+    border: 1px solid #ddd;
+    display: inline-block;
+    color: #888;
+    background-color: #fff;
+    margin: 0 5px 10px 0;
+    -webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
+    box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+
+#filters a:hover,
+.selected {
+    background-color: #f2f2f2 !important;
+    border: 1px solid #999 !important;
+    color: #555 !important;
+}
+
+
+/* Isotope Filtering
+------------------*/
+
+.isotope-item {
+    z-index: 2;
+}
+
+.isotope-hidden.isotope-item {
+    pointer-events: none;
+    z-index: 1;
+}
+
+/**** Isotope CSS3 transitions ****/
+
+.isotope,
+.isotope .isotope-item {
+    -webkit-transition-duration: 0.8s;
+    -moz-transition-duration: 0.8s;
+    -ms-transition-duration: 0.8s;
+    -o-transition-duration: 0.8s;
+    transition-duration: 0.8s;
+}
+
+.isotope {
+    -webkit-transition-property: height, width;
+    -moz-transition-property: height, width;
+    -ms-transition-property: height, width;
+    -o-transition-property: height, width;
+    transition-property: height, width;
+}
+
+.isotope .isotope-item {
+    -webkit-transition-property: -webkit-transform, opacity;
+    -moz-transition-property:    -moz-transform, opacity;
+    -ms-transition-property:     -ms-transform, opacity;
+    -o-transition-property:         top, left, opacity;
+    transition-property:         transform, opacity;
+}
+
+/**** Disabling Isotope CSS3 transitions ****/
+
+.isotope.no-transition,
+.isotope.no-transition .isotope-item,
+.isotope .isotope-item.no-transition {
+    -webkit-transition-duration: 0s;
+    -moz-transition-duration: 0s;
+    -ms-transition-duration: 0s;
+    -o-transition-duration: 0s;
+    transition-duration: 0s;
+}
+
+
+/* Disable CSS transitions for containers with infinite scrolling*/
+.isotope.infinite-scrolling {
+    -webkit-transition: none;
+    -moz-transition: none;
+    -ms-transition: none;
+    -o-transition: none;
+    transition: none;
+}
+
+
+
+
+/* ---------------------------------= */
+/* Footer
+----------------------------------- */
+#footer, #footer p, #footer a{color: #aaa}
+#footer a:hover {color: #fff;}
+#footer p{font-size: 12px;}
+.footer-headline {
+    background: url(../images/headline-footer-bg.png) 0 100% repeat-x;
+    display: block;
+    margin: 15px 0 8px 0;
+}
+
+
+.footer-headline h4 {
+    border-bottom: 1px solid #fff;
+    display: inline;
+    padding: 0 10px 0 0;
+    color: #fff;
+    font-size: 15px;
+}
+
+
+/* Photo Stream
+------------------*/
+.flickr-widget {margin-right: -12px; margin-top: 15px;}
+.flickr-widget img {display: block; width: 100%;}
+.flickr-widget a:hover {border-color: #505050;}
+
+.flickr-widget a {
+    float: left;
+    width: 58px;
+    height: 58px;
+    margin-right: 11px;
+    margin-bottom: 11px;
+    border: 4px solid #404040;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+
+.ie7 .flickr-widget a {width: 54px; height: 54px;}
+
+/* Footer - Twitter Widget
+------------------*/
+#twitter {
+  
+    float: left;
+    display: block;
+    list-style: none;
+    margin: 0px;
+}
+
+#twitter b a, #twitter b a:hover {color: #707070}
+#twitter li {line-height: 18px; margin: 2px 0 12px 0;
+             background: url(../images/tweet.png) no-repeat left top;
+             padding-left: 25px;
+             background-position-y: 4px;
+             }
+#twitter li:last-child {padding: 0; margin: 0;background: url(../images/tweet.png) no-repeat left top;
+                        padding-left: 25px;
+                        background-position-y: 4px;
+                        }
+#twitter a {color: #fff;}
+#twitter a:hover {color: #d4d4d4;}
+
+/* Footer Bottom
+------------------*/
+#footer-bottom {
+
+    position: relative;
+}
+
+
+#footer-bottom a {color: #fff}
+#footer-bottom a:hover {color: #d4d4d4;}
+
+
+/* Back To Top
+------------------*/
+#scroll-top-top {
+    position: absolute;
+    right: 0;
+    bottom: 35px;
+}
+
+#scroll-top-top a {
+    width: 35px;
+    height: 35px;
+    display: block;
+    background-color: #111;
+    background-image: url(../images/scroll-top-top.png);
+    background-repeat: no-repeat;
+    background-position: 50%;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+
+#scroll-top-top a:hover {background-color: #333;}
+
+
+/* ---------------------------------= */
+/* Contact
+----------------------------------- */
+
+/* Google Map
+------------------*/
+#google-map {
+    position: relative;
+    padding: 0px;
+    padding-bottom: 110%;
+    height: 0;
+    overflow: hidden;
+}
+
+/* Posts
+------------------*/
+.post {
+    border-bottom: 1px solid #e9e9e9;
+    padding: 0 0 15px 0;
+    margin: 5px 0 25px 0;
+}
+
+.post.post-page { margin-bottom: 0;}
+
+
+
+/* Post Meta */
+.post-meta {
+    color: #888;
+    margin: 2px 0 15px 0;
+    font-size: 14px;
+}
+
+.post-meta a {
+    color: #888;
+    text-decoration: none;
+}
+
+.post-meta a:hover {
+    color: #666;
+}
+
+.post-meta i {
+    opacity: 0.35;
+    filter: alpha(opacity = 35);
+    margin-right: 5px;
+    zoom: 1;
+}
+
+.post-meta span {
+    margin-right: 10px;
+}
+
+/* Entry */
+a.post-entry {
+    color: #222;
+    margin: 3px 0 9px 0;
+    display: inline-block;
+    padding: 0 12px 0 0;
+    background: url(../images/blog-post-entry-02.png) no-repeat right;
+    background-position: 100% 50%;
+}
+
+a.post-entry:hover {
+    color: #888; 
+    background: url(../images/blog-post-entry-02.png) no-repeat right;
+    background-position: 100% 50%;
+}
+
+
+
+
+/* Widgets
+------------------*/
+.widget {margin-top: 25px;}
+.first.widget {margin-top: -5px;}
+.first.widget {margin-top: -5px;}
+
+/* Twitter */
+#twitter-blog li {
+    line-height: 18px;
+margin: 2px 0 12px 0;
+background: url(../images/tweet.png) no-repeat left top;
+padding-left: 25px;
+background-position-y: 4px;
+}
+
+#twitter-blog li:last-child {margin-bottom: 0;}
+
+#twitter-blog b a {
+    color: #888;
+    font-weight: normal;
+}
+
+/* Flickr */
+.flickr-widget-blog {margin-right: -15px;}
+.flickr-widget-blog img {display: block; width: 100%;}
+
+.flickr-widget-blog a {
+    float: left;
+    width: 57px;
+    height: 57px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #ddd;
+    padding: 4px;
+    -webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
+    box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
+}
+
+.ie7 .flickr-widget-blog a {width: 53px; height: 53px;}
+
+
+/* ---------------------------------= */
+/* Pricing Tables
+----------------------------------- */
+
+
+.pricing-table {
+    /*float: left;*/
+   
+}
+
+.pricing-table h3 {
+    font-size: 16px;
+    text-align: center;
+    color: #fff;
+    padding: 6px 0;
+    margin: 0;
+}
+
+.pricing-table li {
+    color: #888;
+    background: #fdfdfd;
+    text-align: center;
+    padding: 11px 0;
+    border-bottom: 1px solid #fff;
+}
+
+.pricing-table li:nth-child(2n) {
+    background: #f4f4f4;
+}
+
+.pricing-table h4 {
+    padding:0 0 10px
+}
+
+a.sign-up {
+    text-decoration:none;
+    text-align: center;
+    display: block;
+    color: #fff !important;
+    padding: 12px 0;
+    font-weight: bold;
+    font-size: 14px;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    -ms-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+
+a.sign-up:hover {
+    opacity: 0.9;
+    filter: alpha(opacity=90);
+}
+
+/* Table
+------------------*/
+.pricing-table h3,
+.pricing-table h4 {
+    color: #fff;
+    margin: 0;
+}
+
+.pricing-table h4 {
+    padding: 15px 0;
+}
+
+.price,
+.time {
+    display: block;
+    text-align: center;
+    line-height: 24px;
+}
+
+.price {
+    font-size: 24px;
+    font-weight: normal;
+}
+
+.time {
+    font-size: 12px;
+    font-weight: normal;
+}
+
+/* Color Schemes
+------------------*/
+
+/* Color - 1 */
+.pricing-table .color-1 h3, .color-1 .sign-up {background-color: #808080; border-bottom: 1px solid #4d4d4d;}
+.pricing-table .color-1 h4 {background-color: #909090;border-top:1px solid #B8B8B8;}
+
+/* Color - 2 */
+.pricing-table .color-2 h3, .color-2 .sign-up {background-color: #404040;border-bottom: 1px solid #303030;}
+.pricing-table .color-2 h4 {background-color: #4c4c4c;border-top:1px solid #5a5a5a;}
+
+/* Color - 3 */
+.pricing-table .color-3 h3, .color-3 .sign-up {background-color: #111;border-bottom: 1px solid #424242;}
+.pricing-table .color-3 h4 {background-color: #333;border-top:1px solid #111;}
+
+/* Social Icons
+------------------*/
+
+/* Header Icons */
+.social-icons {
+    margin: 0;
+    float: right;
+}
+
+
+.social-icons li {
+    display: inline;
+    list-style: none;
+    text-indent: -9999px;
+    margin-left: 5px;
+    background-position: 0 -38px;
+    float: left;
+    opacity: 0.2;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+    border-radius:20px;
+    -moz-border-radius:20px;
+    -webkit-border-radius:20px;
+}
+
+.social-icons li a {
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    display: block;
+    height: 28px;
+    width: 28px;
+}
+
+.social-icons li:hover {opacity: 1;}
+
+/* Social Widget Icons */
+#social a {
+    width: 28px;
+    height: 28px;
+    margin: 0 6px 6px 0;
+    display: block;
+    float: left;
+    text-indent: -9999px;
+    background-position: 0 -38px;
+}
+
+#social a img{
+    border: none;
+}
+
+/* Icon List */
+.amazon {background: url(../images/icons/social/amazon.png) no-repeat;}
+.behance {background: url(../images/icons/social/behance.png) no-repeat;}
+.blogger {background: url(../images/icons/social/blogger.png) no-repeat;}
+.deviantart{background: url(../images/icons/social/deviantart.png) no-repeat;}
+.dribbble {background: url(../images/icons/social/dribbble.png) no-repeat;}
+.dropbox {background: url(../images/icons/social/dropbox.png) no-repeat;}
+.evernote {background: url(../images/icons/social/evernote.png) no-repeat;}
+.facebook {background: url(../images/icons/social/facebook.png) no-repeat;}
+.forrst {background: url(../images/icons/social/forrst.png) no-repeat;}
+.github {background: url(../images/icons/social/github.png) no-repeat;}
+.googleplus {background: url(../images/icons/social/googleplus.png) no-repeat;}
+.jolicloud {background: url(../images/icons/social/jolicloud.png) no-repeat;}
+.last-fm {background: url(../images/icons/social/last-fm.png) no-repeat;}
+.linkedin {background: url(../images/icons/social/linkedin.png) no-repeat;}
+.picasa {background: url(../images/icons/social/picasa.png) no-repeat;}
+.pintrest {background: url(../images/icons/social/pintrest.png) no-repeat;}
+.rss {background: url(../images/icons/social/rss.png) no-repeat;}
+.skype {background: url(../images/icons/social/skype.png) no-repeat;}
+.spotify {background: url(../images/icons/social/spotify.png) no-repeat;}
+.stumbleupon {background: url(../images/icons/social/stumbleupon.png) no-repeat;}
+.tumblr {background: url(../images/icons/social/tumblr.png) no-repeat;}
+.twitter {background: url(../images/icons/social/twitter.png) no-repeat;}
+.vimeo {background: url(../images/icons/social/vimeo.png) no-repeat;}
+.wordpress {background: url(../images/icons/social/wordpress.png) no-repeat;}
+.xing {background: url(../images/icons/social/xing.png) no-repeat;}
+.yahoo {background: url(../images/icons/social/yahoo.png) no-repeat;}
+.youtube {background: url(../images/icons/social/youtube.png) no-repeat;}
+
+/* List Styles
+------------------*/
+.check_list,
+.plus_list ,
+.minus_list ,
+.star_list ,
+.arrow_list ,
+.square_list ,
+.circle_list ,
+.cross_list  {
+    margin-left: 0px !important;
+    vertical-align: text-top;
+}
+
+.check_list li,
+.plus_list li,
+.minus_list li,
+.star_list li,
+.arrow_list li,
+.square_list li,
+.circle_list li,
+.cross_list li {
+    list-style: none;
+    margin: 5px 0;
+    vertical-align: text-top;
+}
+
+.check_list li {background: url(../images/icons/list/list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
+.plus_list  li {background: url(../images/icons/list/list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
+.minus_list  li {background: url(../images/icons/list/list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
+.star_list  li {background: url(../images/icons/list/list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
+.arrow_list  li {background: url(../images/icons/list/list_arrow.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
+.square_list  li {background: url(../images/icons/list/list_square.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
+.circle_list  li {background: url(../images/icons/list/list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
+.cross_list  li {background: url(../images/icons/list/list_cross.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
+
+
+/* ---------------------------------= */
+/* Media Queries
+----------------------------------- */
+
+/* Higher than 960 (desktop devices)
+----------------------------------- */
+@media only screen and (min-width: 960px) {
+
+    .flexslider.home {
+        min-height: 400px;
+    }
+
+}
+
+
+/* All Mobile Sizes (devices and browser)
+----------------------------------- */
+@media only screen and (max-width: 767px) {
+
+    #footer {
+        width: 100%;
+        margin: 0 auto;
+    }
+
+    #wrapper {
+        width: 100%;
+    }
+
+
+    #navigation {
+        float: none;
+    }
+
+    .js .selectnav {
+        display: block;
+    }
+
+    .js #nav,
+    .slide-caption,
+    .search-form,
+    #tagline,
+    .social-icons,
+    .widget,
+    .widget-alt,
+    #navigation ul li a {
+        display: none;
+    }
+
+    .social-icons.about {
+        display: block;
+        margin-bottom: 30px;
+    }
+
+    #contact-top {
+	text-align: center;
+	float: right;
+    }
+
+    #scroll-top-top {
+        display: none;
+    }
+
+    .icon-box i {
+        margin-left: -10px !important;
+    }
+
+    .post-meta {
+        display: none;
+    }
+
+    .post-title h2 {
+        line-height: 26px;
+        margin-bottom: 15px;
+    }
+
+    .post-icon {
+        margin-top: 28px;
+    }
+
+    #filters,
+    #portfolio-navi {
+        position: relative;
+        text-align: left;
+        display: block;
+        margin: 0 0 23px 0;
+    }
+
+    #portfolio-navi {
+        margin: -5px 0 25px 0;
+    }
+
+    .portfolio-item {
+        margin: 5px 0 25px 0 !important;
+    }
+
+    .item-description.related {
+        margin-bottom: 30px;
+    }
+	
+	 .flexslider.home {
+        display: none;
+    }
+	
+	.picture img {
+		max-width: 250px;
+		height: auto;
+	}
+	
+}
+
+
+/* NEW */
+/* #Clearing
+------------------------- */
+
+/* Self Clearing Goodness */
+.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+/* Use clearfix class on parent to clear nested columns,
+or wrap each row of columns in a <div class="row"> */
+.clearfix:before,
+.clearfix:after,
+.row:before,
+.row:after {
+    content: '\0020';
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0; }
+.row:after,
+.clearfix:after {
+    clear: both; }
+.row,
+.clearfix {
+    zoom: 1; }
+
+/* You can also use a <br class="clear" /> to clear columns */
+.clear {
+    clear: both;
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0;
+}
+
+/*Client Logo, Grayscale & Hover Effect*/
+
+.client-logo{
+    filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -webkit-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all  0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all  0.3s ease;
+
+}
+.client-logo:hover{
+
+    filter: grayscale(0%);
+    -moz-filter: grayscale(0%);
+    -webkit-filter: grayscale(0%);
+    -o-filter: grayscale(0%);
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all  0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all  0.3s ease;
+
+}
+
+
+
+
+
+
+/*Features Box */
+
+.featuresbox{
+    border: 1px solid #e7e7e7;
+
+
+    text-align: center;
+
+    padding:20px;
+
+    background: #fff;
+
+    transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -webkit-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+}
+
+.featuresbox:hover{
+    /* fallback */ 
+    background-color: #f9f9f9;
+
+    /* Safari 4-5, Chrome 1-9 */ 
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#f9f9f9)); 
+
+    /* Safari 5.1, Chrome 10+ */ 
+    background: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); 
+
+    /* Firefox 3.6+ */ 
+    background: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); 
+
+    /* IE 10 */ 
+    background: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); 
+
+    /* Opera 11.10+ */ 
+    background: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
+
+    box-shadow: inset 0 0 0 1px #fff;
+    -moz-box-shadow: inset 0 0 0 1px #fff;
+    -webkit-box-shadow: inset 0 0 0 1px #fff;
+    -o-box-shadow: inset 0 0 0 1px #fff;
+    -ms-box-shadow: inset 0 0 0 1px #fff;
+
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-out;
+    transition: all 0.3s ease-in-out;
+}
+
+.feature-image {
+    width: 62px;
+    height: 55px;
+    display: block;
+    margin: 0 auto;
+}
+
+/*blog entry*/
+
+.entry{float:left; margin-bottom:10px;}
+.entry span.meta{ display:block; padding:0; width:50px; float:left; text-align:center;}
+.entry span.meta strong{ font-size:18px; background:#f6f6f6; color:#555; border:1px solid #ececec; display:block; float:left; width:100%; padding:5px 0;}
+.entry span.meta small{ font-size:11px; background:#444; border:1px solid #333; display:block; float:left; width:100%; padding:0; color:#fff;}
+.entry div{ float:right; width:79%;}
+.entry div h4{ margin-bottom:10px; font-size:14px; margin-top: 0px !important;}
+.entry div h4 a{ color:#181818;}
+.entry div h4 a:hover{ color:gray;}
+
+/*ribbon*/
+
+.ribbon{margin:0}
+.ribbon span{position:absolute;display:inline-block;top:22px;right:-25px;color:#fff;text-align:center;text-transform:uppercase;background:#f26a46;width:100px;padding:3px 10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
+.ie .ribbon span{right:0;top:0;padding:3px}
+
+/*ribbon end*/ 
+
+/*label*/ 
+.label{font-weight: normal;}
+
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover {
+  background: #999 !important;
+  color: #fff !important;
+  }
+  
+  .dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus,
+.dropdown-submenu:hover > a {
+    
+    background: #999 !important;
+}
+ .form-signin {
+        max-width: 300px;
+        padding: 19px 29px 29px;
+       
+        background-color: #fff;
+        border: 1px solid #e5e5e5;
+        -webkit-border-radius: 5px;
+           -moz-border-radius: 5px;
+                border-radius: 5px;
+        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+                box-shadow: 0 1px 2px rgba(0,0,0,.05);
+      }
+      .form-signin .form-signin-heading,
+      .form-signin .checkbox {
+        margin-bottom: 10px;
+      }
+      .form-signin input[type="text"],
+      .form-signin input[type="password"] {
+        font-size: 16px;
+        height: auto;
+        margin-bottom: 15px;
+        padding: 7px 9px;
+      }
+      
+        .container-narrow {
+        margin: 0 auto;
+        max-width: 700px;
+      }
+      .jumbotron {
+        margin: 60px 0;
+        text-align: center;
+      }
+      .jumbotron h1 {
+        font-size: 72px;
+        line-height: 1;
+      }
+      
+       /* Featurettes
+    ------------------------- */
+
+    .featurette-divider {
+      margin: 80px 0; /* Space out the Bootstrap <hr> more */
+    }
+    .featurette {
+      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
+      overflow: hidden; /* Vertically center images part 2: clear their floats. */
+    }
+    .featurette-image {
+      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
+    }
+
+    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
+    .featurette-image.pull-left {
+      margin-right: 40px;
+    }
+    .featurette-image.pull-right {
+      margin-left: 40px;
+    }
+
+    /* Thin out the marketing headings */
+    .featurette-heading {
+      font-size: 50px;
+      font-weight: 300;
+      line-height: 1;
+      letter-spacing: -1px;
+    }
+/*    
+    #Links
+------------------------- */
+
+a,a:visited {color: #333; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out;}
+	a:hover, a:focus { color: #888;  text-decoration: none;}
+	p a, p a:visited { line-height: inherit; }

Added: websites/staging/flex/trunk/content/dev-faq.html
==============================================================================
--- websites/staging/flex/trunk/content/dev-faq.html (added)
+++ websites/staging/flex/trunk/content/dev-faq.html Wed Jan 30 04:07:10 2013
@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
+
+<head>
+
+    <meta charset="utf-8">
+    <title>Apache Flex® - Frequently Asked Questions
</title>
+
+    <!-- For Mobiles  -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
+    <link rel="stylesheet" type="text/css" href="css/fixed-width.css" id="layout">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+
+    <!-- Java Script  -->
+    <script src="js/jquery.js"></script>
+    <script src="js/custom.js"></script>
+    <script src="js/selectnav.js"></script>
+    <script src="js/flexslider.js"></script>
+    <script src="js/twitter.js"></script>
+    <script src="js/fancybox.js"></script>
+    <script src="js/isotope.js"></script>
+    <script src="js/bootstrap.js"></script>
+
+
+</head>
+<body>
+
+<!-- Wrapper Start -->
+<div id="wrapper" class="container-fluid">
+
+
+    <!-- Header -->
+
+
+    <div class="ie-dropdown-fix" >
+
+        <!-- Header -->
+        <div class="row-fluid" id="header">
+
+            <!-- Logo -->
+            <div class="span5">
+
+                <a href="#"><img src="images/logo_01_fullcolor-sm.png" alt="Apache Flex®" title="Apache Flex®" /></a>
+
+            </div>
+
+            <!-- Social / Contact -->
+            <div class="span3 pull-right">
+
+                <!-- Social Icons -->
+                <ul class="social-icons">
+                    <li class="facebook"><a href="https://www.facebook.com/pages/Apache-Flex/174249699342648">Facebook</a></li>
+                    <li class="twitter"><a href="http://twitter.com/ApacheFlex">Twitter</a></li>
+                    <li class="linkedin"><a href="http://www.linkedin.com/groups/Apache-Flex-Developers-4296888">LinkedIn</a></li>
+                </ul>
+
+                <!-- Apache Logo -->
+                <a href="http://www.apache.org" id="contact-top"><img src="http://www.apache.org/images/feather-small.gif" title="An Apache Project" alt="An Apache Project" /> </a>
+            </div>
+
+        </div>
+        <!-- Header / End -->
+
+        <!-- Navigation -->
+        <div id="navigation" class="margintop">
+            <ul id="nav">
+
+                <li><a href="index.html">Home</a></li>
+
+                <li><a href="#">About Flex</a>
+                    <ul>
+
+                        <li><a href="about-whatis.html">What is Flex?</a></li>
+                        <li><a href="about-features.html">Features</a></li>
+                        <li><a href="about-licensing.html">License &amp; Trademarks</a></li>
+                        <li><a href="about-people.html">The Team</a></li>
+                        <li><a href="about-history.html">Project History</a></li>
+                        <li><a href="about-assets.html">Logo and Assets</a></li>
+                    </ul>
+                </li>
+                <li><a href="#">Community</a>
+                    <ul>
+
+                        <li><a href="community-getinvolved.html">How to get involved</a></li>
+                        <li><a href="community-mailinglists.html">Mailing Lists</a></li>
+                        <li><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki">Wiki <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://blogs.apache.org/flex/">Blog <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#">Development</a>
+                    <ul>
+                        <li><a href="dev-faq.html">Developer FAQ</a></li>
+                        <li><a href="dev-sourcecode.html">Source Code</a></li>
+                        <li><a href="https://issues.apache.org/jira/browse/FLEX">Bug-Tracker <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#">Documentation</a>
+                    <ul>
+
+                        <li><a href="doc-getstarted.html">Getting Started</a></li>
+                        <li><a href="doc-videos.html">Videos</a></li>
+                        <li><a href="asdoc/index.html">ASDocs <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://help.adobe.com/en_US/flex/using/index.html">Documentation Reference (Old) <i class="icon-share icon-white"></i></a></li>
+
+                    </ul>
+                </li>
+
+                <li><a href="#">About Apache</a>
+                    <ul>
+
+                        <li><a href="http://www.apache.org">The Apache Software Foundation Website <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/contributing.html">Donations <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/thanks.html">Thanks <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#" class="download">Download</a>
+                    <ul>
+
+                        <li><a href="installer.html">Download the SDK Installer (For Application Developers)</a></li>
+                        <li><a href="download-binaries.html">Download the SDK Binaries (For SDK Developers)</a></li>
+                        <li><a href="download-source.html">Download the SDK Source Code (For SDK Developers)</a></li>
+                        <li><a href="download-utilities.html">Download Utilities</a></li>
+                        <li><a href="download-archive.html">Previous Versions</a></li>
+                    </ul>
+                </li>
+            </ul>
+
+        </div>
+        <div class="nav-shadow"></div>
+        <div class="clear"></div>
+
+    </div>
+    <!-- Navigation / End -->
+
+
+    <!-- Content -->
+
+    
+    <div class="row-fluid">
+
+
+        <!-- Page Title -->
+        <div id="page-title">
+            <h2>Frequently Asked Questions
</h2>
+        </div>
+        <!-- Page Title / End -->
+
+
+    </div>
+    
+
+    <div class="row-fluid">
+
+
+
+<!-- Home Page Exception -->
+
+
+<p>This page covers some frequently asked questions that we get on the mailing lists.  We will be updating it with more
+content as time goes on.</p>
+<div class="headline"><h4>Can I have write access to the SVN?</h4></div>
+
+<p>Due to legal reasons, only a select group of people have access to update or contribute code directly to the project.
+We at Apache take the legality of code seriously, and nothing would be worse than somebody contributing code that
+they don't own and a 3rd party having a legal claim to our framework.  That being said, you can submit code by providing
+<code>.patch</code> files (diff files) to the project.  Check out the <a href="community-getinvolved.html">Get Involved</a> page for more details on how to do that.</p>
+<div class="headline"><h4>How is this different than Adobe Flex?</h4></div>
+
+<p>In November, 2011, Adobe announced they were no longer supporting Adobe Flex.  Instead of just killing the framework they
+donated it to Apache.  Apache Flex 4.8.0 is essentially the exact same version of Flex as Adobe's last official
+version.  Since that initial donation the Apache Flex team has been working hard on fixing bugs, providing additional
+components and finishing unfinished components.  As we progress through additional versions, we will be less and
+less like Adobe's Flex framework, but we will strive to be compatible with it.</p>
+<p>Adobe has offered some of their customers extended support contracts, and may produce additional versions, but
+that is unlikely.  Future support of the Flex Framework is through this project.</p>
+<p>There are a few differences you should be aware of in the Apache version of the SDK.  Most notably, the Flash Player will
+not cache RSLs created with Apache Flex.  You can find out more in the RELEASE_NOTES file in your SDK download</p>
+<div class="headline"><h4>I've used Adobe Flex before.  How do I start using Apache Flex?</h4></div>
+
+<p>The quickest way to start using Apache Flex is to use the Apache Flex SDK Installer.  This AIR application will download
+the latest version of the Apache Flex SDK and all the required components to make it work.  It will also set the proper
+options so that the SDK can be used with your favorite IDE such as Flash Builder, FDT, Flash Develop or IntelliJ.
+To use the SDK Installer, go to the <a href="installer.html">"Download the SDK Installer"</a> link under the downloads menu above.  It will
+walk you through the rest of the process.</p>
+<p>Once you have the SDK on your computer, it should be just like the old Adobe SDK you were already using.  Make sure
+to check the RELEASE_NOTES file for a full list of differences.</p>
+<div class="headline"><h4>Why are you not using GIT/GitHub?</h4></div>
+
+<p>The Apache Flex PMC voted on a resolution to move the project to Git once the Apache Infrastructure supported the move.
+There is no timeline on that move at this time.  A mirror of the project is currently available on GitHub, but we are
+not accepting pull requests at this time. (However we can accept patch files generated from pull requests.)</p>
+<div class="headline"><h4>I don't have time to read the mailing lists.  How can I keep up with the project?</h4></div>
+
+<p>The <a href="http://www.spoon.as">Open Spoon Foundation</a> has been providing monthly updates as to the goings-on of the Apache Flex project through
+their "Apache Revue" newsletter.  You can also check out the <a href="http://blogs.apache.org/flex/">Apache Flex Blog</a> for critical updates.</p>
+<div class="headline"><h4>Where can I find the Apache Flex Roadmap?</h4></div>
+
+<p>We do not have a roadmap.  That is not the Apache Way™.  Apache Flex is a project run and maintained by volunteers.  The
+way that Apache works is that each developer do what they are passionate about.  There is no release schedule,
+and therefore, there is no official roadmap.  You can always make suggestions via JIRA or the mailing lists for
+new features that you wish to see and if they are good enough a developer will pick them up.  You can always
+contribute your own code for new features as well.  You can find out more about contributing code on the <a href="community-getinvolved.html">Get
+Involved page</a>.</p>
+<p>All that being said, you can check out what developers are working on by peeking in the "Whiteboard" area of the
+source control.  There is a lot of cool projects incubating there that may (or may not) make it into future
+releases.</p>
+<div class="headline"><h4>What happens to my projects if Adobe Discontinues the Flash Player?</h4></div>
+
+<p>It is true that current Flex projects are tied to either the Adobe Flash Player or Adobe AIR.  We have been making great
+strides to compile projects to native JavaScript, therefore bypassing the Flash Player in the browser.  Adobe
+has made a commitment to support the Flash Player and our current runtime for at least 5 years from the time
+they donated the project to Apache.  You can find out more about their roadmap on the <a href="http://www.adobe.com/devnet/flashplatform/whitepapers/roadmap.html">Adobe Flash Whitepaper</a>.</p>
+<p>Event if Adobe no longer created new versions of the Flash Player, it is still had an incredible install base
+(being installed on over 90% of internet-connected PCs).  If the Flash Player were no longer updated today, it would
+still be installed just about everywhere.</p>
+<div class="headline"><h4>Will my code work on Platform X?</h4></div>
+
+<p>The currently released version of Apache Flex will output to either SWF of AIR.  SWF is supported within browsers on
+Windows 2000 through Windows 8, Mac OSX, Linux (using Chrome), many phones and some smartphones.  AIR allows
+you to take your Flex application and output native applications for Android (2.2+), iOS (3+),certain
+BlackBerry QNX devices (Playbook), MacOSX and Microsoft Windows.</p>
+<p>We are currently working on supporting JavaScript as an output.  This will increase support to anywhere HTML5
+is supported.</p>
+<p>Other platforms may be added if Adobe AIR beings to support them.  Unfortunately, we are not in control of adding
+additional support for other platforms at this time.</p>
+<div class="headline"><h4>Can I submit apps I make with Apache Flex to App Store X?</h4></div>
+
+<p>By using Adobe AIR with Apache Flex, you can produce applications that can be submitted to the Apple App Store, Android
+Market, Apple Mac App Store and Blackberry App World.  There are very successful projects that have been submitted
+to all of the above.  In fact, you can actually use one code base to create apps for each of the different platforms
+to submit to all of the different stores!</p>
+<p>Apache Flex coupled with Adobe AIR allows you to make Apple iOS Applications from a Windows PC.  You will need a Mac in
+order to submit the app to the store.</p>
+<div class="headline"><h4>Does Apache Flex cost money?</h4></div>
+
+<p>No.  This is a completely open-source project and uses the <a href="about-licensing.html">Apache License v. 2.0</a>.  This allows you to use the SDK and
+any outputs of the SDK for personal and commercial use with virtually no restrictions.  Some of the recommended tooling
+(not produced by Apache) costs money, however you are more than free to use the included command-line compilers
+and toolsets.</p>
+
+<!-- Home Page Exception -->
+
+
+
+
+</div></div>
+<!-- Wrapper / End -->
+
+
+<!-- Footer -->
+
+<!-- Footer Top -->
+<div id="footer" class="container-fluid paddingbottom" >
+
+
+    <div class="row-fluid">
+
+        <!-- About -->
+        <div class="span3">
+            <div class="footer-headline"><h4>About Us</h4></div>
+            <p>Apache Flex® is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and tv). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the ubiquitous Adobe® Flash® Player in the browser, Adobe® AIR™ on desktop and mobile or to native Android™, IOS™, QNX®, Windows® or Mac® applications.</p>
+        </div>
+
+        <!-- Subscribe  -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Subscribe</h4></div>
+            <p>We have two mailing lists, one for SDK developers, and one SDK users.</p>
+            <p>Developers, send an email to <br>
+                <a href="mailto:dev-subscribe@flex.apache.org">dev-subscribe@flex.apache.org</a>
+            </p>
+            <p>Users, send an email to <br>
+                <a href="mailto:users-subscribe@flex.apache.org">users-subscribe@flex.apache.org</a>
+            </p>
+        </div>
+
+        <!-- Latest Releases -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Latest Releases</h4></div>
+            <p>Apache Flex SDK : <a href="download-binaries.html">4.9.0 (Dec 2012)</a><br />
+                SDK Installer : <a href="installer.html">2.0.3 (Jan 2013)</a><br />
+                BlazeDS : <a href="http://sourceforge.net/adobe/blazeds/wiki/Home/">4.6.0 (Nov 2011)</a><br />
+                Flex Mavenizer : <a href="http://svn.apache.org/viewvc/flex/utilities/trunk/mavenizer/"> 4.8.0 (Jan 2013)</a></p>
+        </div>
+
+        <!-- Latest Tweets -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Latest Tweets</h4></div>
+            <ul id="twitter"></ul>
+            <script type="text/javascript">
+                jQuery(document).ready(function($){
+                    $.getJSON('http://api.twitter.com/1/statuses/user_timeline/apacheflex.json?count=2&amp;callback=?', function(tweets){
+                        $("#twitter").html(tz_format_twitter(tweets));
+                    }); });
+            </script>
+            <div class="clear"></div>
+        </div>
+
+    </div>
+
+</div>
+<!-- Footer / Bottom -->
+<div id="footer" class="container-fluid" style="background: #111;">
+    <div class="row-fluid">
+        <div class="span12">
+            <div id="footer-bottom">
+                Copyright © 2012 The Apache Software Foundation, Licensed under the Apache License, Version 2.0 <br>
+                Apache Flex, Apache and the Apache feather logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.
+
+                <div id="scroll-top-top"><a href="#" title="Go to Top"></a></div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<!-- Footer / End -->
+
+
+</body>
+
+</html>
\ No newline at end of file

Added: websites/staging/flex/trunk/content/dev-sourcecode.html
==============================================================================
--- websites/staging/flex/trunk/content/dev-sourcecode.html (added)
+++ websites/staging/flex/trunk/content/dev-sourcecode.html Wed Jan 30 04:07:10 2013
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
+
+<head>
+
+    <meta charset="utf-8">
+    <title>Apache Flex® - Source Code
</title>
+
+    <!-- For Mobiles  -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
+    <link rel="stylesheet" type="text/css" href="css/fixed-width.css" id="layout">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+
+    <!-- Java Script  -->
+    <script src="js/jquery.js"></script>
+    <script src="js/custom.js"></script>
+    <script src="js/selectnav.js"></script>
+    <script src="js/flexslider.js"></script>
+    <script src="js/twitter.js"></script>
+    <script src="js/fancybox.js"></script>
+    <script src="js/isotope.js"></script>
+    <script src="js/bootstrap.js"></script>
+
+
+</head>
+<body>
+
+<!-- Wrapper Start -->
+<div id="wrapper" class="container-fluid">
+
+
+    <!-- Header -->
+
+
+    <div class="ie-dropdown-fix" >
+
+        <!-- Header -->
+        <div class="row-fluid" id="header">
+
+            <!-- Logo -->
+            <div class="span5">
+
+                <a href="#"><img src="images/logo_01_fullcolor-sm.png" alt="Apache Flex®" title="Apache Flex®" /></a>
+
+            </div>
+
+            <!-- Social / Contact -->
+            <div class="span3 pull-right">
+
+                <!-- Social Icons -->
+                <ul class="social-icons">
+                    <li class="facebook"><a href="https://www.facebook.com/pages/Apache-Flex/174249699342648">Facebook</a></li>
+                    <li class="twitter"><a href="http://twitter.com/ApacheFlex">Twitter</a></li>
+                    <li class="linkedin"><a href="http://www.linkedin.com/groups/Apache-Flex-Developers-4296888">LinkedIn</a></li>
+                </ul>
+
+                <!-- Apache Logo -->
+                <a href="http://www.apache.org" id="contact-top"><img src="http://www.apache.org/images/feather-small.gif" title="An Apache Project" alt="An Apache Project" /> </a>
+            </div>
+
+        </div>
+        <!-- Header / End -->
+
+        <!-- Navigation -->
+        <div id="navigation" class="margintop">
+            <ul id="nav">
+
+                <li><a href="index.html">Home</a></li>
+
+                <li><a href="#">About Flex</a>
+                    <ul>
+
+                        <li><a href="about-whatis.html">What is Flex?</a></li>
+                        <li><a href="about-features.html">Features</a></li>
+                        <li><a href="about-licensing.html">License &amp; Trademarks</a></li>
+                        <li><a href="about-people.html">The Team</a></li>
+                        <li><a href="about-history.html">Project History</a></li>
+                        <li><a href="about-assets.html">Logo and Assets</a></li>
+                    </ul>
+                </li>
+                <li><a href="#">Community</a>
+                    <ul>
+
+                        <li><a href="community-getinvolved.html">How to get involved</a></li>
+                        <li><a href="community-mailinglists.html">Mailing Lists</a></li>
+                        <li><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki">Wiki <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://blogs.apache.org/flex/">Blog <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#">Development</a>
+                    <ul>
+                        <li><a href="dev-faq.html">Developer FAQ</a></li>
+                        <li><a href="dev-sourcecode.html">Source Code</a></li>
+                        <li><a href="https://issues.apache.org/jira/browse/FLEX">Bug-Tracker <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#">Documentation</a>
+                    <ul>
+
+                        <li><a href="doc-getstarted.html">Getting Started</a></li>
+                        <li><a href="doc-videos.html">Videos</a></li>
+                        <li><a href="asdoc/index.html">ASDocs <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://help.adobe.com/en_US/flex/using/index.html">Documentation Reference (Old) <i class="icon-share icon-white"></i></a></li>
+
+                    </ul>
+                </li>
+
+                <li><a href="#">About Apache</a>
+                    <ul>
+
+                        <li><a href="http://www.apache.org">The Apache Software Foundation Website <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/contributing.html">Donations <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship <i class="icon-share icon-white"></i></a></li>
+                        <li><a href="http://www.apache.org/foundation/thanks.html">Thanks <i class="icon-share icon-white"></i></a></li>
+                    </ul>
+                </li>
+
+                <li><a href="#" class="download">Download</a>
+                    <ul>
+
+                        <li><a href="installer.html">Download the SDK Installer (For Application Developers)</a></li>
+                        <li><a href="download-binaries.html">Download the SDK Binaries (For SDK Developers)</a></li>
+                        <li><a href="download-source.html">Download the SDK Source Code (For SDK Developers)</a></li>
+                        <li><a href="download-utilities.html">Download Utilities</a></li>
+                        <li><a href="download-archive.html">Previous Versions</a></li>
+                    </ul>
+                </li>
+            </ul>
+
+        </div>
+        <div class="nav-shadow"></div>
+        <div class="clear"></div>
+
+    </div>
+    <!-- Navigation / End -->
+
+
+    <!-- Content -->
+
+    
+    <div class="row-fluid">
+
+
+        <!-- Page Title -->
+        <div id="page-title">
+            <h2>Source Code
</h2>
+        </div>
+        <!-- Page Title / End -->
+
+
+    </div>
+    
+
+    <div class="row-fluid">
+
+
+
+<!-- Home Page Exception -->
+
+
+<p>We use <a href="http://subversion.apache.org">Apache Subversion</a> for version control. You can <a href="http://svn.apache.org/viewvc/flex">browse our repository</a> in your web browser. The development of the Flex SDK is done on 'branches/develop', while releases are cut from the 'trunk'.</p>
+<p>For further information see the <a href="http://www.apache.org/dev/version-control.html">Apache Source Code Repository</a> page.  Committers need to <a href="http://www.apache.org/dev/version-control.html#https-svn-config">properly configure</a> their svn client.</p>
+<div class="headline"><h4>Getting the source code</h4></div>
+
+<p>If you are looking for the cutting edge development branch of the Flex SDK:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/s</span><span class="n">dk</span><span class="sr">/branches/</span><span class="n">develop</span><span class="o">/</span> <span class="n">flex</span>
+</pre></div>
+
+
+<p>If you are looking for the pre-release version of the Flex SDK:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/s</span><span class="n">dk</span><span class="sr">/trunk/</span> <span class="n">flex</span>
+</pre></div>
+
+
+<p>If you are looking for the Flex "Falcon" Compiler:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/</span><span class="n">falcon</span><span class="sr">/trunk/</span> <span class="n">falcon</span>
+</pre></div>
+
+
+<p>If you are looking for the TLF Project:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/</span><span class="n">tlf</span><span class="sr">/trunk/</span> <span class="n">tlf</span>
+</pre></div>
+
+
+<p>If you are looking for the Apache Flex SDK Installer Project:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/</span><span class="n">utilities</span><span class="sr">/trunk/i</span><span class="n">nstaller</span><span class="o">/</span> <span class="n">afi</span>
+</pre></div>
+
+
+<p>If you are looking for the Apache Flex SDK Mavenizer Project:</p>
+<div class="codehilite"><pre><span class="n">svn</span> <span class="n">co</span> <span class="n">https:</span><span class="sr">//s</span><span class="n">vn</span><span class="o">.</span><span class="n">apache</span><span class="o">.</span><span class="n">org</span><span class="sr">/repos/</span><span class="n">asf</span><span class="sr">/flex/</span><span class="n">utilities</span><span class="sr">/trunk/m</span><span class="n">avenizer</span><span class="o">/</span> <span class="n">mavenizer</span>
+</pre></div>
+
+
+<div><h4>Apache Flex SDK Automated Testing Libraries</h4></div>
+
+<p>We use <a href="http://flexunit.org/">FlexUnit</a> for unit testing. FlexUnit is in the initial phases of being donated to the Apache Flex project, more information will be posted here as it becomes available.</p>
+<p>We use <a href="http://mockolate.org/">Mockolate</a> for mocks and test spies in unit tests. Read more about Mockolate on the project <a href="http://mockolate.org/">homepage</a>.</p>
+<p>We use Mustella for functional testing of the SDK. You can find more information on the <a href="https://cwiki.apache.org/confluence/display/FLEX/Mustella+Overview">Wiki page</a>.</p>
+
+<!-- Home Page Exception -->
+
+
+
+
+</div></div>
+<!-- Wrapper / End -->
+
+
+<!-- Footer -->
+
+<!-- Footer Top -->
+<div id="footer" class="container-fluid paddingbottom" >
+
+
+    <div class="row-fluid">
+
+        <!-- About -->
+        <div class="span3">
+            <div class="footer-headline"><h4>About Us</h4></div>
+            <p>Apache Flex® is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and tv). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the ubiquitous Adobe® Flash® Player in the browser, Adobe® AIR™ on desktop and mobile or to native Android™, IOS™, QNX®, Windows® or Mac® applications.</p>
+        </div>
+
+        <!-- Subscribe  -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Subscribe</h4></div>
+            <p>We have two mailing lists, one for SDK developers, and one SDK users.</p>
+            <p>Developers, send an email to <br>
+                <a href="mailto:dev-subscribe@flex.apache.org">dev-subscribe@flex.apache.org</a>
+            </p>
+            <p>Users, send an email to <br>
+                <a href="mailto:users-subscribe@flex.apache.org">users-subscribe@flex.apache.org</a>
+            </p>
+        </div>
+
+        <!-- Latest Releases -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Latest Releases</h4></div>
+            <p>Apache Flex SDK : <a href="download-binaries.html">4.9.0 (Dec 2012)</a><br />
+                SDK Installer : <a href="installer.html">2.0.3 (Jan 2013)</a><br />
+                BlazeDS : <a href="http://sourceforge.net/adobe/blazeds/wiki/Home/">4.6.0 (Nov 2011)</a><br />
+                Flex Mavenizer : <a href="http://svn.apache.org/viewvc/flex/utilities/trunk/mavenizer/"> 4.8.0 (Jan 2013)</a></p>
+        </div>
+
+        <!-- Latest Tweets -->
+        <div class="span3">
+            <div class="footer-headline"><h4>Latest Tweets</h4></div>
+            <ul id="twitter"></ul>
+            <script type="text/javascript">
+                jQuery(document).ready(function($){
+                    $.getJSON('http://api.twitter.com/1/statuses/user_timeline/apacheflex.json?count=2&amp;callback=?', function(tweets){
+                        $("#twitter").html(tz_format_twitter(tweets));
+                    }); });
+            </script>
+            <div class="clear"></div>
+        </div>
+
+    </div>
+
+</div>
+<!-- Footer / Bottom -->
+<div id="footer" class="container-fluid" style="background: #111;">
+    <div class="row-fluid">
+        <div class="span12">
+            <div id="footer-bottom">
+                Copyright © 2012 The Apache Software Foundation, Licensed under the Apache License, Version 2.0 <br>
+                Apache Flex, Apache and the Apache feather logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.
+
+                <div id="scroll-top-top"><a href="#" title="Go to Top"></a></div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<!-- Footer / End -->
+
+
+</body>
+
+</html>
\ No newline at end of file



Mime
View raw message