關於部落格
我不是大大,請直接叫我 程雪 就好。
AD方面暫時請以分類查閱文章。
AD文章重新編寫至協作平台 https://sites.google.com/view/adupt
有連結失效或任何問題請直接公開留言或來信 程雪 sandi8295@gmail.com
  • 410437

    累積人氣

  • 86

    今日人氣

    0

    訂閱人氣

【CSS】2015-04 版型CSS紀錄




/*整個網頁頁面*/
body {
MIN-width: 960PX;
MAX-WIDTH: 100%;
margin: 5PX auto;
PADDING: 15px;
color: #000;
font-size: 12px;
font-family: 微軟正黑體, 新細明體, Verdana, Arial;
height: auto;
letter-spacing: 0.1em;
background: #FFF url(http://akinohitomi.myweb.hinet.net/pic/6.jpg) 100% 0% fixed NO-REPEAT;
}
 
/*連結 - 尚未連結*/
a:link
{color: #000; text-decoration: none;}
 
/*連結 - 已經連結*/
a:visited
{color: #000 ; text-decoration: none;}
 
/*連結 - 游標至連結時*/
a:hover
{color: #F00; text-decoration: none;}
 
/*連結 - 點擊時*/
a:active
{color: #F00; text-decoration: none;}
 
/*圖片(個人圖片、相本)*/
a img
{border: 0px;}
 
/*圖片 個人圖片*/
img.profile
{border-width: 0px; margin-bottom: 5px; WIDTH: 100PX;}
/*圖片 個人圖片 - 滑鼠移至上方時*/
img.profile:hover
{position: relative;  right: -10px;}
 
#topbar
{display: none;}
 
#commend
{display: none;}
 
/*標題及說明*/
#banner
{height: 250px;}
 
/*標題*/
h1
{}
 
/*說明*/
h2 {
POSITION: RELATIVE;
LEFT: 50PX;
font-size: 12px;
font-weight: normal;
line-height: 150%;}
 
#navBar
{display: none;}
 
/**/
#contentBlock
{width: 100%; text-align: left; height: 100%;}
 
/**/
div#MainSide
{min-width: 160PX;
max-width: 19%;}
 
#MainSide
{
float: left;
}
 
#MainSide ul
{
padding:0px;margin:0px;list-style-type:none;
}
 
.sideColumn
{
letter-spacing: 1px;
}
 
.sideTitle
{
font-size: 16px;
color: #000;
height: 20px;
TEXT-ALIGN: CENTER;
PADDING: 10PX;
letter-spacing: 0.2em;
font-weight: bold;
BORDER-BOTTOM-STYLE: solid;
BORDER-TOP-STYLE: solid;
BORDER-WIDTH: 1PX;
}
 
.sideContent
{PADDING: 10PX;}
 
span.calendar
{display: none;}
 
#MainSide ul
{list-style-type: none;}
 
#navmenu li
{
padding-right: 2px;
padding-left: 1px;
float: left;
padding-top: 2px;
position: relative;
}
 
#navmenu li ul
{
display: none;
left: 0px;
color: #000;
padding-top: 5px;
position: absolute;
top: 1em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}
 
#navmenu li ul li
{
clear: left;
width: 130px;
padding-top: 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000;
background: #FFF;
}
 
#navmenu li ul li a:link
{
color: #000;
}
 
#navmenu li ul li a:hover
{
color: #FFF;
width: 100%;
background-color: #000;
}
 
#navmenu li ul li.title
{
font-weight: bold;
color: #FFF;
text-align: center;
background: #000;
}
 
#navmenu li:hover ul
{
display: block;
}
 
#articleBlock
{
width: 80%;
padding-bottom: 150px;
overflow: hidden;
border-style: none;
line-height: normal;
float: right;
position: relative;
}
 
.post_list_view
{
text-align: right;
padding-bottom: 5px;
}
 
/*文章列表 - 發表時間*/
.post_list_datetime
{
width: 18%;
}
 
/*文章列表 - 回應*/
.post_list_reply
{
width: 5%;
}
 
/*文章列表 - 人氣*/
.post_list_hit 
{
width: 5%;
}
 
/*文章 - 標題*/
.post_title
{
font-size: 16px;
font-weight: bold;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
line-height: 1.2em;
color: #000;
letter-spacing: 0.1em;
}
 
/*文章 - 日期*/
.post_date
{
  font-weight: bold;
  margin-left: 10px;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  width: 150px;
  background-color: #ddd;
}
 
/*文章 - 時間*/
.post_time
{
  height: 100%;
  TEXT-ALIGN: RIGHT;
  font-size: 10px;
  BORDER-BOTTOM: #000;
  BORDER-WIDTH: 0 0 1PX;
  border-style: dotted;
}
 
/*鼓勵此網誌*/
.cheer
{display: none;}
 
/*文章*/
.post_body
{
  float: left;
  width: 100%;
}
 
.post_content
{
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100%;
  font-size: 12px;
}
 
/*文章內圖片*/
.post_content img
{
border-width: 0px;
padding: 0px;
max-WIDTH: 100%;}
 
/*文章末端回應/編輯*/
.post_info
{
  width: 100%;
  font-size: 10px;
  padding-left: 0%;
  height: 30px;
  text-align: right;
}
 
/*文章 - 回應輸入區*/
input.text, textarea
{
  padding: 2px;
  color: #000;
  border: 1px dotted #000;
  background: #ddd 0.5;
  text-align: justify;
}
 
input.btn
{
  text-align: center;
}
 
.trackback
{display: none;}
 
/*留言*/
.comment
{
width: 100%;
}
 
.commentbody
{
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 12px;
  padding-top: 50px;
}
 
/*留言 - 版主回覆呈現區塊*/
.blockquote
{
  padding-left: 20px;
  padding: 10px;
}
 
.commentNote
{
  text-align: right;
  font-size: 12px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
}
 
.rightPage
{
  text-align: justify;
  width: 90%;
  padding-bottom: 15PX;
}
 
.rssmain
{
  padding-top: 10px;
}
 
.rssbody
{
  height: auto;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style: none solid solid;
  border-right-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
  margin-top: 0px;
  position: relative;
  width: 98%;
  padding-left: 10px;
  background-color: #FFF;
}
 
.rssmenu
{
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
 
.rss
{
  width: 98%;
  position: relative;
}
 
.rss_content
{
  margin-top: 10px;
}
 
.rss_content ul
{
  margin-left: 10px;
}
 
.rss_title, .rss_content
{
  width: 97%;
}
 
.rssphoto
{
  width: 100px;
  height: 100px; 
  float: left;
}
 
.rss_view
{
  margin: 10px 10px 10px 30px;
  border: 1px solid #000;
  padding: 5px;
}
 
.rss_view ul
{
  list-style-type: none;
}
 
.rss_view img
{
  border: 0px solid #000;
}
 
/*個人資料頁面*/
#profile
{
  margin-bottom: 10px; color: #000;
}
 
#profile table
{
  width: 100%;
  font-size: 13px;
  padding-bottom: 25px;
  background-color: #FFF;
}
 
 
.th_title
{
  padding-left: 10px;
  padding-bottom: 5px;
  width: 90px;
  color: #000;
  font-weight: bold;
  padding-top: 5px;
  text-align: left;
}
 
.td_desc
{
  color: #000;
}
 
.profile_title
{
  clear: both; width: 100%; line-height: 140%; margin-top: 15px; padding-left: 5px; font-size: 14px; font-weight: bold; color: #FFF; letter-spacing: 1px; background-color: #000; background-position: 0% 50%; background-repeat: no-repeat;
}
 
.introduce
{
  padding-left: 10px; color: #000; line-height: 22px; font-size: 13px; padding-bottom: 30px; padding-top: 10px; background-color: #FFF;
}
 
.pageCtrl
{
  width: 60%;
  text-align: right;
  float: right;
}
 
.pageCtrl ul
{
  margin: 0px; padding: 0px; text-align: right; font-size: 10px;
}
 
.pageCtrl li
{
  list-style-type: none; display: inline; padding-bottom: 1px;
}
 
.pageCtrl a, .pageCtrl a:visited
{
  padding: 0px 5px; text-decoration: none; color: #000;
}
 
.pageCtrl a:hover, .pageCtrl a:active
{
  color: #000; text-decoration: none;
}
 
.pageCtrl li.currentpage
{
  font-weight: bold; padding: 0px 5px; color: #000;
}
 
.pageCtrl li.disablepage
{
  padding: 0px 5px; color: #000;
}
 
.pageCtrl li.nextpage
{
  font-weight: bold;
}
 
* html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage
{
  margin-right: 5px; padding-right: 0px; color: #000;
}
 
 
/*相簿區塊*/
#albumBlock
{
  width: 80%;
  text-align: left;
  padding-bottom: 30px;
  float: left;
  padding-right: 20px;
}
 
#wrap
{
  font-family: 微軟正黑體, 新細明體, Verdana, Arial;
}
 
 
 
 
h3
{
  font-weight: bold; font-size: 14px;
  color:#000;line-height: 30px; letter-spacing: 1px;
}
 
.album
{
  font-size: 12px;
  color:#000;
  text-align: center;
  width: 200px; float: left; 
  margin: 5px 5px 5px 5px;
}
 
.albumimg
{
  MIN-HEIGHT: 150PX;
}
 
.albumList_title
{
  font-size: 12px;
  width: 100%;
  padding-top: 5px;
  height: 14px;
  text-align: center;
}
 
.albumList_date
{
  font-size: 10px;
  padding-top: 5px;
}
 
.album img
{
  border: 1px solid #000;
  padding: 3px;
  background:NONE;
}
 
#albumList
{
;
}
 
.albumDesc
{
  color:#000;
  font-size: 12px;
  margin: 5px;
}
 
.albumCategory
{
  font-size: 12px; padding-bottom: 0px; color:#000; line-height: 150%; letter-spacing: 0.05em;
}
 
.photo
{
  float: left; height: 150px; margin: 10px; font-size: 12px; width: 125px; color: #000; text-align: center; background: none 0% 0% repeat scroll transparent;
}
 
.photo img
{
  border: 1px solid #000; padding: 3px; background: #FFF;
}
 
.photoimg
{
  height: 100px; width: 100px;
}
 
.photoList_desc
{
  width: 100%; color: #000; height: 14px; font-size: 13px; text-align: center;
}
 
.albumview
{
  text-align: right; width: 665px;
}
 
.backindex
{
  float: right; position: relative; top: 7px; display: block; color: #000; padding-right: 10px;
}
 
#viewPicDiv
{
  width: 100%; text-align: left; position: relative; border: 1px solid #000; margin: 0px auto;
}
 
 
.viewalbumTitle
{
  font-weight: bold; font-size: 16px; color: #000; line-height: 30px; letter-spacing: 2px; padding-left: 20px;
}
 
.photoviewTitle
{
  width: 100%; color: #000; height: 20px; text-align: center; float: left;
}
 
#photoViewbody
{
  text-align: center;
}
 
.album_pageCtrl
{
  padding: 2px; width: 90%; float: left; margin: 10px; text-align: right;
}
 
.photoview
{
  text-align: center; width: 100%;
}
 
.photoview img
{
  border: 1px solid #000;
}
 
#photomsg
{
  padding-left: 10px; width: 960px; margin-bottom: 20px;
}
 
.photomsg_title
{
  font-size: 18px; font-weight: bold; line-height: 30px; color: #000;
}
 
.photomsg_comment
{
  font-size: 13px; padding: 8px 0px;
}
 
.photomsg_Body
{
  font-size: 13px; line-height: 22px;
}
 
.photomsg_info
{
  color: #000; text-align: right; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFF;
}
 
.photoviewDesc
{
  width: 100%;
}
 
table.photoList
{
  margin-top: 20px; margin-bottom: 20px;
}
 
td.photoList
{
  color: blue; height: 125px; width: 125px; font-size: 13px;
}
 
td.photoList img
{
  border: 0px solid #000;
}
 
#imsg
{
  font-weight: bold; font-size: 12px; text-decoration: none; border-bottom-color: #000; border-bottom-width: 0px; border-bottom-style: dotted; letter-spacing: 0.15em; color: #000; margin: 12px; width: 100px; text-align: center; background: none;
}
 
.friendlist
{
  width: 120px; height: 150px; float: left; margin: 10px 5px; padding: 5px; text-align: center;
}
 
.buddyicon
{
  color: #000; border-width: 0px; padding: 3px; background: #FFF;
}
 
.friend_dest
{
  float: left; width: 98%; padding-left: 10px;
}
 
.friend_select
{
  float: right; display: block;
}
 
#articleBlock2
{
  line-height: 1.7em; width: 700px; overflow: hidden; padding-bottom: 30px; position: relative; float: right;
}
 
.shadetabs
{
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; width: 668px;
}
 
.shadetabs ul
{
  padding: 3px 0px; margin-left: 0px; margin-top: 1px; margin-bottom: 0px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: 微軟正黑體, 新細明體, Verdana, Arial; list-style-type: none; text-align: left;
}
 
.shadetabs li
{
  display: inline; margin: 0px;
}
 
.shadetabs li a
{
  text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #000; color: #000; background: #FFF;
}
 
.shadetabs li a:visited
{
  color: #000;
}
 
.shadetabs li a:hover
{
  text-decoration: underline; color: #000;
}
 
.shadetabs li.selected
{
  color: #000; top: 1px;
}
 
.shadetabs li.selected a
{
  color: #000; border-bottom-color: white; background: #FFF;
}
 
.shadetabs li.selected a:hover
{
  text-decoration: none;
}
 
.mediamain
{
  padding-top: 10px;
}
 
.mediabody
{
  height: auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: none solid solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; margin-top: 0px; position: relative; width: 655px; padding-left: 10px; background-color: #FFF;
}
 
.medialist
{
  height: 100%; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; margin-bottom: 10px; width: 100%; padding-bottom: 10px;
}
 
.mediaimg
{
  padding: 5px;
}
 
.mediamdig
{
  display: block; width: 60px; float: left; border: 1px dotted #000; font-weight: bold; background-color: #FFF;
}
 
.mediaid
{
  float: left; margin: 0px 3px 10px 0px; width: 150px; text-align: center;
}
 
.mediacontent
{
  float: left; margin: 0px 0px 10px; width: 100%; height: auto;
}
 
.mediatitle
{
  padding: 5px;
}
 
.mediadesc
{
  width: 95%; padding: 5px; float: left; background-color: #FFF;
}
 
.mediainfo
{
  text-align: left; padding: 5px; float: left; width: 60%; border-left-width: 1px; border-left-style: solid; border-left-color: #000;
}
 
.mediamdy2
{
  text-align: left; padding: 5px;
}
 
.mediapageCtrl
{
  width: 98%; text-align: right; display: block; padding-top: 8px; padding-bottom: 8px;
}
 
.mediapageCtrl ul
{
  margin: 0px; padding: 0px; text-align: right; font-size: 10px;
}
 
.mediapageCtrl li
{
  list-style-type: none; display: inline; padding-bottom: 1px;
}
 
.mediapageCtrl a, .pageCtrl a:visited
{
  padding: 0px 5px; text-decoration: none; color: #000;
}
 
.mediapageCtrl a:hover, .pageCtrl a:active
{
  color: #000;
}
 
.mediapageCtrl li.currentpage
{
  font-weight: bold; padding: 0px 5px; color: #000;
}
 
.mediapageCtrl li.disablepage
{
  padding: 0px 5px; color: #000;
}
 
.mediapageCtrl li.nextpage
{
  font-weight: bold;
}
 
* html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage
{
  margin-right: 5px; padding-right: 0px; color: #000;
}
 
.myclublist
{
  height: 100%; padding: 10px; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; margin-bottom: 10px; width: 630px;
}
 
.myclubimg
{
  padding: 5px; width: 155px; float: left;
}
 
.myclubid
{
  float: left; margin: 0px 0px 10px; width: 630px; height: auto;
}
 
.myclubinfo
{
  text-align: left; padding: 5px; float: left; width: 70%; border-left-width: 1px; border-left-style: solid; border-left-color: #000;
}
 
.myclubcontent
{
  width: 610px; font-size: 12px; float: left; padding: 10px; background-color: #FFF;
}
 
.myclubtitle
{
  padding: 5px;
}
 
.myclubdesc
{
  padding: 5px;
}
 
.myclubdesch3
{
  font-size: 14px; color: #000;
}
 
.cletemp
{
  display: inline-block;
}
 
.clearboth
{
  clear: both;
}
 
.mediarss
{
  margin: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-bottom: 5px; height: 120px; width: 95%;
}
 
.mediarss_ID
{
  text-align: center; width: 120px; float: left;
}
 
.mediarss_view
{
  float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #000;
}
 
.mediarss_list
{
  text-align: center; width: 160px; float: left;
}
 
.clx
{
  clear: both;
}
 
#systemAnnouncebyyam
{
  display: none !important;
}
 
#othermessage
{
  display: none !important;
}
 
/*贊助商廣告*/
#sponsorAd
{
  display: none;
}
/*贊助商廣告*/
#sponsorAd-part2
{
  display: none;
}
 
div.bmreply
{
  border: 1px dotted; padding: 5px;  min-width: 600px;
}
相簿設定
標籤設定
相簿狀態