/* -*- coding: utf-8; -*- = gtool.scss{scss,css} gtool.scss を sass で comppile することで gtool.css を生成する. gtool.css は常に上書きされる可能性のあることに注意されたい. */ @mixin bgimg($image){ background: url($image); color: #000; } @mixin border ($radius){ border-radius: $radius; -webkit-border-radius: $radius; -moz-border-radius: $radius; box-shadow: 0 1px 2px #ccc; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; } @mixin link_no_decoration($color){ color: $color; text-decoration: none; &:hover { color: $color; text-decoration: none; } &:active { color: $color; text-decoration: none; } &:link { color: $color; text-decoration: none; } &:visited{ color: $color; text-decoration: none; } } body { @include bgimg("htmltools/wall_d.png"); } nav { background-color: #224422 !important; } div.main { @include border(8px); background-color: rgba(255, 255, 255, 0.6); margin: 12px auto; } a { color: #00f; text-decoration: underline; &:link{ color: #00f; text-decoration: underline; } &:visited{ color: #00f; text-decoration: underline; } &:hover{ color: #f00; text-decoration: underline; } &:active{ color: #0ff; text-decoration: underline; } } nav a{ text-decoration: none !important; } $h1_color: #FFFFFF; h1 { @include border(8px); background: #338833; color: $h1_color; border-top: #338833 4px solid; border-bottom: #338833 4px solid; line-height: 120%; padding: 10px 14px; a { @include link_no_decoration($h1_color); } } $h2_color: #000; h2 { /* @include border(2px); */ color: $h2_color; border-left: #CC8833 0.6em solid; border-bottom: #338833 5px solid; padding-left: 0.4em; line-height: 120%; a{ @include link_no_decoration($h2_color); } } h3 { color: #208050; border-bottom: #000066 1px solid; padding-left: 10px; a{ @include link_no_decoration(#003366); } } strong { color: #004080; }