library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

clean up test files

Browse Source
This commit is contained in:
Tilo Mitra 2013-05-16 14:18:18 -04:00
parent 4ee4376e5c
commit c0e641f7bf
6 changed files with 14 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/base/tests/manual/test.html
View File

@ -5,8 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Normalize CSS</title> <title>Normalize CSS</title>
<link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" type="text/css" href="../../../../build/base-min.css">
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<style> <style>
#boxsize button, #boxsize button,
#boxsize input, #boxsize input,

3
src/buttons/tests/manual/button.html
View File

@ -2,8 +2,7 @@
<html> <html>
<head> <head>
<title>Button Manual Tests</title> <title>Button Manual Tests</title>
<link rel="stylesheet" type="text/css" href="../../../../build/base/base-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/buttons/buttons-min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" rel="stylesheet">

64
src/forms/tests/manual/index.html → src/forms/tests/manual/forms.html
View File

@ -3,73 +3,23 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name="viewport" content="width = device-width"> <meta name="viewport" content="width = device-width">
<title>Forms CSS</title> <title>Forms CSS Manual Test</title>
<link rel="stylesheet" type="text/css" href="../../../../build/grids-responsive/grids-responsive-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/grids-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/forms/forms-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/forms-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/buttons/buttons-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/buttons-min.css">
<!-- <link rel="stylesheet" type="text/css" href="../../css/forms.css">
<link rel="stylesheet" type="text/css" href="../../css/forms-responsive.css"> -->
<style> <style>
body { body {
color: #333; color: #333;
font-size:1.2em; font-size:1.2em;
} }
.header {
background: black;
min-height: 80px;
margin: 0;
color:white;
padding: 30px 20px;
}
.header h2 {
font-weight:300;
color: #666;
margin:0;
}
h1,h2,h3,h4,h5,h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
"Helvetica Neue", sans-serif;
font-weight: 300;
margin:0;
padding:0;
}
.content {
padding:0 30px;
}
.content h2 {
color:#2B474F;
margin:50px 0 20px 0;
font-weight:bold;
}
.notice {
background-color: #61B842;
color: white;
}
</style> </style>
</head> </head>
<body class="pure-skin-sam"> <body>
<div class="header y-u-1">
<h1 class="pure-u-1">Pure Forms CSS</h1>
<h2 class="pure-u">Simple styling for HTML Form elements.</h2>
</div>
<div class="content"> <div class="content">
<p>
CSSForm is a YUI module that makes it easy to display good looking forms on your website.
</p>
<h2>Default Form</h2> <h2>Default Form</h2>
<form class="pure-form"> <form class="pure-form">
@ -192,7 +142,7 @@
<div class="pure-controls"> <div class="pure-controls">
<label class="pure-checkbox"> <label class="pure-checkbox">
<input type="checkbox"> Check me out <input type="checkbox"> Remember Me
</label> </label>
<button type="submit" class="pure-button">Submit</button> <button type="submit" class="pure-button">Submit</button>
</div> </div>
@ -337,7 +287,5 @@
</label> </label>
</form> </form>
</div> </div>
<script type="text/javascript" src="//use.typekit.net/ajf8ggy.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</body> </body>
</html> </html>

3
src/grids/tests/manual/responsive.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="../../../../build/grids/grids-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/grids-min.css">
<title>Responsive Grids Test</title> <title>Responsive Grids Test</title>
</head> </head>
<body class="pure-g-r"> <body class="pure-g-r">
@ -21,7 +21,6 @@
<h2>The HTML</h2> <h2>The HTML</h2>
<p>The first gist shows how regular Pure grids are written. These grids are unresponsive. They'll always be one-thirds irrespective of the width of the screen. The second gist replaces the <code>pure-g</code> with <code>pure-g-r</code>, thereby making the one-third columns collapse to full width on lower screen widths.</p> <p>The first gist shows how regular Pure grids are written. These grids are unresponsive. They'll always be one-thirds irrespective of the width of the screen. The second gist replaces the <code>pure-g</code> with <code>pure-g-r</code>, thereby making the one-third columns collapse to full width on lower screen widths.</p>
<script src="https://gist.github.com/3955432.js"></script>
</div> </div>
</div> </div>

21
src/menus/tests/manual/list.html → src/menus/tests/manual/menus.html
View File

@ -4,9 +4,7 @@
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name="viewport" content="width = device-width"> <meta name="viewport" content="width = device-width">
<title>List CSS</title> <title>List CSS</title>
<link rel="stylesheet" type="text/css" href="../../../../build/base/base-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/menus-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/buttons/buttons-min.css">
<link rel="stylesheet" type="text/css" href="../../../../build/menus/menus-min.css">
<style> <style>
body { body {
@ -15,19 +13,6 @@
margin-bottom: 30px; margin-bottom: 30px;
} }
.header {
background: black;
min-height: 80px;
margin: 0;
color:white;
padding: 30px 20px;
}
.header h2 {
font-weight:300;
color: #666;
margin:0;
}
.content { .content {
padding:0 30px; padding:0 30px;
} }
@ -67,10 +52,6 @@
<div class="content"> <div class="content">
<p>
<code>gallerycss-csslist</code> is a YUI Gallery module that makes it easy to display good looking lists on your website.
</p>
<h2>Horizontal Menu</h2> <h2>Horizontal Menu</h2>
<p> <p>

46
src/tables/tests/manual/index.html → src/tables/tests/manual/tables.html
View File

@ -2,13 +2,9 @@
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="../../../../build/tables/tables-min.css"> <link rel="stylesheet" type="text/css" href="../../../../build/tables-min.css">
<style> <style>
body {
padding:30px;
font-size:14px;
width:600px;
}
table { table {
width:480px; width:480px;
} }
@ -17,7 +13,7 @@
</head> </head>
<body> <body>
<div class="intro"> <div class="intro">
<h1>gallerycss-csstables</h1> <h1>Pure Table CSS</h1>
<h2> <h2>
Simple CSS for HTML Tables Simple CSS for HTML Tables
</h2> </h2>
@ -25,7 +21,7 @@
<h2>Default Table</h2> <h2>Default Table</h2>
<p>Add the <code>pure-table</code> classname to a table to style an HTML table similar to how a YUI 3 Datatable would be styled. This class adds appropriate padding and borders to table elements, and increases the emphasis on the header.</p> <p>Add the <code>pure-table</code> classname to a table to style an HTML table This class adds appropriate padding and borders to table elements, and increases the emphasis on the header.</p>
<table class="pure-table"> <table class="pure-table">
<thead> <thead>
<tr> <tr>
@ -251,39 +247,5 @@
</tbody> </tbody>
</table> </table>
<h2>Simple Table with plain header</h2>
<p>To remove the styled header, simply add the <code>pure-thead-simple</code> class name to the <code>thead</code> element. You can mix and match this with other table class names mentioned above.</p>
<table class="pure-table pure-table-bordered">
<thead>
<tr>
<th>#</th>
<th>Make</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Honda</td>
<td>Accord</td>
<td>2009</td>
</tr>
<tr>
<td>2</td>
<td>Toyota</td>
<td>Camry</td>
<td>2012</td>
</tr>
<tr>
<td>3</td>
<td>Hyundai</td>
<td>Elantra</td>
<td>2010</td>
</tr>
</tbody>
</table>
</body> </body>
</html> </html>