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 |
