/* layout.css for default design - Thickbox Gallery Copyright (c) 2006-2007 Yuji Takenaka Licensed under the MIT: http://www.opensource.org/licenses/mit-license.php */ /* General Design and Layout */ body { margin: 0px 0 0px 0; padding: 0; font-family: verdana, tahoma, sans-serif; background-color: #FFF; } a { color: Blue; text-decoration: none; } img { border: none; } div, p, form { margin: 0; padding: 0; } /* CSS for Contents */ /* Container Design and Layout */ #container { background-color: #FFFFFF; width: 518px; margin: 0 auto; text-align: center; } /* Rounded Corners b.rtop, b.rbottom { display:block;background: #FFF; } b.rtop b, b.rbottom b { display:block;height: 1px; overflow: hidden; background: #9BD1FA; } b.r1 { margin: 0 5px; } b.r2 { margin: 0 3px; } b.r3 { margin: 0 2px; } b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px;height: 2px; } */ /* Header Design and Layout */ #header { height: 60px; width: 500px; } #header h1 { margin: 10px 10px 10px 15px; padding: 0; font-size: 150%; } #header h2 { margin: 10px 5px 0 25px; padding: 0; font-size: 90%; font-weight: normal; } /* Wrapper Box Design and Layout */ #wrapper { float: right; width: 100%; } /* Sidebar Design and Layout */ #side { background-color: #FFF; float: left; width: 10px; margin-left: -100px; padding: 5px; overflow: auto; } #tree{ font-size: 13px; font-family: Arial, sans-serif; } #selector{ height: 25px; margin: 5px 0 2px 2px; padding-left: 20px; background: url("../../icon/monitor.png") 0 3px no-repeat; } /* Main Box Design and Layout */ #main { margin-right: 5px; padding-left: 7px; } div.innerbox { margin: 0; margin-top: 0; } #container>div, #container>p, #container>form { margin-bottom: 7px; } #navigation, #album_navigation { text-align: center; font-size: 88%; margin: 3px auto 10px auto; } #upload_form { margin: 10px 0 7px 0; } #upload { width: 250px; font-family: arial, sans-serif; font-size: 88%; height: 21px; } img.album { border-style: solid; border-color: #FFF; } img.thumb{ border-style: solid; border-color: #FFF; } #container p.warning { font-size: 12px; font-weight: bold; color: #FF0000; margin: 2px 15px 10px 15px; } #footer p.warning { text-align: center; } input.button { width: auto; font-family: tahoma, sans-serif; font-size: 88%; height: 21px; } input.text { width: 125px; font-family: arial, sans-serif; } input.file { font-family: arial, sans-serif; } span.bold { font-weight: bold; } input.description { padding-left: 2px; border: solid 2px #FFFFD3; background-color: #FFFFD3; font-style: italic; } td.right { text-align: right; } /* Image Table Design & Layout */ #grid { padding: 0; text-align: left; border-collapse: collapse; border-spacing: 0; } #grid a:hover { border-bottom: none; } #grid td { padding: 0 4px 8px 4px; } #grid td div { margin: 0; padding: 0; } #grid div.functions { position: relative; } #grid div.filename { text-align: right; font-size: 80%; } #grid div.albumname { font-size: 77%; color: Gray; } /* Login Box Design and Layout */ #login_table { margin: 7px 15px; 10px 15px; padding: 0; text-align: left; border-collapse: collapse; border-spacing: 0; } #login_table td{ padding: 0 4px 8px 4px; font-size: 12px; } /* Footer Design and Layout */ #footer { clear: both; width: 518px; margin: 0px 0 0px 0; padding-bottom: 0px; font-size: 80%; text-align: center; } /* CSS for Image Effects */ /* For HighslideJS */ /* Please download highslide.css from http://www.free-design.jp/tbg/archives/highslide.css */ #highslide-container a:hover { border: none; } #controlbar a:hover { border: none; } /* For SmoothGalleryJS */ #myGallery { margin: 7px auto 10px auto; text-align: center; } #myGallery a:hover { border: none; } /* For FrogJS */ #FrogJS { width: 500px; height: 450px; margin: 0 auto; } #FrogJSCredit { text-align: right; font-size: 80%; color: #999; padding: 1px; } #FrogJSCaption { text-align: left; font-size: 80%; line-height: 125%; } /* CSS for Yahoo! UI TreeView */ .ygtvtn { width:16px; height:22px; background: transparent url("../../icon/tn.gif") 0 0 no-repeat; } .ygtvtm { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/tm.gif") 0 0 no-repeat; } .ygtvtmh { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/tmh.gif") 0 0 no-repeat; } .ygtvtp { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/tp.gif") 0 0 no-repeat; } .ygtvtph { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/tph.gif") 0 0 no-repeat; } .ygtvln { width:16px; height:22px; background: transparent url("../../icon/ln.gif") 0 0 no-repeat; } .ygtvlm { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/lm.gif") 0 0 no-repeat; } .ygtvlmh { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/lmh.gif") 0 0 no-repeat; } .ygtvlp { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/lp.gif") 0 0 no-repeat; } .ygtvlph { width:16px; height:22px; cursor:pointer; background: transparent url("../../icon/lph.gif") 0 0 no-repeat; } .ygtvloading { width:16px; height:22px; background: transparent url("../../icon/loading.gif") 0 0 no-repeat; } .ygtvdepthcell { width:16px; height:22px; background: transparent url("../../icon/vline.gif") 0 0 no-repeat; } .ygtvblankdepthcell { width:16px; height:22px; } .ygtvitem { } .ygtvchildren { } * html .ygtvchildren { height:2%; } .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { margin-left:2px; text-decoration: none; } .ygtvspacer { height: 22px; width: 16px; } .icon-album { display:block; padding-left: 20px; background: transparent url("../../icon/album.png") 0 0 no-repeat; } .icon-feed { display:block; padding-left: 20px; background: transparent url("../../icon/feed.png") 0 0 no-repeat; } .icon-exe { display:block; padding-left: 20px; background: transparent url("../../icon/lightning.png") 0 0 no-repeat; } .icon-admin { display:block; padding-left: 20px; background: transparent url("../../icon/lock.png") 0 0 no-repeat; } .icon-front { display:block; padding-left: 20px; background: transparent url("../../icon/door_in.png") 0 0 no-repeat; }