角落

備份使用。請自動忽略他的存在。

/***** DOUGLAS BOWMAN STOP DESIGN *****/

body {
margin: 0px;
background:#1E2832;
font-family:Verdana;
font-size:12px;
color:#888;
}

a, a:link, a:active, a:visited { text-decoration:none; font-family:Verdana; color:#36c; }
a:hover { color:#c30; }

/***** Container *****/

#container {
margin:0px auto;
}

/***** Page Header ******/

#pageHeader {
margin:0px auto;}

/**********************************************************************
**
** pageHeader 內容解析
**
** navbar：
**
** homeLink （回到 Pixnet首頁之透明 GIF 連結，可自由運用）
** navbarLink （Pixnet 基本連結列，包括登入、登出以及管理介面）
**
** headerBody
**
** albumPanel （相簿標題與描述）：
** albumName （使用者自訂相簿名稱）
** albumTopic （使用者自訂相簿主題描述）
**
** userPanel （使用者之各項連結－預設為隱藏，可自由顯示）：
** userAlbum （連往使用者之相簿）
** userBlog （連往使用者之部落格）
** userGbook （連往使用者之留言板）
** userProfile （連往使用者之個人名片）
** userProfile （連往使用者之個人名片）
**
** userFunctions （各項特殊功能按鈕－陸續增加中）：
** rssLink （整體相簿、單本相簿之RSS訂閱連結）
**
** userFriends （好友名單－除位置外其他樣式無法自由修改）
**
***********************************************************************/

#navbar {
background: #111;
margin:0px auto;
margin-bottom:10px;
text-align:right;
border-bottom:3px #555 solid;
}

.homeLink {
display:none;
}
.navBarLink {
padding:5px 10px;
}
.navBarLink a, .navBarLink a:visited, .navBarLink a:active {
color:#777;
}
.navBarLink a:hover {
color:#999;
}

#headerBody {
width:733px;
height:300px;
margin:10px auto;
background: url(http://p8.p.pixnet.net/albums/userpics/8/4/51184/1162784881.gif) no-repeat;
}

#albumPanel {
width:733px;
height:70px;
color: #fff;
padding-top:25px;}
#albumName {
display:block;
margin-left:25px;
font-size: 16px;}
#albumName a{
color: #fff;
text-decoration: none;}
#albumTopic {
position:absolute;
width:513px;
margin-left:200px;
margin-top:-20px;
text-align:right;
font-size:12px;
color:#AECCEF;
text-decoration: none;}
.displaythumbs #albumTopic, .displayimage #albumTopic {
display:none;}

#userPanel {
position:absolute;
margin-top:135px;
text-align:right;
width:730px;
height:20px;}
.userAlbum {}
.userBlog {}
.userGbook {}
.userProfile {}
.link-separator {}

#userFriends {
text-align:right;
margin-right:30px;
margin-top:75px;
}

#userFriends ul {
margin:0;
padding:0;
list-style-type:none;
}

#userFriends a span{
color:#446699;
background:#EEE;
border: solid 1px #fff;
padding:3px 6px;
text-decoration: none;
font-size: 12px;}

#userFriends a:hover span{
color:#c30;
background:#DDDDDD;
border: solid 1px #fff;}
/* 好友名單結束 */

/***** Page Body ******/

#pageBody {
width:733px;
margin:0px auto;
margin-top:-80px;
padding:0px;}

/**********************************************************************
**
** pagebody 內容解析
**
** contentHeader （位置、頁數、換頁、選單、自定區塊等）
** contentBody （頁面主要內容）
** contentFooter （頁數資訊與換頁連結等）
**
***********************************************************************/

#contentHeader {
margin:0px auto;
width:733px;}

/**********************************************************************
**
** contentHeader 內容解析
**
** breadCrumb （目前所在位置）
** crumbCat （所在分類）
** crumbAlb （所在相簿）
**
** albumCount （相簿／圖片數量及頁數）
**
** navButtons （相簿瀏覽功能及按鈕）
**
** pageSelector （換頁連結）
** pageParent （回上一層）
** pagePrev （向前一頁）
** pageNow （目前所在頁數）
** pageNumber （頁數）
** pageBreak （頁數段落）
** PageNext （向後一頁）
**
** funcLinks （瀏覽功能選單）
** funcBrowse （相簿／圖片瀏覽功能選單）
** funcInfo （相簿／圖片資訊選單）
**
** albumAbout （相簿介紹區塊）
** albumTitle （相簿標題）
** albumDesc （相簿描述）
**
** userDiv （相簿自定區塊）
**
***********************************************************************/

#breadCrumb {
position:absolute;
width:505px;
text-align:right;
margin-left: 200px;
margin-top:-203px; }
#breadCrumb a, #breadCrumb a:active, #breadCrumb a:visited {
font-size:12px;
color:#fff;
text-decoration: none;}
#breadCrumb a:hover{
text-decoration: none;}
#crumbCat {}
#crumbAlb {}

.albumCount { width:200px;
padding-bottom: 15px;
}

#navButtons {margin-top:20px;}

.pageSelector { text-align:left; }
.pageSelector ul { padding:0px; margin:0px; list-style-type:none;}
.pageSelector ul li{ display:inline; padding:2px;}
.pageSelector a, .pageSelector a:active, .pageSelector a:visited {
color:#446699;
background:#EEEEEE;
border: solid 1px #fff;
padding:3px 2px;
text-decoration: none;
vertical-align:middle;
font-size: 12px;
}
.pageSelector a:hover {
text-decoration:none;
color:#c30;
background:#DDDDDD;
padding:3px 2px;
border: solid 1px #fff;
}
.pageParent {}
.pagePrev {}
.pageNow {
text-decoration:underline;
color:#c30;
background:#DDDDDD;
padding:3px 5px;
border: solid 1px #fff;}
.pageNumber {}
.pageBreak {}
.pageNext {}

#funcLinks { width:733px; margin-top:-19px; text-align:right; margin-bottom:10px;}
#funcLinks ul { padding:0px; margin:0px; padding:4px; list-style-type:none; }
#funcLinks ul li { display:inline;}
#funcLinks a span{
color:#446699;
background:#EEEEEE;
border: solid 1px #fff;
padding:3px 6px;
text-decoration: none;
vertical-align:middle;
font-size: 12px;}
#funcLinks a:hover span{
color:#c30;
background:#DDDDDD;
border: solid 1px #fff;}
.funcBrowse {}
.funcInfo {}

#albumAbout {
display:block;
background:#EEEEEE;
border:10px solid white;
padding:10px 17px;
margin-bottom:10px;}
.albumTitle { font-weight: bold; line-height:2em;}
.albumDesc {}


/***** Content Body ******/

#contentBody {
background:#EEEEEE;
border:10px solid white;
margin:0px auto;}

/**********************************************************************
**
** 相簿列表之 pageBody 內容解析
**
** albList ul （相簿列表）
** li.catBox （相簿分類之框架）
** li.albBox （單本相簿之框架）
** albThumb （相簿封面圖外框）
** img.thumb （縮圖）
** img.thumgSpacer （使縮圖垂直置中之透明GIF）
** albData （相簿資訊外框）
** albTitleDiv （相簿標題及額外資訊按鈕）
** albInfo （相簿額外資訊按鈕）
** albPrivate （私人相簿符號）
** albTitle （相簿標題）
** albDesc （相簿標題及額外資訊按鈕）
**
***********************************************************************/

.albList ul {
list-style-type: none;
margin:10px;
padding:0px; }
.albBox {
position:relative;
float:left;
width:340px;
margin-bottom:10px;
height:140px;
background: url(/imgs/alb/stopdesign/slide_minis.gif) 260px 120px no-repeat;}
.albBoxOdd {
background: url(/imgs/alb/stopdesign/slide_minis.gif) 30px 120px no-repeat;}

.albBoxOdd {
margin-right:12px;}
.albThumb{
width:110px;
height:110px;
float:right;
background:white;
border-right: #ddd 2px solid;
border-bottom: #ddd 2px solid;
text-align:center;
}
.albBoxOdd .albThumb {float:left;}
.albThumb span{
display:block;
padding:10px;}
.catBox .albThumb span{
background: #fff;}
.albThumb a img.thumb{
border:0px;
vertical-align:middle; }
.albThumb img.thumbSpacer{
border:0px;
width:0px;
height:90px;
vertical-align:middle; }
.albData {
background:#eee;
padding:10px;
float:left;
height:100px;
width:180px;
overflow-y:auto;
overflow-x:hidden;
border:10px solid white;
}
.albBoxOdd .albData{
float:right;
}
.albTitleDiv {
color: #666;
line-height:15px;
margin-bottom: 10px;
}
.albNum {}
.albInfo {}
.albInfo a img{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50; }
.albInfo a:hover img{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0; }
.albPrivate {}
.albTitle {}
.albDesc {
line-height: 15px;
word-wrap: break-word;
color: #999;
}

#contentBody .spacerDiv{
clear:both;
height:0px;}

