/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Two-column with sidebar on left from the /examples/ folder */
/*@import url('examples/2c-l.css');*/
@import url('http://hairsalon-lana.com/share/css/import.css');
@import url('http://hairsalon-lana.com/cutsample/css/cutsample.css');
/*------------------------------------*/
div.cutsampleMain{
padding: 25px;
padding: 23px 17px 30px 17px;
width: 626px;
}
div.hentry{
float: left;
display: inline;
}
div#nav-below{
}
div.hentry img{
/* padding: 5px;*/
/* background: #fff;*/
}
/*------------------------------------*/
div#cutSampleDetail h4{}
div#cutSampleDetail p.fL{
float: left;
/* border: 1px solid yellow;*/
}
div#cutSampleDetail div.fR{
float: left;
/* border: 1px solid red;*/
width: 350px;
}
/*------------------------------------*/
div#cutSampleDetail{
/* border: 1px solid black;*/
}
div#cutSampleDetail div.hentry{
/* width: 100%;*/
}
div#cutSampleDetail h4{
clear:both;
margin:0 0 5px 0;
font-weight:bold;
border-bottom:#444 1px dotted;
}
.cutsampleMain{ margin-bottom: 60px;}
div#cutSampleDetail .entry-title{
border-bottom: 1px dotted #999;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 20px;
padding-bottom: 7px;
}
*html div#cutSampleDetail .entry-title{
border-bottom: 1px solid #ababab;
}
div#cutSampleDetail p img{
border: 5px solid #fff;
display: block;
margin-bottom: 10px;
}
div#cutSampleDetail em{
display: block;
padding-left: 115px;
line-height: 1.6em;
text-align: justify;
min-height:130px;
height: auto !important;
height: 130px;
width: 165px;
}
body.s-author-morimoto div#cutSampleDetail em{background: url("http://hairsalon-lana.com/cutsample/img/detail/morimoto.jpg") no-repeat 0 0;}
body.s-author-tomo div#cutSampleDetail em{background: url("http://hairsalon-lana.com/cutsample/img/detail/tomo.jpg") no-repeat 0 0;}
body.s-author-mine div#cutSampleDetail em{background: url("http://hairsalon-lana.com/cutsample/img/detail/mine.jpg") no-repeat 0 0;}
body.s-author-yuu div#cutSampleDetail em{background: url("http://hairsalon-lana.com/cutsample/img/detail/yuu.jpg") no-repeat 0 0;}
.entry-content{
float: left;
width: 290px;
/*width: 320px;*/
display: inline;
}
.entry-content p img.size-large{
border: 5px solid #fff;
display: block;
margin-bottom: 10px;
}
.entry-content strong{
font-weight: bold;
padding-bottom: 1em;
border-bottom: 1px dotted #444;
}
.entry-content strong{
}
/*------------------------------------*/
/* Custom */
div#cstmBox{
width: 320px;
float: right;
}
div.cstmBoxInner{
margin-bottom: 25px;
line-height: 1.5em;
}
div.cstmBoxInner p{
text-align: justify;
}
.cstmComment,
.cstmArrange,
.cstmLength,
.menuDetail,
.faceType,
.styleDateType{
/* padding-left: 190px;
min-height:28px;
height: auto !important;
height: 28px;*/
padding-top: 27px;
}
.cstmComment{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch_comment.gif") no-repeat 0 0;}
.cstmArrange{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch07.gif") no-repeat 0 0;}
.cstmLength{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch05.gif") no-repeat 0 0;}
.menuDetail{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch06.gif") no-repeat 0 0;}
.faceType{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch02.gif") no-repeat 0 0;}
div.styleDateType{ background: url("http://hairsalon-lana.com/cutsample/img/detail/ch03.gif") no-repeat 0 0;}
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
dl.styleDateFace dt{}
dl.styleDateFace dd{ margin: 0 10px 0 0px }
dl.styleDateFace dt,
dl.styleDateFace dd{
float: left;
margin-bottom: 5px;
}
dl.styleDateFace dt img,
dl.styleDateFace dd img{ vertical-align: top;}
/*------------------------------------*/
p.fL img{ border:5px solid #FFFFFF;}
div#typeBox ul li img{
border: none;
}
div.navigation{
float: left;
}
div#nav-below {
margin-top:1em;
float: left;
width: 100%;
}
div#nav-below div{
margin: 0;
vertical-align: top;
}
div#nav-below div a{
color: #fff;
font-size: 0.84em;
vertical-align: top;
margin: 0;
padding: 0;
border: 1px solid #ccc;
padding: 0.1em 0.7em;
background: #555;
display: block;
}
div#nav-below div.nav-next { float: left;}
div.navigation div.nav-previous{ float: left; margin-right: 5px;}
p#goBackIndex{ float: right; }
p#goBackIndex a img{ border: none; }
/*----------------add--------------------*/
/*------------------------------------*/
/**//* indexPageProperty *//**/
/* div#cutSampleIndex StartWriting */
div#cutSampleIndex .entry-content{
width: 195px;
}
/*------------------------------------*/
#cutSampleDetail div.cutsampleMain{ width: 620px; padding:30px 25px; }
#cutSampleIndex div.cutsampleMain{ padding:23px 7px 8px 17px; }
.more-link{ display:none; }
div.cutSamBox{ width:198px; float:left; display:inline; margin:0 10px 30px 0; }
div.cutSamBox img{
margin:0 0 5px 0;
border:#FFFFFF 5px solid;
max-height:248px;
height: auto !important;
height: 248px;
}
#cutSampleIndex div.entry-content{ float:none; }
#cutSampleDetail div.styleDateType dl.styleDateTypeDl{ width:320px; height:13px; clear:both; float:left; margin:0 0 7px; }
#cutSampleDetail div.styleDateType dl.styleDateTypeDl dt{ float:left; padding:0 5px 0 0; }
#cutSampleDetail div.styleDateType dl.styleDateTypeDl dd{ float:left; padding:0 5px 0 0; }
/*------------------------------------*/
div.styleDateType dl.styleDateTypeDl dt{ margin-right: 6px;}
div.styleDateType dl.styleDateTypeDl dd{ margin-right: 22px; }
div.styleDateType dl.styleDateTypeDl dt,
div.styleDateType dl.styleDateTypeDl dd{
float: left;
margin-bottom: 5px;
}
/*------------------------------------*/
div.styleDateType dl.styleDateFace dt{ padding-top: 5px; }
div.styleDateType dl.styleDateFace dd{ }
div.styleDateType dl.styleDateFace dt,
div.styleDateType dl.styleDateFace dd{
float: left;
margin-bottom: 5px;
}
/*------------------------------------*/
dl.styleDate dt img,
dl.styleDate dd img{ vertical-align: top;}