Skip to content

Instantly share code, notes, and snippets.

@ykhs
Created April 10, 2011 14:23
Show Gist options
  • Save ykhs/912382 to your computer and use it in GitHub Desktop.
Save ykhs/912382 to your computer and use it in GitHub Desktop.
個人サイトに Sass を導入してみた(CSS 生成後)
/*!
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html {
color: #000;
background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0; }
table {
border-collapse: collapse;
border-spacing: 0; }
fieldset, img {
border: 0; }
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal; }
li {
list-style: none; }
caption, th {
text-align: left; }
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal; }
q:before, q:after {
content: ''; }
abbr, acronym {
border: 0;
font-variant: normal; }
sup {
vertical-align: text-top; }
sub {
vertical-align: text-bottom; }
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit; }
input, textarea, select {
*font-size: 100%; }
legend {
color: #000; }
/*!
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size: small;
*font: x-small; }
select, input, button, textarea {
font: 99% arial,helvetica,clean,sans-serif; }
table {
font-size: inherit;
font: 100%; }
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%; }
/*!
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/
/******************************************************************************
* HTML5 elements
*/
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
/******************************************************************************
* Site Structure
*/
html {
height: 100%;
overflow-y: scroll; }
body {
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
line-height: 1.6;
color: #686868;
background: #f9faf2 url(./images/bg-body.jpg) repeat-x center 0; }
a {
color: #0066cc;
text-decoration: none; }
a:hover {
text-decoration: underline; }
.wrap {
clear: both;
zoom: 1;
margin-left: auto;
margin-right: auto;
width: 660px;
text-align: left; }
.wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .wrap {
height: 1px; }
/******************************************************************************
* site-header
*/
.site-header {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 640px;
padding-top: 30px;
text-align: left;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif; }
.site-header h1 {
font-size: 369.2%;
background: url(./images/bg-site-title.gif) no-repeat 0 bottom; }
/******************************************************************************
* site-nav
*/
.site-nav h1 {
margin-top: 40px;
font-size: 230.8%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #acacac;
background: none; }
.site-nav ul {
clear: both;
zoom: 1;
margin: 10px 0 0;
font-size: 153.9%;
line-height: 1;
border: solid #acacac;
border-width: 0 0 0 1px; }
.site-nav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .site-nav ul {
height: 1px; }
.site-nav ul li {
float: left;
display: inline;
border: solid #acacac;
border-width: 0 1px 0 0; }
.site-nav ul li a {
display: block;
padding: 0 18px; }
/******************************************************************************
* site-main
*/
.site-main {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 640px; }
.site-main h1 {
margin-top: 40px;
font-size: 230.8%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #acacac;
background: none; }
/******************************************************************************
* site-footer
*/
.site-footer {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 640px;
clear: both;
zoom: 1;
margin-top: 80px;
padding-bottom: 30px;
text-align: left;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-top: 1px solid #686868; }
.site-footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .site-footer {
height: 1px; }
.site-footer .copy {
margin: 10px 0 0; }
/******************************************************************************
* mod-post (blog single view)
*/
.mod-post header {
margin: 40px 0; }
.mod-post header h1 {
margin-top: 40px;
font-size: 182%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #cccccc;
margin: 0; }
.mod-post .tags {
display: inline; }
.mod-post p, .mod-post blockquote {
margin: 30px 0 0; }
.mod-post section h1 {
margin-top: 40px;
font-size: 153.9%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border: 0; }
.mod-post section section h1 {
font-size: 123.1%; }
.mod-post ul {
margin: 24px 0 0;
list-style-type: circle;
list-style-position: inside; }
.mod-post ul li {
padding: 6px 0 0; }
.mod-post ul ul {
margin: 0 0 0 1em; }
.mod-post ol {
margin: 24px 0 0; }
.mod-post ol li {
padding: 6px 0 0;
list-style-type: decimal;
list-style-position: inside; }
.mod-post ol ol {
margin: 0 0 0 1em;
list-style-type: lower-latin; }
.mod-post ol ol ol {
list-style-type: decimal; }
.mod-post dl {
margin: 22px 0 0; }
.mod-post dl dt {
padding: 8px 0 0; }
.mod-post dl dd {
margin: 0 0 0 1em; }
.mod-post blockquote {
padding: 0 10px 10px;
border: 1px solid #e6e6e6;
background: #ececec; }
.mod-post blockquote p {
margin: 0;
padding: 10px 0 0; }
.mod-post img {
margin: 40px 0 0; }
.mod-post .caption {
padding: 30px 0 0; }
.mod-post p img {
margin: 0; }
.mod-post .gist {
margin-top: 30px; }
.mod-post .syntaxhighlighter {
width: auto !important;
margin: 30px 0 0 !important; }
/******************************************************************************
* mod-post-others (blog single view)
*/
.mod-post-others .old-and-new {
margin-top: 20px;
clear: both;
zoom: 1; }
.mod-post-others .old-and-new:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .mod-post-others .old-and-new {
height: 1px; }
.mod-post-others .old-and-new .newer {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 310px;
margin-left: 0; }
.mod-post-others .old-and-new .older {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 310px;
margin-right: 0; }
.mod-post-others dt {
margin-top: 40px;
font-size: 182%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #cccccc; }
.mod-post-others dd {
padding: 8px 0 0;
list-style: circle inside; }
/******************************************************************************
* mod-post-summaries (blog summary view)
*/
.mod-post-summaries h1 {
margin-top: 40px;
font-size: 182%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #cccccc; }
.mod-post-summaries .summary h1 {
margin-top: 40px;
font-size: 153.9%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border: 0; }
.mod-post-summaries .summary .desc {
margin-top: 6px; }
.mod-post-summaries .summary .date {
margin-top: 3px; }
/******************************************************************************
* mod-post-tags (blog summary view)
*/
.mod-post-tags {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 310px;
margin-left: 0; }
.mod-post-tags h1 {
margin-top: 40px;
font-size: 182%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #cccccc; }
.mod-post-tags ul {
margin-top: 15px; }
.mod-post-tags li {
display: inline;
padding-right: 8px; }
/******************************************************************************
* mod-post-archives (blog summary view)
*/
.mod-post-archives {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 310px;
margin-right: 0; }
.mod-post-archives h1 {
margin-top: 40px;
font-size: 182%;
font-family: "georgia", "Hiragino Mincho Pro", "MS PMincho", serif;
border-bottom: 1px solid #cccccc; }
.mod-post-archives ul {
margin-top: 15px; }
.mod-post-archives li {
display: inline;
padding-right: 8px; }
/******************************************************************************
* paging
*/
.mod-paging {
margin-top: 40px; }
.mod-paging p {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 310px; }
.mod-paging .back {
margin-left: 0; }
.mod-paging .next {
margin-right: 0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment