Skip to content

Instantly share code, notes, and snippets.

@mypacecreator
Last active August 29, 2015 13:57
Show Gist options
  • Save mypacecreator/9614104 to your computer and use it in GitHub Desktop.
Save mypacecreator/9614104 to your computer and use it in GitHub Desktop.
おれおれ初期値CSS(暫定版)
@charset "utf-8";
/*------------------------------------------------------------------------------
reset.css 2014.03.18
-------------------------------------------------------------------------------*/
html { overflow-y: scroll; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, menu, nav, section, summary { display: block; }
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
img, abbr, acronym, fieldset, a img { border: none; }
q:before, q:after { content: ''; }
object, embed { vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; margin: 0; padding: 0; }
a { outline: none; cursor: pointer; }
ul,ol { list-style-type: none; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input[type=checkbox], input[type=radio], input[type=submit], button, label { cursor: pointer; }
.clearfix:after{ content : ''; font-size: 0; height : 0px; display : block; clear : both; visibility : hidden; }
* html .clearfix, *:first-child+html .clearfix{ zoom: 1; }
/*------------------------------------------------------------------------------
ありがちな基本スタイル系 (案件に応じて変更してください)
-------------------------------------------------------------------------------*/
ul { list-style-type: none; }
ol { list-style-type: decimal; }
ol, ul, dl { margin-bottom: 1em; }
img { vertical-align: bottom; }
p { line-height: 1.8; margin-bottom: 1em; }
/*a { text-decoration: none; }*/
a:link { color: #036EB8; text-decoration: underline; }
a:visited { color: #606; text-decoration: underline; }
a:hover { color: #F60; text-decoration: underline; }
a:active { color: #C00; text-decoration: underline; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
/* Form */
input[type=checkbox],input[type=radio], input[type=password], input[type=submit], input[type=reset], button { padding:1px; }
input[type=text], input[type=checkbox], input[type=radio] { margin-right: 3px; }
label { padding-left: 5px; margin-right: 10px; display: inline-block; }
input[type=text], input[type=password], textarea { padding: 5px; }
/*------------------------------------------------------------------------------
ここから案件ごとの指定
-------------------------------------------------------------------------------*/
body {
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
font-size: 14px;
background: #FFF url('') repeat-x scroll left top;
}
/*------------------------------------------------------------------------------
横着系class
-------------------------------------------------------------------------------*/
.cl{ clear: both; }
.txtL{ text-align: left; }
.txtR{ text-align: right; }
.txtC{ text-align: center; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }
.aligncenter { margin: 0px auto 20px; display: block; }
.req { font-size: 0.8em; color: #B70000; }
.formBtn { text-align: center; }
.formBtn input[type=submit]{ padding: 10px; font-size: 1.3em; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment