Mercurial > zeropaste
comparison app/assets/stylesheets/bootstrap.css @ 33:58c6d46c3e97
More thing in bootstrap.
author | Edho Arief <edho@myconan.net> |
---|---|
date | Mon, 10 Sep 2012 15:20:32 +0700 |
parents | faf30647205e |
children |
comparison
equal
deleted
inserted
replaced
32:59ef6698fa0d | 33:58c6d46c3e97 |
---|---|
1911 } | 1911 } |
1912 .btn-link[disabled]:hover { | 1912 .btn-link[disabled]:hover { |
1913 color: #333333; | 1913 color: #333333; |
1914 text-decoration: none; | 1914 text-decoration: none; |
1915 } | 1915 } |
1916 .nav { | |
1917 margin-left: 0; | |
1918 margin-bottom: 20px; | |
1919 list-style: none; | |
1920 } | |
1921 .nav > li > a { | |
1922 display: block; | |
1923 } | |
1924 .nav > li > a:hover { | |
1925 text-decoration: none; | |
1926 background-color: #eeeeee; | |
1927 } | |
1928 .nav > .pull-right { | |
1929 float: right; | |
1930 } | |
1931 .nav-header { | |
1932 display: block; | |
1933 padding: 3px 15px; | |
1934 font-size: 11px; | |
1935 font-weight: bold; | |
1936 line-height: 20px; | |
1937 color: #999999; | |
1938 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
1939 text-transform: uppercase; | |
1940 } | |
1941 .nav li + .nav-header { | |
1942 margin-top: 9px; | |
1943 } | |
1944 .nav-list { | |
1945 padding-left: 15px; | |
1946 padding-right: 15px; | |
1947 margin-bottom: 0; | |
1948 } | |
1949 .nav-list > li > a, | |
1950 .nav-list .nav-header { | |
1951 margin-left: -15px; | |
1952 margin-right: -15px; | |
1953 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
1954 } | |
1955 .nav-list > li > a { | |
1956 padding: 3px 15px; | |
1957 } | |
1958 .nav-list > .active > a, | |
1959 .nav-list > .active > a:hover { | |
1960 color: #ffffff; | |
1961 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
1962 background-color: #0088cc; | |
1963 } | |
1964 .nav-list [class^="icon-"] { | |
1965 margin-right: 2px; | |
1966 } | |
1967 .nav-list .divider { | |
1968 *width: 100%; | |
1969 height: 1px; | |
1970 margin: 9px 1px; | |
1971 *margin: -5px 0 5px; | |
1972 overflow: hidden; | |
1973 background-color: #e5e5e5; | |
1974 border-bottom: 1px solid #ffffff; | |
1975 } | |
1976 .nav-tabs, | |
1977 .nav-pills { | |
1978 *zoom: 1; | |
1979 } | |
1980 .nav-tabs:before, | |
1981 .nav-pills:before, | |
1982 .nav-tabs:after, | |
1983 .nav-pills:after { | |
1984 display: table; | |
1985 content: ""; | |
1986 line-height: 0; | |
1987 } | |
1988 .nav-tabs:after, | |
1989 .nav-pills:after { | |
1990 clear: both; | |
1991 } | |
1992 .nav-tabs > li, | |
1993 .nav-pills > li { | |
1994 float: left; | |
1995 } | |
1996 .nav-tabs > li > a, | |
1997 .nav-pills > li > a { | |
1998 padding-right: 12px; | |
1999 padding-left: 12px; | |
2000 margin-right: 2px; | |
2001 line-height: 14px; | |
2002 } | |
2003 .nav-tabs { | |
2004 border-bottom: 1px solid #ddd; | |
2005 } | |
2006 .nav-tabs > li { | |
2007 margin-bottom: -1px; | |
2008 } | |
2009 .nav-tabs > li > a { | |
2010 padding-top: 8px; | |
2011 padding-bottom: 8px; | |
2012 line-height: 20px; | |
2013 border: 1px solid transparent; | |
2014 -webkit-border-radius: 4px 4px 0 0; | |
2015 -moz-border-radius: 4px 4px 0 0; | |
2016 border-radius: 4px 4px 0 0; | |
2017 } | |
2018 .nav-tabs > li > a:hover { | |
2019 border-color: #eeeeee #eeeeee #dddddd; | |
2020 } | |
2021 .nav-tabs > .active > a, | |
2022 .nav-tabs > .active > a:hover { | |
2023 color: #555555; | |
2024 background-color: #ffffff; | |
2025 border: 1px solid #ddd; | |
2026 border-bottom-color: transparent; | |
2027 cursor: default; | |
2028 } | |
2029 .nav-pills > li > a { | |
2030 padding-top: 8px; | |
2031 padding-bottom: 8px; | |
2032 margin-top: 2px; | |
2033 margin-bottom: 2px; | |
2034 -webkit-border-radius: 5px; | |
2035 -moz-border-radius: 5px; | |
2036 border-radius: 5px; | |
2037 } | |
2038 .nav-pills > .active > a, | |
2039 .nav-pills > .active > a:hover { | |
2040 color: #ffffff; | |
2041 background-color: #0088cc; | |
2042 } | |
2043 .nav-stacked > li { | |
2044 float: none; | |
2045 } | |
2046 .nav-stacked > li > a { | |
2047 margin-right: 0; | |
2048 } | |
2049 .nav-tabs.nav-stacked { | |
2050 border-bottom: 0; | |
2051 } | |
2052 .nav-tabs.nav-stacked > li > a { | |
2053 border: 1px solid #ddd; | |
2054 -webkit-border-radius: 0; | |
2055 -moz-border-radius: 0; | |
2056 border-radius: 0; | |
2057 } | |
2058 .nav-tabs.nav-stacked > li:first-child > a { | |
2059 -webkit-border-top-right-radius: 4px; | |
2060 -moz-border-radius-topright: 4px; | |
2061 border-top-right-radius: 4px; | |
2062 -webkit-border-top-left-radius: 4px; | |
2063 -moz-border-radius-topleft: 4px; | |
2064 border-top-left-radius: 4px; | |
2065 } | |
2066 .nav-tabs.nav-stacked > li:last-child > a { | |
2067 -webkit-border-bottom-right-radius: 4px; | |
2068 -moz-border-radius-bottomright: 4px; | |
2069 border-bottom-right-radius: 4px; | |
2070 -webkit-border-bottom-left-radius: 4px; | |
2071 -moz-border-radius-bottomleft: 4px; | |
2072 border-bottom-left-radius: 4px; | |
2073 } | |
2074 .nav-tabs.nav-stacked > li > a:hover { | |
2075 border-color: #ddd; | |
2076 z-index: 2; | |
2077 } | |
2078 .nav-pills.nav-stacked > li > a { | |
2079 margin-bottom: 3px; | |
2080 } | |
2081 .nav-pills.nav-stacked > li:last-child > a { | |
2082 margin-bottom: 1px; | |
2083 } | |
2084 .nav-tabs .dropdown-menu { | |
2085 -webkit-border-radius: 0 0 6px 6px; | |
2086 -moz-border-radius: 0 0 6px 6px; | |
2087 border-radius: 0 0 6px 6px; | |
2088 } | |
2089 .nav-pills .dropdown-menu { | |
2090 -webkit-border-radius: 6px; | |
2091 -moz-border-radius: 6px; | |
2092 border-radius: 6px; | |
2093 } | |
2094 .nav .dropdown-toggle .caret { | |
2095 border-top-color: #0088cc; | |
2096 border-bottom-color: #0088cc; | |
2097 margin-top: 6px; | |
2098 } | |
2099 .nav .dropdown-toggle:hover .caret { | |
2100 border-top-color: #005580; | |
2101 border-bottom-color: #005580; | |
2102 } | |
2103 /* move down carets for tabs */ | |
2104 .nav-tabs .dropdown-toggle .caret { | |
2105 margin-top: 8px; | |
2106 } | |
2107 .nav .active .dropdown-toggle .caret { | |
2108 border-top-color: #fff; | |
2109 border-bottom-color: #fff; | |
2110 } | |
2111 .nav-tabs .active .dropdown-toggle .caret { | |
2112 border-top-color: #555555; | |
2113 border-bottom-color: #555555; | |
2114 } | |
2115 .nav > .dropdown.active > a:hover { | |
2116 cursor: pointer; | |
2117 } | |
2118 .nav-tabs .open .dropdown-toggle, | |
2119 .nav-pills .open .dropdown-toggle, | |
2120 .nav > li.dropdown.open.active > a:hover { | |
2121 color: #ffffff; | |
2122 background-color: #999999; | |
2123 border-color: #999999; | |
2124 } | |
2125 .nav li.dropdown.open .caret, | |
2126 .nav li.dropdown.open.active .caret, | |
2127 .nav li.dropdown.open a:hover .caret { | |
2128 border-top-color: #ffffff; | |
2129 border-bottom-color: #ffffff; | |
2130 opacity: 1; | |
2131 filter: alpha(opacity=100); | |
2132 } | |
2133 .tabs-stacked .open > a:hover { | |
2134 border-color: #999999; | |
2135 } | |
2136 .tabbable { | |
2137 *zoom: 1; | |
2138 } | |
2139 .tabbable:before, | |
2140 .tabbable:after { | |
2141 display: table; | |
2142 content: ""; | |
2143 line-height: 0; | |
2144 } | |
2145 .tabbable:after { | |
2146 clear: both; | |
2147 } | |
2148 .tab-content { | |
2149 overflow: auto; | |
2150 } | |
2151 .tabs-below > .nav-tabs, | |
2152 .tabs-right > .nav-tabs, | |
2153 .tabs-left > .nav-tabs { | |
2154 border-bottom: 0; | |
2155 } | |
2156 .tab-content > .tab-pane, | |
2157 .pill-content > .pill-pane { | |
2158 display: none; | |
2159 } | |
2160 .tab-content > .active, | |
2161 .pill-content > .active { | |
2162 display: block; | |
2163 } | |
2164 .tabs-below > .nav-tabs { | |
2165 border-top: 1px solid #ddd; | |
2166 } | |
2167 .tabs-below > .nav-tabs > li { | |
2168 margin-top: -1px; | |
2169 margin-bottom: 0; | |
2170 } | |
2171 .tabs-below > .nav-tabs > li > a { | |
2172 -webkit-border-radius: 0 0 4px 4px; | |
2173 -moz-border-radius: 0 0 4px 4px; | |
2174 border-radius: 0 0 4px 4px; | |
2175 } | |
2176 .tabs-below > .nav-tabs > li > a:hover { | |
2177 border-bottom-color: transparent; | |
2178 border-top-color: #ddd; | |
2179 } | |
2180 .tabs-below > .nav-tabs > .active > a, | |
2181 .tabs-below > .nav-tabs > .active > a:hover { | |
2182 border-color: transparent #ddd #ddd #ddd; | |
2183 } | |
2184 .tabs-left > .nav-tabs > li, | |
2185 .tabs-right > .nav-tabs > li { | |
2186 float: none; | |
2187 } | |
2188 .tabs-left > .nav-tabs > li > a, | |
2189 .tabs-right > .nav-tabs > li > a { | |
2190 min-width: 74px; | |
2191 margin-right: 0; | |
2192 margin-bottom: 3px; | |
2193 } | |
2194 .tabs-left > .nav-tabs { | |
2195 float: left; | |
2196 margin-right: 19px; | |
2197 border-right: 1px solid #ddd; | |
2198 } | |
2199 .tabs-left > .nav-tabs > li > a { | |
2200 margin-right: -1px; | |
2201 -webkit-border-radius: 4px 0 0 4px; | |
2202 -moz-border-radius: 4px 0 0 4px; | |
2203 border-radius: 4px 0 0 4px; | |
2204 } | |
2205 .tabs-left > .nav-tabs > li > a:hover { | |
2206 border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
2207 } | |
2208 .tabs-left > .nav-tabs .active > a, | |
2209 .tabs-left > .nav-tabs .active > a:hover { | |
2210 border-color: #ddd transparent #ddd #ddd; | |
2211 *border-right-color: #ffffff; | |
2212 } | |
2213 .tabs-right > .nav-tabs { | |
2214 float: right; | |
2215 margin-left: 19px; | |
2216 border-left: 1px solid #ddd; | |
2217 } | |
2218 .tabs-right > .nav-tabs > li > a { | |
2219 margin-left: -1px; | |
2220 -webkit-border-radius: 0 4px 4px 0; | |
2221 -moz-border-radius: 0 4px 4px 0; | |
2222 border-radius: 0 4px 4px 0; | |
2223 } | |
2224 .tabs-right > .nav-tabs > li > a:hover { | |
2225 border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
2226 } | |
2227 .tabs-right > .nav-tabs .active > a, | |
2228 .tabs-right > .nav-tabs .active > a:hover { | |
2229 border-color: #ddd #ddd #ddd transparent; | |
2230 *border-left-color: #ffffff; | |
2231 } | |
2232 .nav > .disabled > a { | |
2233 color: #999999; | |
2234 } | |
2235 .nav > .disabled > a:hover { | |
2236 text-decoration: none; | |
2237 background-color: transparent; | |
2238 cursor: default; | |
2239 } | |
2240 .alert { | |
2241 padding: 8px 35px 8px 14px; | |
2242 margin-bottom: 20px; | |
2243 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
2244 background-color: #fcf8e3; | |
2245 border: 1px solid #fbeed5; | |
2246 -webkit-border-radius: 4px; | |
2247 -moz-border-radius: 4px; | |
2248 border-radius: 4px; | |
2249 color: #c09853; | |
2250 } | |
2251 .alert h4 { | |
2252 margin: 0; | |
2253 } | |
2254 .alert .close { | |
2255 position: relative; | |
2256 top: -2px; | |
2257 right: -21px; | |
2258 line-height: 20px; | |
2259 } | |
2260 .alert-success { | |
2261 background-color: #dff0d8; | |
2262 border-color: #d6e9c6; | |
2263 color: #468847; | |
2264 } | |
2265 .alert-danger, | |
2266 .alert-error { | |
2267 background-color: #f2dede; | |
2268 border-color: #eed3d7; | |
2269 color: #b94a48; | |
2270 } | |
2271 .alert-info { | |
2272 background-color: #d9edf7; | |
2273 border-color: #bce8f1; | |
2274 color: #3a87ad; | |
2275 } | |
2276 .alert-block { | |
2277 padding-top: 14px; | |
2278 padding-bottom: 14px; | |
2279 } | |
2280 .alert-block > p, | |
2281 .alert-block > ul { | |
2282 margin-bottom: 0; | |
2283 } | |
2284 .alert-block p + p { | |
2285 margin-top: 5px; | |
2286 } | |
1916 | 2287 |