Changeset 7469

Timestamp:

May 29, 2008, 12:11:18 PM (12 years ago)

Author:

ogawa

Message:

#2502:未確認スタイルの追加、既存スタイルの変更をマージ

File:

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

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

@@ -271 +271 @@
         top: 0px;
         left: 720px;
+        width: 230px;
 }
 
@@ -382 +383 @@
         letter-spacing: -1px;
 }
+#Body .calendar .holiday,
 .calendar .sun {
         color: #d92c49;
@@ -397 +399 @@
         position: relative;
         width: 720px;
+}
+#globalNav {
         height: 96px;
-}
-#globalNav {
         background: url(./skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
 }
 #globalNavBefore {
+        height: 125px;
         margin-bottom: 10px;
         background: url(./skin/005_openpne_blue/img/skin_before_header.jpg) 0 0 no-repeat;
@@ -412 +415 @@
         height: 29px;
 }
+#hLocalNav {
+        background: url(./skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
+}
+#fLocalNav {
+        background: url(./skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
+}
+#cLocalNav {
+        background: url(./skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
+}
 #globalNav li a:hover, #globalNav li a:active {
         background-image: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg);
 }
-#hLocalNav {
-        background: url(./skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
-}
 #hLocalNav li a:hover, #hLocalNav li a:active {
         background-image: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg);
 }
-#fLocalNav {
-        background: url(./skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
-}
 #fLocalNav li a:hover, #fLocalNav li a:active {
         background-image: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg);
-}
-#cLocalNav {
-        background: url(./skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
 }
 #cLocalNav li a:hover, #cLocalNav li a:active {
@@ -797 +800 @@
 }
 .formTable textarea {
-        width: 99%;
+        width: 98%;
 }
 .formTable input.input_text_long {
-        width: 99%;
+        width: 98%;
 }
 .formTable table table td.publicSelector {
@@ -937 +940 @@
         padding: 8px 0;
 }
+.commentList dd div.attachFile {
+        padding: 16px 5px;
+}
 
 /*==============================================================================
@@ -976 +982 @@
         border-top: none;
 }
+.diaryDetailBox dd div.body {
+        padding: 4px 3px;
+}
 .diaryDetailBox dd ul.photo {
-        padding: 5px 5px 0;
+        padding: 4px 5px;
 }
 .diaryDetailBox dd ul.photo li {
@@ -1301 +1310 @@
  * 12. homeInfoBox（ホームインフォメーションボックス）
  *----------------------------------------------------------------------------*/
-.homeInfoBox {
+#Body .homeInfoBox {
         padding-left: 102px;
         border: 1px solid #cccccc;
@@ -1311 +1320 @@
         border-left: 1px solid #cccccc;
         background: #ffffff;
+}
+.homeInfoBox .caution {
+        color: #ff0000;
 }
 
@@ -1565 +1577 @@
         display: inline;
 }
