Skip to content

Instantly share code, notes, and snippets.

@curiositry
Created June 18, 2014 19:23
Show Gist options
  • Select an option

  • Save curiositry/8beb45be7d2451a04d35 to your computer and use it in GitHub Desktop.

Select an option

Save curiositry/8beb45be7d2451a04d35 to your computer and use it in GitHub Desktop.
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{
font-size:21px;
}
.container{
margin: 0 auto;
width: 100%;
max-width: 960px;
}
a {
text-decoration: none;
color:#000;
border-bottom: 1px dotted gray;
}
a:hover, a:active {
border-bottom: 1px solid gray;
}
input, button, textarea{
padding: 10px;
border: 1px solid gray;
box-shadow: none;
}
input:focus, input:active, button:focus, button:active{
border: 1px solid orange;
box-shadow: none;
}
/* ============= HELPERS ================= */
.inline{
display: inline;
}
.m0a{
margin: 0 auto;
}
.hcenter{
margin: 0 auto;
width: 100%;
}
.center-text{
text-align:center;
}
.sc{
-moz-font-feature-settings: "smcp=1";
-ms-font-feature-settings: "smcp";
-webkit-font-feature-settings: "smcp";
-o-font-feature-settings: "smcp";
font-feature-settings: "smcp";
}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="DESCRIPTION"/>
<meta name="author" content="AUTHOR">
<meta name="keywords" content="KEYWORDS">
<meta name="MobileOptimized" content="320">
<meta name="HandheldFriendly" content="True">
<title>PAGETITLE</title>
<link rel="stylesheet" href="css/style.min.css" media="screen" />
<link rel="stylesheet" href="css/print.php" media="print" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
Hello, World.
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment