Last active
August 29, 2015 13:57
-
-
Save mypacecreator/9614104 to your computer and use it in GitHub Desktop.
おれおれ初期値CSS(暫定版)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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