You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bu...@apache.org on 2013/01/30 05:07:11 UTC
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/
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 & 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&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 & 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&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