/**********************************************************************
**
** 相簿縮圖頁面之 pageBody 內容解析
**
** thumbList ul （縮圖清單）
** li.thumbbox （縮圖及標題之框架）
** thumbImg （縮圖框）
** img.thumb （縮圖）
** img.thumgSpacer （使縮圖垂直置中之透明GIF）
** thumbTitle （圖片標題）
**
***********************************************************************/

.thumbList ul {
display:block;
list-style-type: none;
margin:0px;
padding:0px; }
.thumbBox {
float:left;}

.thumbImg {
background: url(/imgs/alb/stopdesign/thumb.gif) center top no-repeat;
height:130px;
width:130px;
margin:6px;}
.thumbImg span{
display:block;
padding-top:18px;
padding-left:18px;
text-align:center;
width:90px;
height:90px;}
.thumbImg a img.thumb{
border:0px;
vertical-align:middle; }
.thumbImg img.thumbSpacer{
border:0px;
width:0px;
height:90px;
vertical-align:middle; }
.thumbTitle {
width:130px;
line-height:1.25em;
height:3.75em;
margin:10px 5px;
text-align: center;
color:#888;
overflow:hidden; }

/**********************************************************************
**
** 圖片顯示頁面之 pageBody 內容解析
**
** imageBox （主要內容框架）
** imageTitle （圖片標題）
** imageFrame （圖片外框）
** imageCaption （圖片標題）
** captionContent （圖片標題）
** thumbStrip （圖片標題）
** thumbFrame （圖片標題）
** thumbAd （圖片標題）
**
***********************************************************************/

#imageBox {
margin:0 auto;
text-align:center;}
#imageTitle {
margin:10px;
font-weight:bold; }
#imageFrame img{
padding:10px;
background:white;
border:0px;
border-right: #ddd 2px solid;
border-bottom: #ddd 2px solid;}

#imageCaption{
padding:20px;
text-align:center;
background: url(/imgs/alb/stopdesign/separator.gif) center bottom no-repeat;}

#thumbStrip {
height:170px;
margin:10px auto; }
#thumbStrip ul {
display:inline;
list-style-type: none;
margin:0px;
padding:0px; }
#thumbStrip ul li{
float:left;
list-style-type: none;
margin:0px;
padding:0px; }
.thumbFrame {
padding-top:20px;
background: url(/imgs/alb/stopdesign/thumb.gif) center 20px no-repeat;
height:130px;
width:130px;
margin-left:7px;
margin-right:5px;}
.thumbFrame span {
display:block;
padding-top:18px;
padding-left:18px;
text-align:center;
width:90px;
height:90px;}
.thumbFrame img {
vertical-align: middle;
border:0px; }
.thumbAd {
padding-top:20px;
margin:0 7px;
background:url(/imgs/alb/ad-flag.gif) top center no-repeat }
.thumbAd span{
display:block;
background: url(/imgs/alb/stopdesign/thumb.gif) no-repeat;
height:130px;
width:130px; }
.thumbAd span.adFlag{
display:none;}
.thumbAd img{
vertical-align: middle;
margin-top:12px;
margin-left:12px;
border:0px; }
#thumbStrip .thumbSpacer {
width:0px;
height:90px; }

.commBox {
position:relative;
margin:0 auto;
padding:20px 40px;
background: url(http://www.pixnet.net/imgs/alb/stopdesign/separator.gif) center top no-repeat;}
.commWrap1 {
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;}
.commWrap2 {
border:10px solid white;
background:#ddd ;}
.commAvatar p{
margin:5px;
padding:0px; }
.commAvatar img{
padding:3px;
background:white;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;}
.commBody {}
.commBodywrap {
padding-top:10px;
}
.commLinks { margin:0 10px;}
.commUsername {
position:absolute;
margin-top:-40px;
margin-left:40px;}
.commDate {
position:absolute;
top:40px;
right:75px;
text-align:right;}
.commContent {
padding-bottom:10px;
padding-left:10px;
line-height:1.75em;
margin-right:10px;}
.commDelete{
position:absolute;
top:40px;
right:225px;}
.commBox .spacerDiv{
clear:both;
height:0px;}
/***** Content Footer ******/


#contentFooter { margin-top:10px;padding:5px 0px;}
#contentFooter .albumCount{}
#contentFooter .pageSelector{ margin-top:-15px; text-align:right; }

/***** Page Footer ******/

#pageFooter {
border-top: #999 1px dotted;
background: #000;
padding: 10px 0px;
margin-top:40px;
color: #fff;
font-size: 12px;
text-align:right;}

/**********************************************************************
**
** pageFooter 內容解析
**
** footernav （連結列）
** copyright （版權列）
**
***********************************************************************/

#footernav {
float:left;
margin-left:10px;}
#footernav a, #footernav a:active, #footernav a:visited {
color:#777;}
#footernav a:hover{
color:#999;}
#copyright {
font-size: 10px;
margin-right:10px;}

