web2py-bootstrap3.css 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. div.flash {
  2. background-image: none;
  3. border-radius: 4px;
  4. -o-border-radius: 4px;
  5. -moz-border-radius: 4px;
  6. -webkit-border-radius: 4px;
  7. color: #333;
  8. font-weight: 400;
  9. min-width: 28px;
  10. max-width: 300px;
  11. opacity: 1;
  12. vertical-align: baseline;
  13. right: auto;
  14. border-width: 1px;
  15. margin: 0 0 20px;
  16. padding: 15px 35px 15px 15px;
  17. }
  18. div.flash.alert:hover {
  19. opacity: 1;
  20. }
  21. .ie-lte8 div.flash {
  22. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000', GradientType=0);
  23. }
  24. .ie-lte8 div.flash:hover {
  25. filter: alpha(opacity=25);
  26. }
  27. .main-container {
  28. margin-top: 20px;
  29. }
  30. div.error {
  31. width: auto;
  32. background: transparent;
  33. border: none;
  34. background-image: none;
  35. color: red;
  36. display: inline-block;
  37. padding: 5px;
  38. }
  39. div.flash.alert {
  40. display: none;
  41. position: fixed;
  42. top: 70px;
  43. right: 75px;
  44. cursor: pointer;
  45. z-index: 1000;
  46. background-color: #f9edbe;
  47. border-color: #f0c36d;
  48. }
  49. .w2p-toolbar-hidden {
  50. margin: 10px;
  51. }
  52. ul.w2p_list {
  53. margin-left: 0;
  54. padding-left: 0;
  55. }
  56. .w2p_list li {
  57. margin-bottom: 6px;
  58. }
  59. .w2p_list li input {
  60. display: inline-block;
  61. width: 85%;
  62. margin-right: 4px;
  63. }
  64. .w2p_list li a {
  65. margin-bottom: 2px;
  66. }
  67. div[id^=_autocomplete_] {
  68. margin-top: -10px;
  69. z-index: 1;
  70. }
  71. select.autocomplete {
  72. display: block;
  73. font-size: 14px;
  74. line-height: 1.428571429;
  75. color: #555;
  76. vertical-align: middle;
  77. background-color: #fff;
  78. background-image: none;
  79. border: 1px solid #ccc;
  80. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  81. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  82. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  83. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  84. border-color: #428bca;
  85. padding: 6px 12px;
  86. }
  87. #web2py-logo {
  88. color: #c6cecc;
  89. }
  90. #web2py-logo b {
  91. display: inline-block;
  92. margin-top: -1px;
  93. }
  94. #web2py-logo b>span {
  95. font-size: 22px;
  96. color: #FFF;
  97. }
  98. #web2py-logo:hover {
  99. color: #FFF;
  100. }
  101. .footer > .container-fluid {
  102. padding-left: 15px;
  103. padding-right: 15px;
  104. margin: 20px;
  105. }
  106. .background {
  107. background: url(../images/background.jpg) no-repeat center center;
  108. }
  109. body {
  110. padding-top: 50px;
  111. margin-bottom: 60px;
  112. }
  113. header {
  114. -webkit-box-shadow: 0 0 8px 2px #000;
  115. -moz-box-shadow: 0 0 8px 2px #000;
  116. box-shadow: 0 0 8px 2px #000;
  117. margin-bottom: 10px;
  118. }
  119. html {
  120. position: relative;
  121. min-height: 100%;
  122. }
  123. .footer {
  124. position: absolute;
  125. bottom: 0;
  126. width: 100%;
  127. height: 60px;
  128. background: #333;
  129. color: #aaa;
  130. }
  131. header h1 {
  132. color: #FFF!important;
  133. text-shadow: 0 0 7px #000;
  134. }
  135. header .jumbotron {
  136. background-color: transparent;
  137. }
  138. .flash {
  139. opacity: 0.9!important;
  140. right: 100px;
  141. }
  142. .right {
  143. float: right;
  144. text-align: right;
  145. }
  146. .left {
  147. float: left;
  148. text-align: left;
  149. }
  150. .center {
  151. width: 100%;
  152. text-align: center;
  153. vertical-align: middle;
  154. }
  155. td.w2p_fw {
  156. padding-bottom: 1px;
  157. }
  158. td.w2p_fl {
  159. text-align: left;
  160. }
  161. td.w2p_fl,
  162. td.w2p_fw {
  163. padding-right: 7px;
  164. }
  165. td.w2p_fl,
  166. td.w2p_fc {
  167. padding-top: 4px;
  168. }
  169. div.w2p_export_menu {
  170. margin: 5px 0;
  171. }
  172. div.w2p_export_menu a,
  173. div.w2p_wiki_tags a,
  174. div.w2p_cloud a {
  175. margin-left: 5px;
  176. padding: 2px 5px;
  177. }
  178. #submit_record__row td {
  179. padding-top: .5em;
  180. }
  181. div.error_wrapper {
  182. display: block;
  183. }
  184. .copyright {
  185. float: left;
  186. }
  187. #poweredBy {
  188. float: right;
  189. }
  190. .web2py_grid tbody td {
  191. vertical-align: middle;
  192. padding: 2px 5px;
  193. }
  194. .web2py_grid thead th,
  195. .web2py_grid tfoot td {
  196. background-color: #EAEAEA;
  197. padding: 10px 5px;
  198. }
  199. .web2py_grid tr.odd {
  200. background-color: #F9F9F9;
  201. }
  202. .web2py_grid tr:hover {
  203. background-color: #F5F5F5;
  204. }
  205. .web2py_console form {
  206. width: 100%;
  207. display: inline;
  208. vertical-align: middle;
  209. margin: 0 0 0 5px;
  210. }
  211. .web2py_console form select {
  212. margin: 0;
  213. }
  214. .web2py_search_actions {
  215. float: left;
  216. text-align: left;
  217. width: 100%;
  218. }
  219. .web2py_grid .row_buttons {
  220. min-height: 25px;
  221. vertical-align: middle;
  222. }
  223. .web2py_grid .row_buttons a {
  224. margin: 3px;
  225. }
  226. .web2py_grid .row_buttons a,
  227. .web2py_paginator ul li a,
  228. .web2py_search_actions a,
  229. .web2py_console input[type=submit],
  230. .web2py_console input[type=button],
  231. .web2py_console button {
  232. line-height: 20px;
  233. margin-right: 2px;
  234. display: inline-block;
  235. padding: 3px 5px;
  236. }
  237. .web2py_counter {
  238. margin-top: 5px;
  239. margin-right: 2px;
  240. width: 35%;
  241. float: right;
  242. text-align: right;
  243. }
  244. .web2py_table {
  245. clear: both;
  246. display: block;
  247. }
  248. .web2py_paginator {
  249. text-align: right;
  250. background-color: #f2f2f2;
  251. padding: 5px;
  252. }
  253. .web2py_paginator ul {
  254. list-style-type: none;
  255. margin: 0;
  256. padding: 0;
  257. }
  258. .web2py_paginator .current {
  259. font-weight: 700;
  260. }
  261. .web2py_breadcrumbs ul {
  262. list-style: none;
  263. margin-bottom: 18px;
  264. }
  265. li.w2p_grid_breadcrumb_elem {
  266. display: inline-block;
  267. }
  268. .web2py_console input,
  269. .web2py_console select,
  270. .web2py_console a {
  271. margin: 2px;
  272. }
  273. #wiki_page_body {
  274. width: 600px;
  275. height: auto;
  276. min-height: 400px;
  277. }
  278. .ie-lte7 .topbar .container {
  279. z-index: 2;
  280. }
  281. .ie9 #w2p_query_panel {
  282. padding-bottom: 2px;
  283. }
  284. .web2py_console .form-control {
  285. width: 20%;
  286. display: inline;
  287. height: 100%;
  288. }
  289. .web2py_console #w2p_keywords {
  290. width: 50%;
  291. }
  292. .web2py_search_actions a,
  293. .web2py_console input[type=submit],
  294. .web2py_console input[type=button],
  295. .web2py_console button {
  296. padding: 6px 12px;
  297. }
  298. td.w2p_fl,
  299. td.w2p_fw,
  300. td.w2p_fc,
  301. #web2py_user_form td,
  302. .web2py_grid .web2py_form td {
  303. vertical-align: top;
  304. }
  305. #auth_user_remember__row label,
  306. .web2py_paginator ul li {
  307. display: inline;
  308. }
  309. .web2py_grid,
  310. .web2py_grid table {
  311. width: 100%;
  312. }
  313. input[type=checkbox], input[type=radio] {
  314. margin: 4px 4px 0 0;
  315. }
  316. .btn {
  317. margin-right: 4px;
  318. }