Skip to content

Commit

Permalink
Init support iPad in demo
Browse files Browse the repository at this point in the history
  • Loading branch information
@olton
olton committed Aug 18, 2012
1 parent 9071378 commit 5266b05
Show file tree
Hide file tree
Showing 21 changed files with 163 additions and 346 deletions.
1 change: 1 addition & 0 deletions less/layout.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,7 @@
min-height: 5 * @unit;
background: transparent;
padding-left: 6 * @unit;
z-index: 10000;
//overflow: hidden;

h1 {
Expand Down
34 changes: 6 additions & 28 deletions new-demo/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -19,30 +20,6 @@
<script src="/js/site.js" type="text/javascript"></script>
</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->

<div class="metro" id="about">
<div class="layout">
<!-- Header -->
Expand All @@ -57,7 +34,7 @@
</ul>
<div class="dropdown-container clearfix">
<a class="dropdown-toggle">
<h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI CSS<b></b></h1>
<h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI CSS:About<b></b></h1>
</a>

<ul class="dropdown-menu">
Expand All @@ -79,14 +56,13 @@ <h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI C
<li><a href="/donate.html">Donate</a></li>
</ul>
</div>
<b class="stick"></b>
</div>

<!-- Scrollable content -->
<div id="scroll" class="metro-scroll">
<div class="content clearfix" id="content">
<h1 style="color: #1e1e1e;">About</h1>

<br />
<br />
<div class="frames">
<div class="frame size3">
<div class="metro-sections">
Expand Down Expand Up @@ -123,6 +99,8 @@ <h5 style="margin: 0;">styles in the style of Windows 8 Metro</h5>

<br />
<p>Browsers: IE 9+, Chrome, Opera, Safari, Firefox</p>
<br />
<p><i style="color: #1e1e1e;">Project does not have anything to do with Microsoft, developed by one person in the first place for fun</i></p>
</div>
</div>
</div>
Expand Down
25 changes: 2 additions & 23 deletions new-demo/buttons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -32,29 +33,7 @@

</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->


<div class="metro">
<div class="layout">
Expand Down
27 changes: 3 additions & 24 deletions new-demo/cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -19,29 +20,7 @@
<script src="/js/site.js" type="text/javascript"></script>
</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->


<div class="metro" id="about">
<div class="layout">
Expand Down Expand Up @@ -79,7 +58,7 @@ <h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI C
<li><a href="/donate.html">Donate</a></li>
</ul>
</div>
<b class="stick"></b>
<!--<b class="stick"></b>-->
</div>

<!-- Scrollable content -->
Expand Down
2 changes: 1 addition & 1 deletion new-demo/css/metro.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

39 changes: 39 additions & 0 deletions new-demo/css/representative.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
@media screen and (max-width: 1024px) {
.metro .layout .header h1 {
font-size: 32pt;
width: 500px;
}

.metro .layout .header .commands-list li img {
width: 24px;
height: 24px;
}

.metro .layout .header .commands-list li span {
font-size: 18pt !important;
}
.metro .layout .header .command-back-wrapper a {
padding: 30px 45px;
}

.metro .layout .content {
margin-top: 100px;
}
}

@media screen and (max-width: 768px) {
.metro .layout .header h1 {
font-size: 24pt;
width: 300px;
}
.metro .layout .header .commands-list li img {
width: 24px;
height: 24px;
}
.metro .layout .header .commands-list li span {
font-size: 18pt !important;
}
.metro .layout .header .command-back-wrapper a {
padding: 30px 45px;
}
}
4 changes: 4 additions & 0 deletions new-demo/css/site.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,4 +59,8 @@ body {

.border {
border: 1px #000 solid;
}

.dropdown-container {
//position: relative;
}
27 changes: 3 additions & 24 deletions new-demo/donate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -32,29 +33,7 @@

</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->


<div class="metro" id="about">
<div class="layout">
Expand Down Expand Up @@ -92,7 +71,7 @@ <h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI C
<li><a href="/donate.html">Donate</a></li>
</ul>
</div>
<b class="stick"></b>
<!--<b class="stick"></b>-->
</div>

<!-- Scrollable content -->
Expand Down
27 changes: 3 additions & 24 deletions new-demo/form.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -34,29 +35,7 @@

</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->


<div class="metro" id="layout">
<div class="layout">
Expand Down Expand Up @@ -94,7 +73,7 @@ <h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI C
<li><a href="/donate.html">Donate</a></li>
</ul>
</div>
<b class="stick"></b>
<!--<b class="stick"></b>-->
</div>

<div class="content clearfix" id="content">
Expand Down
26 changes: 2 additions & 24 deletions new-demo/images.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<link href="/css/metro.css" rel="stylesheet">
<link href="/css/site.less" rel="stylesheet/less" type="text/css" >
<link href="/css/representative.css" rel="stylesheet" media="all">

<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>
Expand All @@ -33,29 +34,6 @@

</head>
<body>
<a href='http://hit.ua/?x=19154' target='_blank'>
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<noscript>
<img src='http://c.hit.ua/hit?i=19154&amp;g=0&amp;x=2' border='0'/>
</noscript></a>
<!-- / hit.ua -->

<div class="metro" id="about">
<div class="layout">
Expand Down Expand Up @@ -93,7 +71,7 @@ <h1><img src="/img/logo.gif" style="width: 40px; margin-right: 10px;">Metro UI C
<li><a href="/donate.html">Donate</a></li>
</ul>
</div>
<b class="stick"></b>
<!--<b class="stick"></b>-->
</div>

<!-- Scrollable content -->
Expand Down
Binary file added new-demo/img/mit.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified new-demo/img/mit.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 5266b05

Please sign in to comment.