Permalink
Browse files

Flat-UI v1.1

  • Loading branch information...
1 parent a59b190 commit bcaf2de95e2091602c4159f05124ac1027b11a1c @iurevych iurevych committed Mar 20, 2013
View
@@ -7,11 +7,16 @@ You are allowed to use these elements anywhere you want, however we’ll highly
Thanks for supporting our website and enjoy!
-Links:
-http://designmodo.com/flat-free
+## Links:
-ATENTION! Buy Now Premium version of Flat UI! - http://designmodo.com/flat/
++ [Demo page](http://designmodo.com/demo/flat-ui/)
++ [Official page](http://designmodo.com/flat-free)
++ [Buy Now Premium version of Flat UI](http://designmodo.com/flat/)
+## Changelog
+
++ 1.0 Fixed several small IE bugs
++ 1.1 New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.
## Authors
View
@@ -394,17 +394,17 @@ h6 {
margin-left: 35px;
width: 100px;
vertical-align: bottom; }
+ .demo-illustrations img:first-child {
+ margin-left: 0; }
.demo-illustrations img.big-illustration {
height: 111px;
width: 112px; }
- .demo-illustrations img.demo-retina-icon {
+ .demo-illustrations img.big-retina-illustration {
height: 104px;
margin-right: -24px;
width: 117px; }
- .demo-illustrations img.pull-big-illustration {
+ .demo-illustrations img.big-illustration-pusher {
margin-right: 12px; }
- .demo-illustrations img:first-child {
- margin-left: 0; }
.demo-samples {
margin-bottom: 46px; }
@@ -538,6 +538,7 @@ h6 {
.navbar .nav > li > ul li:hover ul {
opacity: 1;
-webkit-transform: scale(1, 1);
+ visibility: visible;
display: block\9; }
.navbar .nav > li > ul li ul {
left: 100%; }
@@ -551,6 +552,7 @@ h6 {
opacity: 1;
z-index: 100;
-webkit-transform: scale(1, 1);
+ visibility: visible;
display: block\9; }
.navbar .nav ul {
border-radius: 4px;
@@ -564,6 +566,7 @@ h6 {
z-index: -100;
-webkit-transform: scale(1, 0.99);
-webkit-transform-origin: 0 0;
+ visibility: hidden;
display: none\9;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -497,7 +497,7 @@ <h6 class="palette-headline">SWATCHES</h6>
Colors &mdash; is almost the most important part of the <strong>Flat UI</strong>. Better to use different shades of provided colors than new.
</p>
<p class="palette-paragraph">
- For your conveniense we also provide <strong>Swatches Preset</strong> <span>(flat&#8209;ui&#8209;swatches.aco in the Pack folder).</span>
+ For your convenience we also provide <strong>Swatches Preset</strong> <span>(flat&#8209;ui&#8209;swatches.aco in the Pack folder).</span>
</p>
<p class="palette-paragraph">
<strong>No gradients, no shadows.</strong>
@@ -516,13 +516,13 @@ <h3 class="demo-panel-title">Vector Icons <small>(14)</small></h3>
<img src="images/illustrations/calendar.png" src="" />
</div>
<div class="demo-illustrations">
- <img src="images/illustrations/clipboard.png" class="pull-big-illustration" src="" />
+ <img src="images/illustrations/clipboard.png" class="big-illustration-pusher" src="" />
<img src="images/illustrations/bag.png" src="" />
<img src="images/illustrations/share.png" src="" />
<img src="images/illustrations/colors.png" src="" />
<img src="images/illustrations/mail.png" src="" />
<img src="images/illustrations/book.png" src="" />
- <img src="images/illustrations/retina.png" class="demo-retina-icon" src="" />
+ <img src="images/illustrations/retina.png" class="big-retina-illustration" src="" />
</div>
<div class="demo-icons">
@@ -631,8 +631,8 @@ <h4 class="todo-name">
<!--[if !IE]> -->
<video class="video-js" controls
preload="auto" width="620" height="349" poster="images/video/poster.jpg" data-setup="{}">
- <source src="video/big_buck_bunny.mp4" type="video/mp4">
- <source src="video/big_buck_bunny.webm" type="video/webm">
+ <source src="http://iurevych.github.com/Flat-UI-videos/big_buck_bunny.mp4" type="video/mp4">
+ <source src="http://iurevych.github.com/Flat-UI-videos/big_buck_bunny.webm" type="video/webm">
</video>
<!-- <![endif]-->
@@ -676,7 +676,7 @@ <h3 class="tile-title">Color Swatches</h3>
<div class="span3">
<div class="tile tile-hot">
- <img class="tile-image" alt="" src="images/illustrations/share.png" />
+ <img class="tile-image big-illustration" alt="" src="images/illustrations/share.png" />
<h3 class="tile-title">Free for Share</h3>
<p>Your likes, shares and comments helps us.</p>
<a class="btn btn-primary btn-large btn-block" href="#">Get Pro</a>
@@ -10,14 +10,7 @@
*/
(function ($, window, document) {
- var ie6 = false;
-
- // Help prevent flashes of unstyled content
- if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
- ie6 = true;
- } else {
- document.documentElement.className = document.documentElement.className + ' dk_fouc';
- }
+ document.documentElement.className = document.documentElement.className + ' dk_fouc';
var
// Public methods exposed to $.fn.dropkick()
@@ -191,12 +184,10 @@
// Expose the plugin
$.fn.dropkick = function (method) {
- if (!ie6) {
- if (methods[method]) {
- return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof method === 'object' || ! method) {
- return methods.init.apply(this, arguments);
- }
+ if (methods[method]) {
+ return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+ } else if (typeof method === 'object' || ! method) {
+ return methods.init.apply(this, arguments);
}
};
@@ -350,7 +341,7 @@
$(function () {
// Handle click events on the dropdown toggler
- $('.dk_toggle').live('click', function (e) {
+ $(document).on('click', '.dk_toggle', function (e) {
var $dk = $(this).parents('.dk_container').first();
_openDropdown($dk);
@@ -365,7 +356,7 @@
});
// Handle click events on individual dropdown options
- $('.dk_options a').live(($.browser.msie ? 'mousedown' : 'click'), function (e) {
+ $(document).on('click', '.dk_options a', function (e) {
var
$option = $(this),
$dk = $option.parents('.dk_container').first(),
View
@@ -101,21 +101,21 @@
width: 100px
vertical-align: bottom
+ &:first-child
+ margin-left: 0
+
&.big-illustration
height: 111px
width: 112px
- &.demo-retina-icon
+ &.big-retina-illustration
height: 104px
margin-right: -24px
width: 117px
- &.pull-big-illustration
+ &.big-illustration-pusher
margin-right: 12px
- &:first-child
- margin-left: 0
-
.demo-samples
margin-bottom: 46px
@@ -31,6 +31,7 @@
ul
opacity: 1
-webkit-transform: scale(1, 1)
+ visibility: visible
display: block\9
ul
left: 100%
@@ -49,6 +50,7 @@
opacity: 1
z-index: 100
-webkit-transform: scale(1, 1)
+ visibility: visible
// Show on hover
display: block\9
@@ -67,6 +69,7 @@
-webkit-transform: scale(1, .99)
-webkit-transform-origin: 0 0
// Don't show it at all by default since IE doesn't get modern transitions
+ visibility: hidden
display: none\9
+transition(.3s ease-out)
View
Binary file not shown.
View
Binary file not shown.

0 comments on commit bcaf2de

Please sign in to comment.