Changeset 7469
- Timestamp:
- May 29, 2008, 12:11:18 PM (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
OpenPNE/branches/prj/xhtmlcss/markup/style.css
r7328 r7469 271 271 top: 0px; 272 272 left: 720px; 273 width: 230px; 273 274 } 274 275 … … 382 383 letter-spacing: -1px; 383 384 } 385 #Body .calendar .holiday, 384 386 .calendar .sun { 385 387 color: #d92c49; … … 397 399 position: relative; 398 400 width: 720px; 401 } 402 #globalNav { 399 403 height: 96px; 400 }401 #globalNav {402 404 background: url(./skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat; 403 405 } 404 406 #globalNavBefore { 407 height: 125px; 405 408 margin-bottom: 10px; 406 409 background: url(./skin/005_openpne_blue/img/skin_before_header.jpg) 0 0 no-repeat; … … 412 415 height: 29px; 413 416 } 417 #hLocalNav { 418 background: url(./skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat; 419 } 420 #fLocalNav { 421 background: url(./skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat; 422 } 423 #cLocalNav { 424 background: url(./skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat; 425 } 414 426 #globalNav li a:hover, #globalNav li a:active { 415 427 background-image: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg); 416 428 } 417 #hLocalNav {418 background: url(./skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;419 }420 429 #hLocalNav li a:hover, #hLocalNav li a:active { 421 430 background-image: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg); 422 431 } 423 #fLocalNav {424 background: url(./skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;425 }426 432 #fLocalNav li a:hover, #fLocalNav li a:active { 427 433 background-image: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg); 428 }429 #cLocalNav {430 background: url(./skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;431 434 } 432 435 #cLocalNav li a:hover, #cLocalNav li a:active { … … 797 800 } 798 801 .formTable textarea { 799 width: 9 9%;802 width: 98%; 800 803 } 801 804 .formTable input.input_text_long { 802 width: 9 9%;805 width: 98%; 803 806 } 804 807 .formTable table table td.publicSelector { … … 937 940 padding: 8px 0; 938 941 } 942 .commentList dd div.attachFile { 943 padding: 16px 5px; 944 } 939 945 940 946 /*============================================================================== … … 976 982 border-top: none; 977 983 } 984 .diaryDetailBox dd div.body { 985 padding: 4px 3px; 986 } 978 987 .diaryDetailBox dd ul.photo { 979 padding: 5px 5px 0;988 padding: 4px 5px; 980 989 } 981 990 .diaryDetailBox dd ul.photo li { … … 1301 1310 * 12. homeInfoBox(ホームインフォメーションボックス) 1302 1311 *----------------------------------------------------------------------------*/ 1303 .homeInfoBox {1312 #Body .homeInfoBox { 1304 1313 padding-left: 102px; 1305 1314 border: 1px solid #cccccc; … … 1311 1320 border-left: 1px solid #cccccc; 1312 1321 background: #ffffff; 1322 } 1323 .homeInfoBox .caution { 1324 color: #ff0000; 1313 1325 } 1314 1326 … … 1565 1577 display: inline; 1566 1578 } 1567 1568 /*============================================================================== 1569 * 19. commuReviewList(コミュニティレビューリスト) 1570 *----------------------------------------------------------------------------*/ 1571 #Body .commuReviewList .parts { 1572 border-bottom: none; 1573 } 1574 .commuReviewList .pagerRelative { 1575 border-bottom: 1px solid #cccccc; 1576 } 1577 .commuReviewList .ditem { 1578 margin: 16px 34px; 1579 background: #eeeeee; 1580 } 1581 .commuReviewList .item { 1582 background: #ffffff; 1583 } 1584 .commuReviewList dl { 1579 .messageDetailBox div.attachFile { 1580 padding: 16px 5px; 1581 } 1582 1583 /*============================================================================== 1584 * 20. reviewList(レビューリスト) 1585 *----------------------------------------------------------------------------*/ 1586 .reviewList dl { 1585 1587 zoom: 1; 1586 1588 overflow: hidden; … … 1588 1590 border-top: 1px solid #cccccc; 1589 1591 } 1590 .commuReviewList dl dt {1591 float:left;1592 width: 180px;1593 padding: 5px;1594 text-align: center;1595 }1596 .commuReviewList dl dt span {1597 display: block;1598 margin-top: 3px;1599 }1600 .commuReviewList dl dd {1601 zoom: 1;1602 margin-left: 190px;1603 border-left: 1px solid #cccccc;1604 }1605 .commuReviewList dl dd table{1606 height: 192px;1607 }1608 .commuReviewList dl dd th,1609 .commuReviewList dl dd td {1610 padding: 5px;1611 }1612 .commuReviewList dl tr.title th,1613 .commuReviewList dl dd tr.title td {1614 border-top: none;1615 }1616 .commuReviewList dl dd th {1617 width: 60px;1618 border-left: none;1619 text-align: center;1620 }1621 .commuReviewList dl dd tr.title td {1622 font-weight: bold;1623 }1624 .commuReviewList dl dd tr.footer td {1625 border-left: none;1626 text-align: right;1627 }1628 1629 /*==============================================================================1630 * 20. reviewList(レビューリスト)1631 *----------------------------------------------------------------------------*/1632 .reviewList dl {1633 zoom: 1;1634 overflow: hidden;1635 overflow: -moz-scrollbars-none;1636 border-top: 1px solid #cccccc;1637 }1638 1592 .reviewList dl dt { 1639 1593 float:left; … … 1689 1643 .weeklyCalendarTable div.block { 1690 1644 padding: 5px; 1691 }1692 .weeklyCalendarTable p.caution {1693 color: #ff0000;1694 1645 } 1695 1646 .weeklyCalendarTable .input_submit { … … 1858 1809 } 1859 1810 1811 /** 配色設定 */ 1812 #Body { 1813 background: #ffffff; /* 2. ページ背景 */ 1814 } 1815 #Container { 1816 background: #ffffff; /* 3. コンテンツ領域背景 */ 1817 } 1818 div.dparts { 1819 background-color: #ffffff; /* 4. 枠色 */ 1820 } 1821 div.parts { 1822 background-color: #ffffff; /* 7. ボックスの背景 */ 1823 } 1824 .sideNav .item { 1825 background-color: #ffffff; /* 7. ボックスの背景 */ 1826 } 1827 #Body .sideNav { 1828 background-color: transparent; 1829 } 1830 #Body .linkLine, 1831 #Body .searchFormLine, 1832 #Body .buttonLine, 1833 #Body .prevNextLinkLine { 1834 background-color: transparent; 1835 } 1836 1837 /** page_o_login */ 1838 div#container_login { 1839 position: relative; 1840 display: block; 1841 margin: 0px auto 0px 0px; 1842 width: 720px; 1843 height: 563px; 1844 padding: 0px; 1845 } 1846 1847 div#container_login img.bg { 1848 display: block; 1849 position: absolute; 1850 left: 0px; 1851 top: 0px; 1852 width: 720px; 1853 height: 563px; 1854 z-index: 0; 1855 } 1856 1857 div#container_login a img { 1858 width: 100%; 1859 height: 100%; 1860 } 1861 1862 div#container_login div.banner , 1863 div#container_login a.banner { 1864 display: block; 1865 position: absolute; 1866 left: 247px; 1867 top: 5px; 1868 width: 468px; 1869 height: 60px; 1870 z-index: 200; 1871 } 1872 1873 div#container_login div.header a.main_menu { 1874 display: block; 1875 display: none; 1876 position: absolute; 1877 height: 22px; 1878 top: 0px; 1879 } 1880 1881 div#container_login input#username { 1882 display: block; 1883 position: absolute; 1884 left: 504px; 1885 top: 246px; 1886 width: 185px; 1887 height: 23px; 1888 font-size: 10pt; 1889 z-index: 100; 1890 } 1891 1892 div#container_login input#password { 1893 display: block; 1894 position: absolute; 1895 left: 504px; 1896 top: 299px; 1897 width: 185px; 1898 height: 23px; 1899 font-size: 10pt; 1900 z-index: 110; 1901 } 1902 1903 div#container_login input#button_login { 1904 display: block; 1905 position: absolute; 1906 left: 536px; 1907 top: 384px; 1908 width: 120px; 1909 height: 24px; 1910 border: none 0px; 1911 background-color: transparent; 1912 z-index: 120; 1913 } 1914 1915 div#container_login a#button_new_regist { 1916 display: block; 1917 position: absolute; 1918 left: 536px; 1919 top: 414px; 1920 width: 120px; 1921 height: 24px; 1922 border: none 0px; 1923 z-index: 130; 1924 } 1925 1926 div#container_login div.msg { 1927 display: block; 1928 position: absolute; 1929 border: none 0px; 1930 padding: 3px 0px; 1931 left: 504px; 1932 top: 327px; 1933 width: 185px; 1934 height: 42px; 1935 font-size: 9pt; 1936 text-align: center; 1937 z-index: 140; 1938 } 1939 1940 div#container_login div.msg * { 1941 font-size: 8pt; 1942 } 1943 1944 div#container_login .footer { 1945 display: block; 1946 position: absolute; 1947 left: 0px; 1948 top: 542px; 1949 width: 720px; 1950 height: 21px; 1951 z-index: 300; 1952 } 1953 div#container_login .footer p { 1954 margin-right: 12px; 1955 text-align: right; 1956 line-height: 21px; 1957 } 1958 1959 /*============================================================================== 1960 * bizSideTodoList 1961 *----------------------------------------------------------------------------*/ 1962 #Body .bizSideTodoList { 1963 width: 220px; 1964 margin: 10px 5px; 1965 border: 1px solid #cccccc; 1966 } 1967 #Body .bizSideTodoList td { 1968 border-width: 1px 0 0; 1969 } 1970 .bizSideTodoList .block { 1971 padding: 5px; 1972 } 1973 .bizSideTodoList textarea { 1974 width: 98%; 1975 } 1976 .bizSideTodoList tr.someone { 1977 background: #eeeeee; 1978 } 1979 .bizSideTodoList tr.checked { 1980 color: #999999; 1981 } 1982 .bizSideTodoList td.state { 1983 width: 35px; 1984 } 1985 .bizSideTodoList td.operation { 1986 width: 16px; 1987 } 1988 1989 /*============================================================================== 1990 * bizSideScheduleList 1991 *----------------------------------------------------------------------------*/ 1992 #Body .bizSideScheduleList { 1993 width: 220px; 1994 margin: 10px 5px; 1995 border: 1px solid #cccccc; 1996 } 1997 .bizSideScheduleList dl { 1998 border-top: 1px solid #cccccc; 1999 } 2000 .bizSideScheduleList dt { 2001 float: left; 2002 width: 60px; 2003 padding: 5px; 2004 text-align: center; 2005 } 2006 .bizSideScheduleList dd { 2007 zoom: 1; 2008 margin-left: 70px; 2009 padding: 5px; 2010 border-left: 1px solid #cccccc; 2011 } 2012 2013 /*============================================================================== 2014 * bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル) 2015 *----------------------------------------------------------------------------*/ 2016 #Body .bizWeeklyCalendarTable .parts { 2017 border-top: none; 2018 } 2019 .bizWeeklyCalendarTable div.block { 2020 padding: 5px; 2021 } 2022 .bizWeeklyCalendarTable .input_submit { 2023 margin-right: 8px; 2024 } 2025 .bizWeeklyCalendarTable .calendar td { 2026 padding: 5px 0; 2027 vertical-align: top; 2028 } 2029 .bizWeeklyCalendarTable .calendar td p { 2030 padding: 0 5px; 2031 } 2032 .bizWeeklyCalendarTable .calendar td .time { 2033 padding: 0; 2034 } 2035 .bizWeeklyCalendarTable .calendar .today { 2036 background: #eeeeee; 2037 } 2038 .bizWeeklyCalendarTable .calendar .today p.day { 2039 font-weight: bold; 2040 } 2041 .bizWeeklyCalendarTable ul.moreInfo { 2042 margin: 0 2px 0 auto; 2043 width: 9em; 2044 } 2045 .bizWeeklyCalendarTable .calendar th { 2046 width: 120px; 2047 padding: 5px; 2048 text-align: center; 2049 } 2050 .bizWeeklyCalendarTable .calendar th * { 2051 text-align: center; 2052 } 2053 .bizWeeklyCalendarTable .calendar th .input_text { 2054 width: 118px; 2055 } 2056 .bizWeeklyCalendarTable .calendar th .input_submit { 2057 width: 120px; 2058 margin-right: 0px; 2059 } 2060 .bizWeeklyCalendarTable .calendar th .nickname { 2061 margin: 5px 0; 2062 } 2063 .bizWeeklyCalendarTable .calendar td.sub { 2064 border-width: 0 0 0 1px; 2065 } 2066 .bizWeeklyCalendarTable div.moreInfo { 2067 padding-left: 135px; 2068 } 2069 2070 /*============================================================================== 2071 * albumList 2072 *----------------------------------------------------------------------------*/ 2073 .albumList th, 2074 .albumList td { 2075 padding: 5px; 2076 } 2077 .albumList th { 2078 width: 75px; 2079 } 2080 .albumList td.photo { 2081 width: 190px; 2082 padding: 5px 0; 2083 text-align: center; 2084 } 2085 #Body .albumList th:first-child { 2086 border-left-width: 1px; 2087 } 2088 .albumList td.operation { 2089 text-align: center; 2090 } 2091 2092 /*============================================================================== 2093 * albumDetailBox 2094 *----------------------------------------------------------------------------*/ 2095 .albumDetailBox th, 2096 .albumDetailBox td { 2097 padding: 5px; 2098 } 2099 .albumDetailBox th { 2100 width: 75px; 2101 } 2102 .albumDetailBox td.photo { 2103 width: 190px; 2104 padding: 5px 0; 2105 text-align: center; 2106 } 2107 #Body .albumDetailBox th:first-child, 2108 #Body .albumDetailBox td.operation { 2109 border-left-width: 1px; 2110 } 2111 .albumDetailBox td.operation { 2112 text-align: right; 2113 } 2114 2115 /*============================================================================== 2116 * albumImageList 2117 *----------------------------------------------------------------------------*/ 2118 .albumImageList td { 2119 width: 50%; 2120 padding: 5px; 2121 text-align: center; 2122 } 2123 .albumImageList td p { 2124 text-align: center; 2125 } 2126 2127 /*============================================================================== 2128 * albumImageBox 2129 *----------------------------------------------------------------------------*/ 2130 .albumImageBox p.photo { 2131 padding: 10px; 2132 border-top: 1px solid #cccccc; 2133 text-align: center; 2134 } 2135 .albumImageBox th, .albumImageBox td { 2136 padding: 5px; 2137 } 2138 #Body .albumImageBox th { 2139 width: 140px; 2140 border-left: none; 2141 } 2142 2143 /*============================================================================== 2144 * alertLine 2145 *----------------------------------------------------------------------------*/ 2146 .alertLine p { 2147 text-align: center; 2148 color: #ff0000; 2149 } 2150 2151 /*============================================================================== 2152 * 文字装飾 2153 *----------------------------------------------------------------------------*/ 2154 span.op_b { 2155 text-decoration : inherit; 2156 font-style : inherit; 2157 font-weight : bold; 2158 color : inherit; 2159 font-size: inherit; 2160 } 2161 span.op_u { 2162 text-decoration : underline; 2163 font-style : inherit; 2164 font-weight : inherit; 2165 color : inherit; 2166 font-size: inherit; 2167 } 2168 span.op_s { 2169 text-decoration : line-through; 2170 font-style : inherit; 2171 font-weight : inherit; 2172 color : inherit; 2173 font-size: inherit; 2174 } 2175 span.op_i { 2176 text-decoration : inherit; 2177 font-style : italic; 2178 font-weight : inherit; 2179 color : inherit; 2180 font-size: inherit; 2181 } 2182 span.op_large { 2183 text-decoration : inherit; 2184 font-style : inherit; 2185 font-weight : inherit; 2186 color : inherit; 2187 font-size : 20px; 2188 } 2189 span.op_small { 2190 text-decoration : inherit; 2191 font-style : inherit; 2192 font-weight : inherit; 2193 color : inherit; 2194 font-size : 8px; 2195 } 2196 span.op_color { 2197 text-decoration : inherit; 2198 font-style : inherit; 2199 font-weight : inherit; 2200 color : inherit; 2201 font-size: inherit; 2202 } 2203 1860 2204 /*============================================================================== 1861 2205 *
Note: See TracChangeset
for help on using the changeset viewer.