web2py.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. header a {color: white; font-size:1.1em}
  2. main {min-height: 70vh}
  3. .form-group {padding-bottom: 10px !important;}
  4. .w2p_hidden {display:none;visibility:visible}
  5. .right {float:right; text-align:right}
  6. .left {float:left; text-align:left}
  7. .center {width:100%; text-align:center; vertical-align:middle}
  8. td.w2p_fw {padding-bottom:1px}
  9. td.w2p_fl,td.w2p_fw,td.w2p_fc {vertical-align:top}
  10. td.w2p_fl {text-align:left}
  11. td.w2p_fl, td.w2p_fw {padding-right:7px}
  12. td.w2p_fl,td.w2p_fc {padding-top:4px}
  13. div.w2p_export_menu {white-space: wrap; margin:5px 0}
  14. div.w2p_export_menu a, div.w2p_wiki_tags a, div.w2p_cloud a {margin-left:5px; padding:2px 5px; background-color:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:0.7em; color: black}
  15. /* tr#submit_record__row {border-top:1px solid #E5E5E5} */
  16. #submit_record__row td {padding-top:.5em}
  17. /* Fix */
  18. #auth_user_remember__row label {display:inline}
  19. #web2py_user_form td {vertical-align:top}
  20. /*********** web2py specific ***********/
  21. div.w2p_flash {
  22. font-weight:bold;
  23. display:none;
  24. padding:20px 20px 20px 50px;
  25. width:100%;
  26. opacity:0.95;
  27. vertical-align:middle;
  28. cursor:pointer;
  29. color:#000;
  30. background-color:#ffdc00;
  31. z-index:2000;
  32. }
  33. div.w2p_flash:before{content:"×";float:right; margin-right:100px; color:black;}
  34. .ie-lte7 div.flash #closeflash
  35. {color:expression(this.parentNode.currentStyle['color']);float:none;position:absolute;right:4px;}
  36. div.w2p_flash:hover { opacity:0.80; }
  37. div.error_wrapper {display:block}
  38. div.error {
  39. color:red;
  40. padding:5px;
  41. display:inline-block;
  42. }
  43. .topbar {
  44. padding:10px 0;
  45. width:100%;
  46. color:#959595;
  47. vertical-align:middle;
  48. padding:auto;
  49. background-image:-khtml-gradient(linear,left top,left bottom,from(#333333),to(#222222));
  50. background-image:-moz-linear-gradient(top,#333333,#222222);
  51. background-image:-ms-linear-gradient(top,#333333,#222222);
  52. background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#222222));
  53. background-image:-webkit-linear-gradient(top,#333333,#222222);
  54. background-image:-o-linear-gradient(top,#333333,#222222);
  55. background-image:linear-gradient(top,#333333,#222222);
  56. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222',GradientType=0);
  57. -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
  58. -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
  59. box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
  60. }
  61. .topbar a {
  62. color:#e1e1e1;
  63. }
  64. #navbar {float:right; padding:5px; /* same as superfish */}
  65. .statusbar {
  66. background-color:#F5F5F5;
  67. margin-top:1em;
  68. margin-bottom:1em;
  69. padding:.5em 1em;
  70. border:1px solid #ddd;
  71. border-radius:5px;
  72. -moz-border-radius:5px;
  73. -webkit-border-radius:5px;
  74. }
  75. .breadcrumbs {float:left}
  76. .copyright {float:left}
  77. #poweredBy {float:right}
  78. /* #MEDIA QUERIES SECTION */
  79. /*
  80. *Grid
  81. *
  82. * The default style for SQLFORM.grid even using jquery-iu or another ui framework
  83. * will look better with the declarations below
  84. * if needed to remove base.css consider keeping these following lines in some css file.
  85. */
  86. /* .web2py_table {border:1px solid #ccc} */
  87. .web2py_paginator {}
  88. .web2py_grid table {width:100%}
  89. .web2py_grid td {color: black;}
  90. .web2py_console form {
  91. width: 100%;
  92. display: inline;
  93. vertical-align: middle;
  94. margin: 0 0 0 5px;
  95. }
  96. .web2py_console form select {
  97. margin:0;
  98. }
  99. .web2py_search_actions {
  100. float:left;
  101. text-align:left;
  102. }
  103. .web2py_grid .row_buttons {
  104. min-height:25px;
  105. vertical-align:middle;
  106. }
  107. .web2py_grid .row_buttons a {
  108. margin:3px;
  109. }
  110. .web2py_search_actions {
  111. width:100%;
  112. }
  113. .web2py_grid .row_buttons a,
  114. .web2py_paginator ul li a,
  115. .web2py_search_actions a,
  116. .web2py_console input[type=submit],
  117. .web2py_console input[type=button],
  118. .web2py_console button {
  119. line-height:20px;
  120. margin-right:2px; display:inline-block;
  121. padding:3px 5px 3px 5px;
  122. }
  123. .web2py_counter {
  124. margin-top:5px;
  125. margin-right:2px;
  126. width:35%;
  127. float:right;
  128. text-align:right;
  129. }
  130. /*Fix firefox problem*/
  131. .web2py_table {clear:both; display:block}
  132. .web2py_paginator {
  133. padding:5px;
  134. text-align:right;
  135. background-color:#f2f2f2;
  136. }
  137. .web2py_paginator ul {
  138. list-style-type:none;
  139. margin:0px;
  140. padding:0px;
  141. }
  142. .web2py_paginator ul li {
  143. display:inline;
  144. }
  145. .web2py_paginator .current {
  146. font-weight:bold;
  147. }
  148. .web2py_breadcrumbs ul {
  149. list-style:none;
  150. margin-bottom:18px;
  151. }
  152. li.w2p_grid_breadcrumb_elem {
  153. display:inline-block;
  154. }
  155. .web2py_console form { vertical-align: middle; }
  156. .web2py_console input, .web2py_console select,
  157. .web2py_console a { margin: 2px; }
  158. #wiki_page_body {
  159. width: 600px;
  160. height: auto;
  161. min-height: 400px;
  162. }
  163. /* fix some IE problems */
  164. .ie-lte7 .topbar .container {z-index:2}
  165. .ie-lte8 div.w2p_flash{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000', GradientType=0 ); }
  166. .ie-lte8 div.w2p_flash:hover {filter:alpha(opacity=25);}
  167. .ie9 #w2p_query_panel {padding-bottom:2px}
  168. .web2py_console .form-control {width: 20%; display: inline;}
  169. .web2py_console #w2p_keywords {width: 50%;}
  170. .web2py_search_actions a, .web2py_console input[type=submit], .web2py_console input[type=button], .web2py_console button { padding: 6px 12px; }