Changeset 5734

Timestamp:

Mar 13, 2008, 6:11:35 PM (12 years ago)

Author:

takai

Message:

(#1947 #1948)の枠線に関するCSS修正後

File:

• OpenPNE/branches/prj/xhtmlcss/markup/style.css (modified) (4 diffs)

OpenPNE/branches/prj/xhtmlcss/markup/style.css

@@ -191 +191 @@
  *--------------------------------------------*/
 div#LayoutA,
-div#LayoutB,
-.commentList dl,
-.diaryDetailBox dl {
+div#LayoutB {
         zoom: 1;
         overflow: hidden;
@@ -281 +279 @@
 div.pagerRelative,
 div.pagerRelativeMulti,
-div.operation,
-.diaryDetailBox div.category {
+div.operation {
         border-top: 1px solid #cccccc;
 }
@@ -317 +314 @@
         padding: 4px;
 }
+div.operation ul.moreInfo {
+        text-align: center;
+}
 div.operation ul.moreInfo li {
-        text-align: center;
+        display: inline;
 }
 /*----------------------------------------------
@@ -778 +778 @@
 
 /*==============================================================================
- * 定義リスト
  * 17. commentList（コメントリスト）
+ *----------------------------------------------------------------------------*/
+.commentList dl {
+        border-top: 1px solid #cccccc; overflow:hidden;
+}
+.commentList dt {
+        float: left;
+        width: 70px;
+        padding-top: 5px;
+        text-align: center;
+}
+.commentList dd {
+        zoom: 1;
+        min-height: 5.5em;
+        margin-left: 70px;
+        border-left: 1px solid #cccccc;
+}
+* html .commentList dd {
+        height: 5.5em;
+}
+#LayoutC .commentList dt {
+        width: 110px;
+}
+#LayoutC .commentList dd {
+        margin-left: 110px;
+}
+.commentList dd div {
+        border-top: 1px solid #cccccc;
+}
+.commentList dd div p {
+        padding: 4px 3px;
+}
+.commentList dd div.title {
+        zoom: 1;
+        position: relative;
+        border-top: none;
+}
+.commentList dd div.title p.heading {
+        margin-right: 10.5em;
+}
+.commentList dd div.title p.public {
+        position: absolute;
+        top: 0;
+        right: 0;
+}
+.commentList dd ul.photo {
+        padding: 5px 5px 0;
+}
+.commentList dd ul.photo li {
+        display: inline;
+        margin-left: 6px;
+}
+.commentList dd div.footer p {
+        text-align: right;
+}
+.commentList div.operation {
+        padding: 8px 0;
+}
+
+/*==============================================================================
  * 8. diaryDetailBox（日記詳細ボックス）
  *----------------------------------------------------------------------------*/
-.commentList dd div.header p.heading,
-.diaryDetailBox .partsHeading h3 {
-        margin-right: 10em;
-}
-.commentList dl,
+.diaryDetailBox .partsHeading {
+        zoom: 1;
+        position: relative;
+}
+.diaryDetailBox .partsHeading p.public {
+        position: absolute;
+        right: 3px;
+}
 .diaryDetailBox dl {
         border-top: 1px solid #cccccc;
 }
-.commentList dt,
 .diaryDetailBox dt {
         float: left;
+        width: 70px;
+        padding-top: 5px;
+        text-align: center;
+}
+.diaryDetailBox dd {
+        zoom: 1;
+        min-height: 4.2em;
+        margin-left: 70px;
+        border-left: 1px solid #cccccc;
+}
+* html .diaryDetailBox dd {
+        height: 4.2em;
+}
+.diaryDetailBox dd div {
+        border-top: 1px solid #cccccc;
+}
+.diaryDetailBox dd div p {
         padding: 4px 3px;
-        text-align: center;
-}
-.commentList dd,
-.diaryDetailBox dd {
-        zoom: 1;
-}
-.commentList dd div,
-.diaryDetailBox dd div {
-        padding: 4px 3px;
-        border-top: 1px solid #cccccc;
-}
-.commentList dd div.header,
-.diaryDetailBox dd div.header {
+}
+.diaryDetailBox dd div.title {
         border-top: none;
 }
-.commentList dd div.body ul.photo,
-.diaryDetailBox dd div.body ul.photo {
-        margin: 2px 0 4px;
-}
-.commentList dd div.body ul.photo li,
-.diaryDetailBox dd div.body ul.photo li {
+.diaryDetailBox dd ul.photo {
+        padding: 5px 5px 0;
+}
+.diaryDetailBox dd ul.photo li {
         display: inline;
         margin-left: 6px;
 }
-.commentList dd div.footer p,
-.diaryDetailBox dd div.footer p {
-        text-align: right;
-}
-
-/*==============================================================================
- * 17. commentList（コメントリスト）
- *----------------------------------------------------------------------------*/
-.commentList dl {
-        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 65px 0;
-}
-* html .commentList dl {
-        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 68px 0;
-}
-.commentList dt {
-        width: 60px;
-}
-.commentList dd {
-        margin-left: 66px;
-}
-.commentList dd div.header {
-        zoom: 1;
-        position: relative;
-}
-.commentList dd div.header p.public {
-        position: absolute;
-        top: 4px;
-        right: 4px;
-}
-
-/*==============================================================================
- * 8. diaryDetailBox（日記詳細ボックス）
- *----------------------------------------------------------------------------*/
-.diaryDetailBox dl {
-        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 79px 0;
-}
-* html .diaryDetailBox dl {
-        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 82px 0;
-}
-.diaryDetailBox dt {
-        width: 74px;
-}
-.diaryDetailBox dd {
-        margin-left: 80px; /* 95 */
-}
-.diaryDetailBox .partsHeading {
-        zoom: 1;
-        position: relative;
-}
-.diaryDetailBox .partsHeading h3 {
-        display: block;
-        overflow: hidden;
-}
-.diaryDetailBox .partsHeading p.public {
-        position: absolute;
-        top: 2px;
-        right: 3px;
-}
-.diaryDetailBox .pagerRelative {
-        zoom: 1;
-        position: relative;
-}
-.diaryDetailBox .pagerRelative .prev {
-        position: absolute;
-        top: 4px;
-        left: 4px;
-        margin: 0 0 0 10px;
-}
-.diaryDetailBox .pagerRelative p.next {
-        margin: 0 10px 0 0;
-}
-.diaryDetailBox div.category {
+.diaryDetailBox div.category ul {
         padding: 4px;
         text-align: right;
 }
-.diaryDetailBox div.category ul {
-        display: inline;
-}
-.diaryDetailBox div.category li {
+.diaryDetailBox div.category ul li {
         display: inline;
         font-size: 80%;