Skip to content

Instantly share code, notes, and snippets.

View moritamoriko's full-sized avatar
😇

Akiko kashiwabara moritamoriko

😇
View GitHub Profile
a{
color: #ffffff;
background-color: #dccf76;
margin: 0 4px;
padding: 2px 6px;
font-weight: normal;
text-shadow: none;
}
/*オンマウスでセレクタ全体の透明度が変わる*/
@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 */
@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: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:4011587
Created November 4, 2012 11:55
傾ける
.slope1 {
-webkit-transform: rotate(-10deg);  /* chrome、safari */
-moz-transform: rotate(-10deg);  /* firefox */
margin:0px 0px 0px 0px;
}
<!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 / 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,
color: #d3360b;
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,