Permalink
Browse files

New demo, new layout.less, bug fixed and mmm

  • Loading branch information...
olton committed Jul 29, 2012
1 parent 319f668 commit 44541dd674896532cd59b6b80de378cbfb57f91b
Showing with 2,659 additions and 0 deletions.
  1. BIN demo/img/ico-paypal.gif
  2. BIN img/demo-buttons.jpg
  3. BIN img/demo-forms.jpg
  4. BIN img/demo-images.jpg
  5. BIN img/demo-main.jpg
  6. BIN img/demo-notices.jpg
  7. BIN img/demo-tiles.jpg
  8. BIN img/ico-paypal.gif
  9. +8 −0 new-demo/.htaccess
  10. +153 −0 new-demo/about.html
  11. +257 −0 new-demo/buttons.html
  12. +187 −0 new-demo/cards.html
  13. +9 −0 new-demo/css/bootstrap-responsive.min.css
  14. +9 −0 new-demo/css/bootstrap.min.css
  15. +348 −0 new-demo/css/metro.css
  16. +61 −0 new-demo/css/site.less
  17. +134 −0 new-demo/donate.html
  18. +91 −0 new-demo/form.html
  19. +283 −0 new-demo/images.html
  20. BIN new-demo/img/1.jpg
  21. BIN new-demo/img/2.jpg
  22. BIN new-demo/img/3.jpg
  23. BIN new-demo/img/4.jpg
  24. BIN new-demo/img/5.jpg
  25. BIN new-demo/img/Access.png
  26. BIN new-demo/img/Excel.png
  27. BIN new-demo/img/IC568017.png
  28. BIN new-demo/img/InfoPath.png
  29. BIN new-demo/img/Internet Download Manager.png
  30. BIN new-demo/img/Microsoft_Security_Essentials.png
  31. BIN new-demo/img/OSI.png
  32. BIN new-demo/img/OneNote.png
  33. BIN new-demo/img/Outlook.png
  34. BIN new-demo/img/PowerPoint.png
  35. BIN new-demo/img/Project.png
  36. BIN new-demo/img/Publisher.png
  37. BIN new-demo/img/Security Denied.png
  38. BIN new-demo/img/SharePoint.png
  39. BIN new-demo/img/Visio.png
  40. BIN new-demo/img/Windows-8-Consumer-Preview-Metro-interface.jpg
  41. BIN new-demo/img/Word.png
  42. BIN new-demo/img/YouTube-128.png
  43. BIN new-demo/img/back.png
  44. BIN new-demo/img/book-128.png
  45. BIN new-demo/img/bookmark-32.png
  46. BIN new-demo/img/bookmark-add-32.png
  47. BIN new-demo/img/commands-32.png
  48. BIN new-demo/img/commands.png
  49. BIN new-demo/img/cp_dp.jpg
  50. BIN new-demo/img/desktop-128.png
  51. BIN new-demo/img/door-32.png
  52. BIN new-demo/img/down-32.png
  53. BIN new-demo/img/download-32.png
  54. BIN new-demo/img/favorites-32.png
  55. BIN new-demo/img/film-128.png
  56. BIN new-demo/img/find-32.png
  57. BIN new-demo/img/github-logo.png
  58. BIN new-demo/img/github.png
  59. BIN new-demo/img/glyphicons-halflings-white.png
  60. BIN new-demo/img/glyphicons-halflings.png
  61. BIN new-demo/img/joker.gif
  62. BIN new-demo/img/joker.jpg
  63. BIN new-demo/img/joystick-128.png
  64. BIN new-demo/img/left-32.png
  65. BIN new-demo/img/left-48.png
  66. BIN new-demo/img/logo.gif
  67. BIN new-demo/img/logo.png
  68. BIN new-demo/img/mail-128.png
  69. BIN new-demo/img/maps-128.png
  70. BIN new-demo/img/metro-windows8-06.png
  71. BIN new-demo/img/mit.png
  72. BIN new-demo/img/myface.jpg
  73. BIN new-demo/img/next.png
  74. BIN new-demo/img/notices.jpg
  75. BIN new-demo/img/osi-1.png
  76. BIN new-demo/img/photo-128.png
  77. BIN new-demo/img/print-32.png
  78. BIN new-demo/img/refresh-32.png
  79. BIN new-demo/img/right-32.png
  80. BIN new-demo/img/setting-32.png
  81. BIN new-demo/img/stories-logo-1.png
  82. BIN new-demo/img/stories-logo-2.png
  83. BIN new-demo/img/target-32.png
  84. BIN new-demo/img/theme-32.png
  85. BIN new-demo/img/tiles.png
  86. BIN new-demo/img/up-32.png
  87. BIN new-demo/img/windows-8-metro.jpg
  88. +210 −0 new-demo/index.html
  89. +6 −0 new-demo/js/bootstrap.min.js
  90. +4 −0 new-demo/js/jquery-1.7.2.min.js
  91. +47 −0 new-demo/js/jquery.cookie.js
  92. +12 −0 new-demo/js/jquery.mousewheel.min.js
  93. +9 −0 new-demo/js/less-1.3.0.min.js
  94. +119 −0 new-demo/js/metroui.js
  95. +34 −0 new-demo/js/site.js
  96. +121 −0 new-demo/layout.html
  97. +179 −0 new-demo/notices.html
  98. +91 −0 new-demo/tables.html
  99. +196 −0 new-demo/tiles.html
  100. +91 −0 new-demo/typography.html
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -0,0 +1,8 @@
+php_value short_open_tag on
+RewriteEngine on
+RewriteBase /
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule . index.php
+RewriteCond %{THE_REQUEST} ^GET\ .*/index\.(php|html)\ HTTP
+RewriteRule ^(.*)index\.(php|html)$ /$1 [R=301,L]
View
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Metro UI CSS Demo Site">
+ <meta name="author" content="Sergey Pimenov">
+ <meta name="keywords" content="windows 8, metro style, metro ui, style, metro, css">
+
+ <title>Metro UI CSS</title>
+
+ <link href="/css/metro.css" rel="stylesheet">
+ <link href="/css/site.less" rel="stylesheet/less" type="text/css" >
+
+ <script src="/js/less-1.3.0.min.js" type="text/javascript"></script>
+ <script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script>
+ <script src="/js/jquery.mousewheel.min.js" type="text/javascript"></script>
+ <script src="/js/jquery.cookie.js" type="text/javascript"></script>
+ <script src="/js/metroui.js" type="text/javascript"></script>
+ <script src="/js/site.js" type="text/javascript"></script>
+</head>
+<body>
+<div class="metro" id="about">
+ <div class="layout">
+ <!-- Header -->
+ <div class="header" id="header">
+ <div class="command-back-wrapper">
+ <a href="#"><img src="/img/left-32.png"/></a>
+ </div>
+ <ul class="commands-list place-right margin-20">
+ <li><a class="command" href="https://github.com/olton/Metro-UI-CSS/zipball/master"><img src="/img/download-32.png"/></a></li>
+ <li><a class="command" href="https://github.com/olton/Metro-UI-CSS"><img src="/img/github.png"/></a></li>
+ <li><a class="command" data-click="toggleCommands" onclick="toggleCommands()"><img src="/img/commands-32.png"/> </a></li>
+ </ul>
+ <div class="dropdown-container clearfix">
+ <a class="dropdown-toggle">
+ <h1><img src="/img/logo.gif" style="width: 32px; margin-right: 10px;">Metro UI CSS<b></b></h1>
+ </a>
+
+ <ul class="dropdown-menu">
+ <li><a href="/about.html">About</a></li>
+ <li class="divider"></li>
+ <li><a href="/layout.html">Layout</a></li>
+ <li><a href="/tiles.html">Tiles</a></li>
+ <li><a href="/images.html">Images</a></li>
+ <li><a href="/notices.html">Notices</a></li>
+ <li><a href="/buttons.html">Buttons</a></li>
+ <li><a href="/form.html">Form</a></li>
+ <li><a href="/typography.html">Typography</a></li>
+ <li><a href="/cards.html">Deck of Cards</a></li>
+ <li><a href="/">More...</a></li>
+ <li class="divider"></li>
+ <li><a href="/">Home</a></li>
+ <li class="divider"></li>
+ <li><a href="/donate.html">Donate</a></li>
+ </ul>
+ </div>
+ <b class="stick"></b>
+ </div>
+
+ <!-- Scrollable content -->
+ <div id="scroll" class="scrollable">
+ <div class="content clearfix" id="content">
+ <h1 style="color: #1e1e1e;">About</h1>
+
+ <div class="frames">
+ <div class="frame size3">
+ <div class="metro-sections">
+ <div class="metro-section size2">
+ <div class="tile bg-color-red">
+ <div class="tile-icon-cover">
+ <img src="/img/windows-8-metro.jpg"/>
+ </div>
+ </div>
+ <div class="tile bg-color-green">
+ <div class="tile-icon-cover">
+ <img src="/img/IC568017.png"/>
+ </div>
+ </div>
+ <div class="tile">
+ <div class="tile-icon-cover">
+ <img src="/img/tiles.png"/>
+ </div>
+ </div>
+ <div class="tile bg-color-yellow">
+ <div class="tile-icon-cover">
+ <img src="/img/cp_dp.jpg"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="frame size4">
+ <div>
+ <h2 style="color: #1e1e1e;">Metro UI CSS</h2>
+ <h5 style="margin: 0;">styles in the style of Windows 8 Metro</h5>
+ <p style="color: #1e1e1e;">Metro UI CSS - a set of styles to create a site with an interface similar to Windows 8 Metro UI. The set of styles developed as a self-contained solution, although it can be used as an addition to any other CSS framework.</p>
+
+ <br />
+ <p>Browsers: IE 9+, Chrome, Opera, Safari, Firefox</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Commands -->
+ <div class="commands" id="commands">
+ <ul class="commands-list place-right">
+ <li>
+ <a class="command">
+ <img src="/img/find-32.png" alt="Find"/>
+ <span>Find</span>
+ </a>
+ </li>
+ </ul>
+
+ <ul class="commands-list place-left">
+ <li>
+ <a class="command">
+ <img src="/img/favorites-32.png" alt="Favorites"/>
+ <span>Favorites</span>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a class="command" onclick="document.location.reload()">
+ <img src="/img/refresh-32.png" alt="Refresh"/>
+ <span>Refresh</span>
+ </a>
+ </li>
+
+ <li>
+ <a class="command">
+ <img src="/img/bookmark-add-32.png" alt="Add bookmark"/>
+ <span>Bookmark</span>
+ </a>
+ </li>
+
+ </ul>
+ </div>
+ </div>
+</div>
+
+<script type="text/javascript">
+ $(function(){
+ $("body").metroUI();
+ })
+</script>
+
+</body>
+</html>
Oops, something went wrong.

0 comments on commit 44541dd

Please sign in to comment.