mirror of
https://github.com/pure-css/pure.git
synced 2024-10-05 19:24:19 +00:00
Merge pull request #8 from tilomitra/test-cleanup
Clean up all the manual test pages
This commit is contained in:
Eric Ferraiuolo
commit
0ded9fa4b8
@ -1,6 +1,11 @@
|
||||
Pure Change History
|
||||
===================
|
||||
|
||||
NEXT
|
||||
----
|
||||
|
||||
* Clean up manual test files, removing unnecessary CSS files and cruft.
|
||||
|
||||
0.0.2 (2013-05-16)
|
||||
------------------
|
||||
|
||||
|
||||
@ -5,8 +5,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Normalize CSS</title>
|
||||
<link rel="stylesheet" href="normalize.css">
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/base-min.css">
|
||||
<style>
|
||||
#boxsize button,
|
||||
#boxsize input,
|
||||
|
||||
@ -2,8 +2,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<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/buttons-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/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-ie7.css" rel="stylesheet">
|
||||
|
||||
|
||||
@ -3,73 +3,23 @@
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta name="viewport" content="width = device-width">
|
||||
<title>Forms CSS</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/grids-responsive/grids-responsive-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/forms/forms-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/buttons/buttons-min.css">
|
||||
<title>Forms CSS Manual Test</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/grids-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/forms-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>
|
||||
body {
|
||||
color: #333;
|
||||
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>
|
||||
</head>
|
||||
<body class="pure-skin-sam">
|
||||
|
||||
<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>
|
||||
<body>
|
||||
|
||||
<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>
|
||||
|
||||
<form class="pure-form">
|
||||
@ -192,7 +142,7 @@
|
||||
|
||||
<div class="pure-controls">
|
||||
<label class="pure-checkbox">
|
||||
<input type="checkbox"> Check me out
|
||||
<input type="checkbox"> Remember Me
|
||||
</label>
|
||||
<button type="submit" class="pure-button">Submit</button>
|
||||
</div>
|
||||
@ -337,7 +287,5 @@
|
||||
</label>
|
||||
</form>
|
||||
</div>
|
||||
<script type="text/javascript" src="//use.typekit.net/ajf8ggy.js"></script>
|
||||
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<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>
|
||||
</head>
|
||||
<body class="pure-g-r">
|
||||
@ -21,7 +21,6 @@
|
||||
|
||||
<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>
|
||||
<script src="https://gist.github.com/3955432.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -4,9 +4,7 @@
|
||||
<meta charset='utf-8'>
|
||||
<meta name="viewport" content="width = device-width">
|
||||
<title>List CSS</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/base/base-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">
|
||||
<link rel="stylesheet" type="text/css" href="../../../../build/menus-min.css">
|
||||
|
||||
<style>
|
||||
body {
|
||||
@ -15,19 +13,6 @@
|
||||
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 {
|
||||
padding:0 30px;
|
||||
}
|
||||
@ -67,10 +52,6 @@
|
||||
|
||||
<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>
|
||||
|
||||
<p>
|
||||
@ -2,13 +2,9 @@
|
||||
|
||||
<html>
|
||||
<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>
|
||||
body {
|
||||
padding:30px;
|
||||
font-size:14px;
|
||||
width:600px;
|
||||
}
|
||||
|
||||
table {
|
||||
width:480px;
|
||||
}
|
||||
@ -17,7 +13,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="intro">
|
||||
<h1>gallerycss-csstables</h1>
|
||||
<h1>Pure Table CSS</h1>
|
||||
<h2>
|
||||
Simple CSS for HTML Tables
|
||||
</h2>
|
||||
@ -25,7 +21,7 @@
|
||||
|
||||
<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">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -251,39 +247,5 @@
|
||||
</tbody>
|
||||
</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>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user