.privAlbMsg,.passAlbMsg,.Msgbox {
width: 300px;
border:10px solid white;
margin: 30px auto;
text-align:center;
background: #ddd url(/imgs/alb/stopdesign/slide_minis.gif) 120px 100px no-repeat;}

.privAlbMsg span,.passAlbMsg span,.Msgbox span {
font-size: 20px;
display: block;
padding-top: 25px;
padding-bottom: 55px;
line-height: 30px;
}

.passAlbMsg span input {
border: 1px solid #808080;
}

.albTooltip {
width: 250px;
background: #808080;
color: #FFFFFF;
padding: 10px;
}

div.menu {
position: absolute;
visibility: hidden;
width: 130px;
left:0;
top:0;
z-index:500;
font-size:12px;
border: 1px solid #9DA8C7;
border-bottom: 0px solid #9DA8C7;
background-color: #E3E6EB;
}
div.menu ul { margin:0; padding:0 }
div.menu ul li { list-style-type:none; display: block; border-bottom: 1px solid #9DA8C7;}

div.menu a { text-decoration:none; white-space:nowrap; display: block; padding: 4px; line-height:20px;}
div.menu a:link { color:#33b }
div.menu a:visited { color:#339 }
div.menu a:hover { color:#33c; background-color: #B6C0D4; }

div#tipDiv {
position:absolute;
visibility:hidden;
left:-30px; top:0;
z-index:10000;
background-color:#eee;
border:1px solid #333;
width:225px;
padding:6px;
font-size:11px;
line-height:1.3;
}


div.ttHead {
margin-bottom:5px;

font-weight:bold;

color:#333;}


div.ttBody {
color:#777;}

div.fmenu {
position:absolute;
visibility:visibility;
left:-100px;
top: -100px;
z-index: 500;
background:#F6F6F6;
border-top:1px solid #CBCBCB;
border-left:1px solid #CBCBCB;
border-right:1px solid #9D9D9D;
border-bottom:1px solid #9D9D9D;
overflow-y:auto;
overflow-x:hidden;
width:175px;
max-height:320px;
height:expression( this.scrollHeight > 320? "320px" : "auto" );
font-size:12px;
}

div.fmenu ul {
margin:0;
padding:0;
}

div.fmenu ul li {
position:relative;
list-style-type:none;
display:block;
}

div.fmenu ul li.friendCat {
display:block;
font-size:12px;
color:white;
background:#B8B8B8;
font-family:Arial;
font-weight:bold;
text-decoration:none;
padding:2px;
}

div.fmenu ul li.friendLink a{
display:block;
width:100%;
padding:2px 4px;
}

div.fmenu ul li.friendLink a:hover{
background: #DDE9EE;
}

div.fmenu ul li.friendLink img {
padding:2px;
vertical-align:top;
border:0px;
}

div.fmenu ul li.friendLink span.friendAvatar {
display:block;
width:34px;
height:34px;
background:white;
text-align:center;
border:1px solid #CBCBCB;
}

div.fmenu ul li.friendLink span.friendID {
margin-top:-33px;
margin-left:43px;
display:block;
text-decoration:none;
}

div.fmenu ul li.friendLink span.friendDesc {
margin-left:43px;
margin-bottom:5px;
display:block;
font-size:10px;
color:#999999;
font-family:Arial;
text-decoration:none;
}

.commPost {
padding:20px 0px 15px 40px;
text-align:left;
background: url(/imgs/alb/stopdesign/separator.gif) center top no-repeat;}
.commPost a span{
color:#446699;
background:#EEEEEE;
border: solid 5px #fff;
padding:6px 6px;
padding-left:60px;
text-decoration: none;
background: url(/imgs/alb/stopdesign/slide_minis.gif) 10px no-repeat;
font-size: 12px;}
.commPost a:hover span{
color:#c30;
background: #ddd url(/imgs/alb/stopdesign/slide_minis.gif) 13px no-repeat;
border: solid 5px #fff;}