Skip to content

Instantly share code, notes, and snippets.

View moritamoriko's full-sized avatar
😇

Akiko kashiwabara moritamoriko

😇
View GitHub Profile
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
color: #d3360b;
@moritamoriko
moritamoriko / reset
Created October 4, 2012 02:56
reset.css
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="css/XXXX.css" media="all">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/XXXX.js"></script>
@moritamoriko
moritamoriko / gist:4011587
Created November 4, 2012 11:55
傾ける
.slope1 {
-webkit-transform: rotate(-10deg);  /* chrome、safari */
-moz-transform: rotate(-10deg);  /* firefox */
margin:0px 0px 0px 0px;
}
@moritamoriko
moritamoriko / gist:4031573
Created November 7, 2012 13:25
font-family
font-family: 'Helvetica','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
@moritamoriko
moritamoriko / gist:4032384
Created November 7, 2012 15:49
box-shadow:
/*1pxのボーダーと半透明の白い線*/
/*BOXの下*/
border-bottom: rgba(0,0,0,0.3) 1px solid;
box-shadow: 0 1px 0 rgba(255,255,255,0.5); /* chrome、safari */
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);  /* firefox */
-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5);  /* OPERA */
-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5);  /* IE */
/*BOXの上*/
@moritamoriko
moritamoriko / gist:4032600
Created November 7, 2012 16:22
text-shadow
/*テキストの影*/
text-shadow: 1px 1px 0 rgba(255,255,255,0.8); /* chrome、safari */
-moz-text-shadow: 1px 1px 0 rgba(255,255,255,0.8);  /* firefox */
-o-text-shadow: 1px 1px 0 rgba(255,255,255,0.8);  /* OPERA */
-ms-text-shadow: 1px 1px 0 rgba(255,255,255,0.8);  /* IE */
a{
color: #ffffff;
background-color: #dccf76;
margin: 0 4px;
padding: 2px 6px;
font-weight: normal;
text-shadow: none;
}
/*オンマウスでセレクタ全体の透明度が変わる*/
/*Max Width*/
/*クラスXXXXXXが指定したサイズ(Npx)より小さい場合にスタイルが適用される*/
@media screen and (max-width: Npx) {
.XXXXXX {
background: #F9C;
}
}