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