-
-/*==============================================================================
- * 19. commuReviewList（コミュニティレビューリスト）
- *----------------------------------------------------------------------------*/
-#Body .commuReviewList .parts {
-        border-bottom: none;
-}
-.commuReviewList .pagerRelative {
-        border-bottom: 1px solid #cccccc;
-}
-.commuReviewList .ditem {
-        margin: 16px 34px;
-        background: #eeeeee;
-}
-.commuReviewList .item {
-        background: #ffffff;
-}
-.commuReviewList dl {
+.messageDetailBox div.attachFile {
+        padding: 16px 5px;
+}
+
+/*==============================================================================
+ * 20. reviewList（レビューリスト）
+ *----------------------------------------------------------------------------*/
+.reviewList dl {
         zoom: 1;
         overflow: hidden;
@@ -1588 +1590 @@
         border-top: 1px solid #cccccc;
 }
-.commuReviewList dl dt {
-        float:left;
-        width: 180px;
-        padding: 5px;
-        text-align: center;
-}
-.commuReviewList dl dt span {
-        display: block;
-        margin-top: 3px;
-}
-.commuReviewList dl dd {
-        zoom: 1;
-        margin-left: 190px;
-        border-left: 1px solid #cccccc;
-}
-.commuReviewList dl dd table{
-        height: 192px;
-}
-.commuReviewList dl dd th,
-.commuReviewList dl dd td {
-        padding: 5px;
-}
-.commuReviewList dl tr.title th,
-.commuReviewList dl dd tr.title td {
-        border-top: none;
-}
-.commuReviewList dl dd th {
-        width: 60px;
-        border-left: none;
-        text-align: center;
-}
-.commuReviewList dl dd tr.title td {
-        font-weight: bold;
-}
-.commuReviewList dl dd tr.footer td {
-        border-left: none;
-        text-align: right;
-}
-
-/*==============================================================================
- * 20. reviewList（レビューリスト）
- *----------------------------------------------------------------------------*/
-.reviewList dl {
-        zoom: 1;
-        overflow: hidden;
-        overflow: -moz-scrollbars-none;
-        border-top: 1px solid #cccccc;
-}
 .reviewList dl dt {
         float:left;
@@ -1689 +1643 @@
 .weeklyCalendarTable div.block {
         padding: 5px;
-}
-.weeklyCalendarTable p.caution {
-        color: #ff0000;
 }
 .weeklyCalendarTable .input_submit {
@@ -1858 +1809 @@
 }
 
+/** 配色設定 */
+#Body {
+        background: #ffffff; /* 2. ページ背景 */
+}
+#Container {
+        background: #ffffff; /* 3. コンテンツ領域背景 */
+}
+div.dparts {
+        background-color: #ffffff; /* 4. 枠色 */
+}
+div.parts {
+        background-color: #ffffff; /* 7. ボックスの背景 */
+}
+.sideNav .item {
+        background-color: #ffffff; /* 7. ボックスの背景 */
+}
+#Body .sideNav {
+        background-color: transparent;
+}
+#Body .linkLine,
+#Body .searchFormLine,
+#Body .buttonLine,
+#Body .prevNextLinkLine {
+        background-color: transparent;
+}
+
+/** page_o_login */
+div#container_login {
+        position: relative;
+        display: block;
+        margin: 0px auto 0px 0px;
+        width: 720px;
+        height: 563px;
+        padding: 0px;
+}
+
+div#container_login img.bg {
+        display: block;
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 720px;
+        height: 563px;
+        z-index: 0;
+}
+
+div#container_login a img {
+        width: 100%;
+        height: 100%;
+}
+
+div#container_login div.banner ,
+div#container_login a.banner {
+        display: block;
+        position: absolute;
+        left: 247px;
+        top: 5px;
+        width: 468px;
+        height: 60px;
+        z-index: 200;
+}
+
+div#container_login div.header a.main_menu {
+        display: block;
+        display: none;
+        position: absolute;
+        height: 22px;
+        top: 0px;
+}
+
+div#container_login input#username {
+        display: block;
+        position: absolute;
+        left: 504px;
+        top: 246px;
+        width: 185px;
+        height: 23px;
+        font-size: 10pt;
+        z-index: 100;
+}
+
+div#container_login input#password {
+        display: block;
+        position: absolute;
+        left: 504px;
+        top: 299px;
+        width: 185px;
+        height: 23px;
+        font-size: 10pt;
+        z-index: 110;
+}
+
+div#container_login input#button_login {
+        display: block;
+        position: absolute;
+        left: 536px;
+        top: 384px;
+        width: 120px;
+        height: 24px;
+        border: none 0px;
+        background-color: transparent;
+        z-index: 120;
+}
+
+div#container_login a#button_new_regist {
+        display: block;
+        position: absolute;
+        left: 536px;
+        top: 414px;
+        width: 120px;
+        height: 24px;
+        border: none 0px;
+        z-index: 130;
+}
+
+div#container_login div.msg {
+        display: block;
+        position: absolute;
+        border: none 0px;
+        padding: 3px 0px;
+        left: 504px;
+        top: 327px;
+        width: 185px;
+        height: 42px;
+        font-size: 9pt;
+        text-align: center;
+        z-index: 140;
+}
+
+div#container_login div.msg * {
+        font-size: 8pt;
+}
+
+div#container_login .footer {
+        display: block;
+        position: absolute;
+        left: 0px;
+        top: 542px;
+        width: 720px;
+        height: 21px;
+        z-index: 300;
+}
+div#container_login .footer p {
+        margin-right: 12px;
+        text-align: right;
+        line-height: 21px;
+}
+
+/*==============================================================================
+ * bizSideTodoList
+ *----------------------------------------------------------------------------*/
+#Body .bizSideTodoList {
+        width: 220px;
+        margin: 10px 5px;
+        border: 1px solid #cccccc;
+}
+#Body .bizSideTodoList td {
+        border-width: 1px 0 0;
+}
+.bizSideTodoList .block {
+        padding: 5px;
+}
+.bizSideTodoList textarea {
+        width: 98%;
+}
+.bizSideTodoList tr.someone {
+        background: #eeeeee;
+}
+.bizSideTodoList tr.checked {
+        color: #999999;
+}
+.bizSideTodoList td.state {
+        width: 35px;
+}
+.bizSideTodoList td.operation {
+        width: 16px;
+}
+
+/*==============================================================================
+ * bizSideScheduleList
+ *----------------------------------------------------------------------------*/
+#Body .bizSideScheduleList {
+        width: 220px;
+        margin: 10px 5px;
+        border: 1px solid #cccccc;
+}
+.bizSideScheduleList dl {
+        border-top: 1px solid #cccccc;
+}
+.bizSideScheduleList dt {
+        float: left;
+        width: 60px;
+        padding: 5px;
+        text-align: center;
+}
+.bizSideScheduleList dd {
+        zoom: 1;
+        margin-left: 70px;
+        padding: 5px;
+        border-left: 1px solid #cccccc;
+}
+
+/*==============================================================================
+ * bizWeeklyCalendarTable（BIZ用週間カレンダーテーブル）
+ *----------------------------------------------------------------------------*/
+#Body .bizWeeklyCalendarTable .parts {
+        border-top: none;
+}
+.bizWeeklyCalendarTable div.block {
+        padding: 5px;
+}
+.bizWeeklyCalendarTable .input_submit {
+        margin-right: 8px;
+}
+.bizWeeklyCalendarTable .calendar td {
+        padding: 5px 0;
+        vertical-align: top;
+}
+.bizWeeklyCalendarTable .calendar td p {
+        padding: 0 5px;
+}
+.bizWeeklyCalendarTable .calendar td .time {
+        padding: 0;
+}
+.bizWeeklyCalendarTable .calendar .today {
+        background: #eeeeee;
+}
+.bizWeeklyCalendarTable .calendar .today p.day {
+        font-weight: bold;
+}
+.bizWeeklyCalendarTable ul.moreInfo {
+        margin: 0 2px 0 auto;
+        width: 9em;
+}
+.bizWeeklyCalendarTable .calendar th {
+        width: 120px;
+        padding: 5px;
+        text-align: center;
+}
+.bizWeeklyCalendarTable .calendar th * {
+        text-align: center;
+}
+.bizWeeklyCalendarTable .calendar th .input_text {
+        width: 118px;
+}
+.bizWeeklyCalendarTable .calendar th .input_submit {
+        width: 120px;
+        margin-right: 0px;
+}
+.bizWeeklyCalendarTable .calendar th .nickname {
+        margin: 5px 0;
+}
+.bizWeeklyCalendarTable .calendar td.sub {
+        border-width: 0 0 0 1px;
+}
+.bizWeeklyCalendarTable div.moreInfo {
+        padding-left: 135px;
+}
+
+/*==============================================================================
+ * albumList
+ *----------------------------------------------------------------------------*/
+.albumList th,
+.albumList td {
+        padding: 5px;
+}
+.albumList th {
+        width: 75px;
+}
+.albumList td.photo {
+        width: 190px;
+        padding: 5px 0;
+        text-align: center;
+}
+#Body .albumList th:first-child {
+        border-left-width: 1px;
+}
+.albumList td.operation {
+        text-align: center;
+}
+
+/*==============================================================================
+ * albumDetailBox
+ *----------------------------------------------------------------------------*/
+.albumDetailBox th,
+.albumDetailBox td {
+        padding: 5px;
+}
+.albumDetailBox th {
+        width: 75px;
+}
+.albumDetailBox td.photo {
+        width: 190px;
+        padding: 5px 0;
+        text-align: center;
+}
+#Body .albumDetailBox th:first-child,
+#Body .albumDetailBox td.operation {
+        border-left-width: 1px;
+}
+.albumDetailBox td.operation {
+        text-align: right;
+}
+
+/*==============================================================================
+ * albumImageList
+ *----------------------------------------------------------------------------*/
+.albumImageList td {
+        width: 50%;
+        padding: 5px;
+        text-align: center;
+}
+.albumImageList td p {
+        text-align: center;
+}
+
+/*==============================================================================
+ * albumImageBox
+ *----------------------------------------------------------------------------*/
+.albumImageBox p.photo {
+        padding: 10px;
+        border-top: 1px solid #cccccc;
+        text-align: center;
+}
+.albumImageBox th, .albumImageBox td {
+        padding: 5px;
+}
+#Body .albumImageBox th {
+        width: 140px;
+        border-left: none;
+}
+
+/*==============================================================================
+ * alertLine
+ *----------------------------------------------------------------------------*/
+.alertLine p {
+        text-align: center;
+        color: #ff0000;
+}
+
+/*==============================================================================
+ * 文字装飾
+ *----------------------------------------------------------------------------*/
+span.op_b {
+        text-decoration : inherit;
+        font-style : inherit;
+        font-weight : bold;
+        color : inherit;
+        font-size: inherit;
+}
+span.op_u {
+        text-decoration : underline;
+        font-style : inherit;
+        font-weight : inherit;
+        color : inherit;
+        font-size: inherit;
+}
+span.op_s {
+        text-decoration : line-through;
+        font-style : inherit;
+        font-weight : inherit;
+        color : inherit;
+        font-size: inherit;
+}
+span.op_i {
+        text-decoration : inherit;
+        font-style : italic;
+        font-weight : inherit;
+        color : inherit;
+        font-size: inherit;
+}
+span.op_large {
+        text-decoration : inherit;
+        font-style : inherit;
+        font-weight : inherit;
+        color : inherit;
+        font-size : 20px;
+}
+span.op_small {
+        text-decoration : inherit;
+        font-style : inherit;
+        font-weight : inherit;
+        color : inherit;
+        font-size : 8px;
+}
+span.op_color {
+        text-decoration : inherit;
+        font-style : inherit;
+        font-weight : inherit;
+        color : inherit;
+        font-size: inherit;
+}
+
 /*==============================================================================
  *