スキン変更♪ [カスタムスキン]
新しくスキン出ましたね♪
今回はワイドな感じのものも出たみたいで、試しにカスタマイズしてみました (^o^)
今まで使っていたバードバードバードのカスタム内容はこんな感じ。
画像はこれだったかな (^_^;)
ちょっと手抜きでカスタマイズしたんで多少ずれてる気もしますがスキンの設定で補正してあるので、
これで十分です。
参考になる人は参考にしてください~
@charset "UTF-8";
/*-----Common-----*/
a:link { text-decoration:none; color:#0000FF; }
a:visited { text-decoration:none; color:#207831; }
a:active { text-decoration:none; color:#207831; }
a:hover { text-decoration:underline; color:#ff0000; }
body {
background:#f5efe6;
}
blockquote {
margin:12px;
padding:6px;
border:1px solid #cccccc;
}
#container {
width :1000px;
margin:0 auto;
line-height:1.4;
text-align:left;
color:#444444;
background:transparent;
}
#banner {
background:url(/_images/blog/_769/gooverability/main_visual_custom_01.jpg) no-repeat left top;
width:1000px;
height:232px;
margin:0px 0 15px 0;
}
#banner h1{
margin:0;
padding:80px 0px 5px 30px;
font-size:40px;
font-family: HGP創英角ポップ体,serif;
}
#banner h1 a{
color:#444444;
}
#lead{
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
font-size:12px;
font-family:Arial,sans-serif;
color:#444444;
}
/*-----Content-----*/
#content{
padding:0;
margin:0;
}
/* Links */
.archive-title{
margin-bottom:15px;
color:#207831;
font-size:x-small;
}
/* === clearfix ==*/
.archive-title:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.archive-title{
display: inline-block;
}
/* Hides from IE-mac \*/
* html .archive-title{height: 1%;}
.archive-title{display: block;}
/* End hide from IE-mac */
.archive-bottom{
margin-top:6px;
padding-top:3px;
color:#207831;
font-size:x-small;
}
.archive-name{
float:left;
}
.previousLink{
padding-left:12px;
background:url(/_common/skins/624/images/arrowL_small.gif) no-repeat left center;
}
.nextLink{
padding-right:12px;
background:url(/_common/skins/624/images/arrowR_small.gif) no-repeat right center;
}
.archive-links{
float:right;
padding-left:12px;
background:url(/_common/skins/624/images/arrowT_small.gif) no-repeat left center;
}
/* Articles */
#main {
width:561px;
overflow:hidden;
float:right;
}
.articles {
width:561px;
overflow:hidden;
margin:0 0 40px 0;
}
.articles-top{
clear:both;
}
.articles-title {
background:url(/_common/skins/624/images/title_acs.gif) no-repeat left top;
background-position:0 0px;
font-size:16px;
line-height:22px;
padding:4px 0 4px 34px;
margin:0px 0px 10px 0;
color:#207831;
}
.articles-title a,
.articles-title a:hover{
color:#207831 ! important;
}
.articles-body {
line-height:1.6;
margin:0 0 17px 17px;
}
.articles-body img {
margin-right: 6px;
margin-bottom: 6px;
}
.posted{
margin:20px 0 20px 10px;
font-size:x-small;
color:#636466333;
}
/*-----Entry-----*/
.entry {
margin-top:0px;
padding:12px;
background:url(/_common/skins/624/images/line01.gif) repeat-x;
}
.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
color:#444444;
}
.entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form {
margin:0;
padding:0;
}
/* nice! */
#nice h4 {
background:url("/_common/skins/624/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
}
#nice form {
margin:12px 0;
}
#nice li {
float:left;
width:63px;
padding:5px 0;
font-size:x-small;
line-height:1.2;
text-align:center;
list-style:none;
overflow:hidden;
white-space:nowrap;
display:block;
}
.nice-button{
clear:both;
}
/* Comments */
#comments form {
margin:12px 0;
}
.each-comment {
margin:20px 0;
clear:both;
}
.each-comment img {
float:left;
margin:0 10px;
}
.each-comment input {
margin:0;
padding:0;
}
* html .each-comment input {
margin-bottom:-2px;
}
.comments-body {
margin:0 0 0 60px;
}
#comments .delete {
margin-left:60px;
}
/* Comment Write */
#comment-write dt {
float:left;
clear:both;
}
#comment-write dd {
margin:0 0 3px 80px;
line-height:1.5;
}
#comment-write textarea {
height:150px;
}
.comment-input {
width:500px;
}
/* Trackback Write */
#trackback-write p {
margin:0;
}
#trackback-write form {
margin:12px 0;
}
.each-trackback {
margin:15px 0;
}
.trackback-url input {
width:98%;
}
/*-----Side-----*/
#side-a, #side-b {
width:180px;
overflow:hidden;
float:left;
}
.sidebar {
width:180px
margin-bottom:10px;
overflow:hidden;
position:relative;
}
.sidebar-end{
height:6px;
}
.sidebar-end{
height:13px;
margin:15px 0 0 0;
}
.sidebar-title{
margin:0;
padding:5px 0 5px 18px;
font-size:x-small;
font-weight:normal;
color:#333333;
font-weight:bold;
background:url(/_common/skins/624/images/side_box_title.gif) no-repeat left 5px;
}
.sidebar-body {
padding:10px 10px 0px 13px;
}
.sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form {
margin:0;
padding:0;
}
.sidebar-body li {
margin-bottom:9px;
list-style-type:none;
line-height:1.3;
}
.new {
margin-left:6px;
color:#f00;
font-weight:bold;
}
/*--Profile--*/
#profile .sidebar-body {
}
dt.profile-img {
float:left;
}
dd.profile-status{
margin-left:80px;
line-height:1.8;
}
#profile .profileLink{
line-height:1.2;
}
#profile .sidebar-body dt, #profile .sidebar-body dd, #profile .sidebar-body form {
margin-bottom:0;
}
.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
color:#0090ff;
}
/*--Calendar--*/
#calendar .sidebar-body{
padding:10px 2px 0px 2px;
}
.calendar-date {
text-align:center;
}
#calendar table {
margin:3px auto;
text-align:center;
}
#calendar th {
height:21px;
width:21px;
font-weight:normal;
}
#calendar td{
height:21px;
width:21px;
font-size:10px;
}
#calendar td.link {
background:url(/_common/skins/624/images/cal_bg.gif) no-repeat center center;
}
#calendar td.link a,
#calendar td.link a:hover{
color:#fff;
}
/*--Search--*/
#search .sidebar-body {
padding-bottom:6px;
}
.search-tbox {
width:95px;
margin:3px 0 0 0;
}
.search-button{
margin:3px 0 0 0;
}
/*--RSS Regist--*/
#rssRegist{
margin:0 10px 15px 0px;
padding:5px 5px 5px 15px;
background: #207831 url("/_common/skins/624/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
line-height:1;
}
#rssRegist a:link { text-decoration:none; color:#fff; }
#rssRegist a:visited { text-decoration:none; color:#fff; }
#rssRegist a:active { text-decoration:none; color:#fff; }
#rssRegist a:hover { text-decoration:underline; color:#fff;}
/*--So-net--*/
#powered img {
margin-bottom:6px;
margin-left:5px;
position:relative;
}
#rssfeed{
margin-left:5px;
position:relative;
}
/*--Tag--*/
.tag-word{
margin:10px 0 0 0;
}
.tag{
}
#tag_cloud{
border:1px solid #444444;
margin-bottom:10px;
padding:12px 10px;
text-align:left;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
padding-top:5px;
font-size:16px;
text-align:left;
font-weight:bold;
color:#444444;
}
.tag-body{
margin:10px 0;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #444444;
padding:0 0 3px 0;
clear:left;
position:relative;
color:#444444;
}
.tag-search{
text-align:right;
padding:5px 0;
margin-bottom:10px;
}
.tag-article{
padding:2px 10px;
text-align:left;
}
.tag-article-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-article-posted{
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
}
.tag-more{
text-align:right;
margin:10px 0;
clear:left;
}
.tag-photos{
float:left;
margin:0px 10px;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-audios{
margin:2px 10px;
}
.tag-audios-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-audios-posted{
}
.tag-videos{
float:left;
margin:0 10px;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0;
}
/*-----Footer-----*/
#footer{
width:770px;
margin:0px auto;
padding:110px 0 15px 0;
clear:both;
background:url(/_common/skins/624/images/footer_bg.gif) no-repeat right top;
}
.copyright{
padding:0;
margin:0;
font-size:x-small;
text-align:right;
}
#side-a {
float:left;
}
.archive-title,
.archive-bottom {
font-size:x-small;
}
#main {
float:left;
width:390px;
margin-left:15px;
}
.articles {
width:600px;
}
.articles-body {
line-height:1.6;
margin:0 0px 10px 20px;
padding:0 0 15px 0;
border-bottom:1px solid #fff;
}
#nice li {
width:57px;
}
.comment-input,
#comment-write textarea {
width:500px;
}
.search-tbox {
width:65%;
}
#side-a,
#side-b,
.sidebar {
width:170px;
}
#side-a {
float:left;
}
#side-b {
float:right;
}
.archive-name,
.archive-name {
display: block;
}
.archive-title .archive-links,
.archive-title .archive-links {
display: none;
}
.archive-bottom .archive-name,
.archive-bottom .archive-name {
margin-bottom: 5px;
}
.postDate,
.postDate {
display: block;
}
#comment-write dt,
#comment-write dt {
float: none;
}
#comment-write dd,
#comment-write dd {
margin-left: 0;
}
mikaoさん、nice! ありがとう御座います (^o^)
by Ten (2008-12-06 08:38)