Skip to content

Instantly share code, notes, and snippets.

@moriko-o
moriko-o / gist:3747094
Created September 19, 2012 01:26
test
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,
@moriko-o
moriko-o / color
Created September 20, 2012 06:14
color: #d3360b;
@moriko-o
moriko-o / 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>
@moriko-o
moriko-o / 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;
}
@moriko-o
moriko-o / 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;
@moriko-o
moriko-o / 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の上*/
@moriko-o
moriko-o / 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;
}
}