Changeset 561 for trunk/xpressme_integration_kit/wp-content/themes/xpress_default/style.css

Timestamp:

Mar 23, 2010, 11:42:58 AM (14 years ago)

Author:

toemon

Message:

デフォルトテーマをWP3から導入されるカスタムメニュー対応にする Fixes #320
また、「ヘッダーの背景と文字の色」の編集に対応させる。

File:

• trunk/xpressme_integration_kit/wp-content/themes/xpress_default/style.css (modified) (3 diffs)

trunk/xpressme_integration_kit/wp-content/themes/xpress_default/style.css

@@ -91 +91 @@
 }
 #xpress-header-bar-top {
-        height: 32px;
-        margin-bottom: 16px;
+        margin-bottom: 0px;
         }
 #xpress-header-bar-top img{
@@ -98 +97 @@
 }
 #xpress-header-bar #xpress-header-bar-top .xpress-header-title {
+        font-size: 24px;
         float: left;
-        font-size: 16px;
-}
-#xpress-header-bar #xpress-header-bar-top .xpress-conditional-title {
-        font-size: 14px;
-        margin-bottom: 20px;
-
-}
-
-#xpress-header-bar .xpress-description {
-        clear: both;
+}
+#xpress-header-bar #xpress-header-bar-top .xpress-description {
+        clear: both;
+        font-weight: bold;
         font-size: 12px;
-        float: left;
+        padding-top: 8px;
+        padding-left: 40px;
+
+}
+
+#xpress-header-bar .xpress-conditional-title {
+        font-weight: bold;
+        font-size: 12px;
+        padding-top: 14px;
+        padding-left: 40px;
 }
 
@@ -749 +752 @@
         color: #777;
         }
+        
+
+/* =Menu
+-------------------------------------------------------------- */
+#menu_div {
+        border-bottom: 1px solid #000;
+//      background: #fff;
+        margin: 0 auto;
+        display:block;
+        clear:both;
+        height:26px;
+//      float:left;
+}
+.xpress-header-title{
+        padding-left: 5px;
+        padding-top: 5px;
+}
+#access{
+//      background: #fff;
+        margin: 0 auto;
+        display:block;
+        padding-left: 5px;
+        float:left;
+}
+#xpress-menu {
+//      background: #fff;
+        margin: 0 auto;
+        display:block;
+        float:right;
+}
+#access .menu-header
+#xpress-menu .menu-header {
+        font-size: 13px;
+        margin-left: 12px;
+}
+#access .menu-header ul,
+#xpress-menu .menu-header ul {
+        list-style: none;
+        margin: 0;
+}
+#access .menu-header li,
+#xpress-menu .menu-header li {
+        float:left;
+        position: relative;
+}
+#access a,
+#xpress-menu a {
+        display:block;
+        text-decoration:none;
+//      color:#aaa;
+        padding:0 2px;
+        line-height:24px;
+}
+#access ul ul,
+#xpress-menu ul ul {
+        display:none;
+        position:absolute;
+        top:38px;
+        left:0;
+        float:left;
+        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+        z-index: 99999;
+}
+#access ul ul ul,
+#xpress-menu ul ul ul {
+        left:100%;
+        top:0;
+}
+#access ul ul a,
+#xpress-menu ul ul a {
+        background:#333;
+        height:auto;
+        line-height:1em;
+        padding:10px;
+        width: 130px;
+}
+#access li:hover > a,
+#access ul ul :hover > a,
+#xpress-menu li:hover > a,
+#xpress-menu ul ul :hover > a {
+        color:#fff;
+        background:#333;
+}
+
+#access ul li:hover > ul,
+#xpress-menu ul li:hover > ul {
+        display:block;
+}
+