관리-도구
편집 파일: style1.css
body { margin:0; } .con_main { width:232px; } .overview h1, .overview h2, .overview p { margin:0; margin-bottom:10px; } .c { clear:both; display:block; } img { border:0; } .overview { width:227px; overflow:hidden; font:normal 12px Arial, Helvetica, sans-serif; color:#444; text-align:center; float:left; } .overview h1 { background-image:-moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4)); text-align:center; height:25px; padding:0px 5px; font-size:12px; background-color:#f0eeee; color:#444; padding-top:2px; margin-bottom:2px; } .image { width:178px; margin:0px auto; border:1px solid #fff; background-color:#000; } .overview p { padding:5px 0px; font-size:11px; } .apps { padding:5px 8px; } .apps .box { -webkit-border-radius:5px; border-radius: 5px; behavior: url(css/PIE.htc); background-color:#fff; float:left; width:65px; height:96px; border:1px solid #e7e7e7; margin-top:5px; } .apps .box+.box { margin-left:3px; } .apps h2 { font-size:12px; } .cal_us { -webkit-border-radius:5px; border-radius: 5px; behavior: url(css/PIE.htc); border:1px solid #e7e7e7; background-color:#fff; padding:5px 0px; margin-top:5px; } #thumb { position:relative; height:50px; width:5px; background-color:#0070DE; opacity:.5; cursor:pointer; } #thumb:hover { opacity:.8; } /*-------inner pages---------*/ .round { -webkit-border-radius:5px; border-radius: 5px; behavior: url(css/PIE.htc); width:200px; margin:10px auto; background-color:#fff; padding:5px 10px; text-align:left; } .round h1 { background:none; text-align:center; font-family:Arial; color:#c06; font-size:16px; } .round p { font-size:12px; line-height:18px; color:#444; padding-top:0px; } .round p a { color:#39f; font-weight:bold; } .follow { text-align:right; padding:10px 0px; } .follow img { margin-left:5px; } .home_link { text-align:left; padding:0px 5px; } .home_link a { text-decoration:none; font-weight:bold; color:#444; } .round h2 { font-size:14px; color:#c00; } .days { padding-bottom:10px; } .days div { border-bottom:1px dashed #a5a5a5; padding:5px 0px; } .days div h2 { color:#444; } .days div h2+h2 { color:#360; padding-top:5px; } .days div h2+ h2.closed { color:#c00; } /* scroll bar start */ #scrollbar1 { width: 232px; clear: both; } #scrollbar1 .viewport { width: 212px; height: 350px; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; } #scrollbar1 .thumb .end, #scrollbar1 .thumb { background-color: #000; opacity:0.5; } #scrollbar1 .thumb:hover { opacity:0.8; } #scrollbar1 .scrollbar { position: relative; float: right; width: 6px; } #scrollbar1 .track { height: 100%; width:5px; position: relative; padding: 0 1px; } #scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } #scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; } #scrollbar1 .disable{ display: none; } /* scroll bar end */