style.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. @import url(fonts.css);
  2. html,body{
  3. width: 100%;
  4. height: 100%;
  5. overflow-x: hidden;
  6. padding: 0;
  7. margin: 0;
  8. }
  9. h1,h2,h3,h4,p{
  10. margin: 0;
  11. }
  12. p{
  13. padding-top: 16px;
  14. padding-bottom: 16px;
  15. padding-left: 5px;
  16. padding-right: 5px;
  17. }
  18. input[type=submit],input[type=button],button,.button{
  19. text-transform: capitalize;
  20. }
  21. input[type=submit],button.recommend{
  22. background-image: url(../img/buttons/ui/recommend.png);
  23. background-color: #00caf2;
  24. border-color: #00acce;
  25. }
  26. input[type=submit]:active,button.recommend:active{
  27. border-color: #008aaa;
  28. background: #008aaa;
  29. color: #333;
  30. }
  31. textarea{
  32. min-height: 50px;
  33. }
  34. form#form{
  35. width: 320px;
  36. }
  37. .recommend-force{
  38. background-image: url(../img/buttons/ui/recommend.png) !important;
  39. background-color: #00caf2 !important;
  40. border-color: #00acce !important;
  41. }
  42. .recommend-force:active{
  43. border-color: #008aaa !important;
  44. background: #008aaa !important;
  45. color: #333 !important;
  46. }
  47. .cancel{
  48. background-image: url(../images/buttons/ui/danger.png);
  49. background-color: #b70404;
  50. color: #fff;
  51. border: none;
  52. }
  53. .cancel:active{
  54. background-image: url(../images/buttons/ui/danger-press.png);
  55. background-color: #890707;
  56. }
  57. .cancel-force{
  58. background-image: url(../images/buttons/ui/danger.png) !important;
  59. background-color: #b70404 !important;
  60. color: #fff !important;
  61. border: none !important;
  62. }
  63. .cancel-force:active{
  64. background-image: url(../images/buttons/ui/danger-press.png) !important;
  65. background-color: #890707 !important;
  66. }
  67. #cacheStatus{
  68. height: 100% !important;
  69. top: 0 !important;
  70. }
  71. div#topbar{
  72. position: fixed;
  73. z-index: 1000;
  74. width: calc(100% + 1px);
  75. background-color: #CD6723;
  76. background: url(../img/headers/ui/header.png) repeat-x 0 0;
  77. background-size: auto 100%;
  78. color: black;
  79. overflow: hidden;
  80. min-height: 50px;
  81. box-shadow: 0 1px 3px 1px rgba(0,0,0,0.3);
  82. }
  83. div.topbar-left{
  84. height: 100%;
  85. }
  86. div#topbar .menuitem{
  87. color: white;
  88. text-decoration: none;
  89. text-transform: capitalize;
  90. text-align: center;
  91. vertical-align: middle;
  92. margin-left: -1px;
  93. float: left;
  94. font-size: 25px;
  95. line-height: 50px;
  96. overflow: hidden;
  97. cursor: pointer;
  98. min-width: 35px;
  99. height: 50px;
  100. }
  101. div#topbar .menuitem:not(.topbar-home):not(.topbar-back){
  102. background: url(../img/headers/ui/separator.png) no-repeat scroll left center transparent;
  103. }
  104. div#topbar .menuitem:hover,div#topbar .menuitem:not(.topbar-home):not(.topbar-back):hover{
  105. background-image: url(../img/headers/ui/negative.png);
  106. background-repeat: repeat-x;
  107. }
  108. div#topbar .menuitem:active{
  109. background: #008aaa !important;
  110. color: #333;
  111. }
  112. div#topbar .menu{
  113. color: black;
  114. }
  115. div.topbar-right{
  116. float: right;
  117. }
  118. div.topbar-left{
  119. float: left;
  120. }
  121. .topbar-notifications{
  122. display: none;
  123. }
  124. div#content{
  125. width: 100%;
  126. position: absolute;
  127. top: 50px;
  128. padding-top: 5px;
  129. }
  130. div#loading{
  131. width: 100%;
  132. height: 100%;
  133. position: absolute;
  134. top: 0;
  135. left: 0;
  136. background-color: gray;
  137. background-color: rgba(0,0,0,0.5);
  138. background-image: url('../img/load.gif');
  139. background-repeat: no-repeat;
  140. background-position: center;
  141. }
  142. #comment>form>textarea[name=message]{
  143. width: 100%;
  144. height: 100%;
  145. }
  146. .screen-small, .screen-large{
  147. display: none;
  148. }
  149. .table{
  150. display: table;
  151. }
  152. .row{
  153. display: table-row;
  154. }
  155. .cell{
  156. display: table-cell;
  157. }
  158. .column{
  159. display: table-column;
  160. }
  161. .fill,.fill-width{
  162. width: 100%;
  163. }
  164. .fill,.fill-height{
  165. height: 100%;
  166. }
  167. .align-right{
  168. text-align: right;
  169. }
  170. .align-left{
  171. text-align: left;
  172. }
  173. .align-center{
  174. text-align: center;
  175. }
  176. .block{
  177. display: block;
  178. }
  179. .outline{
  180. border-color: black;
  181. border-style: solid;
  182. border-width: 1px;
  183. }
  184. .top{
  185. z-index: 2147483638;
  186. }
  187. .overflow-hide{
  188. overflow: hidden;
  189. }
  190. .left{
  191. float: left;
  192. }
  193. .right{
  194. float: right;
  195. }
  196. #topbar.overflow-hide{
  197. max-height: 50px;
  198. }
  199. @media screen and (max-width: 767px){
  200. div#topbar a.menuitem:not(.topbar-home){
  201. padding-left: 5px;
  202. padding-right: 5px;
  203. }
  204. div.topbar-right .menuitem{
  205. margin-bottom: -1px;
  206. }
  207. a.topbar-home{
  208. padding: 0;
  209. }
  210. a.topbar-current{
  211. max-width: 205px;
  212. }
  213. div.topbar-left a.topbar-current{
  214. float: right !important;
  215. }
  216. div.topbar-right a.topbar-current{
  217. position: absolute;
  218. right: 1px;
  219. top: 0;
  220. width: auto;
  221. }
  222. div.topbar-right{
  223. display: none;
  224. }
  225. div.topbar-left{
  226. width: 100%;
  227. }
  228. div.topbar-right a{
  229. clear: both;
  230. float: right !important;
  231. width: 100%;
  232. }
  233. a.topbar-back,a.topbar-history{
  234. width: 35px !important;
  235. position: absolute;
  236. top: 0;
  237. padding: 0 !important;
  238. }
  239. div#topbar{
  240. min-height: 35px;
  241. }
  242. div.topbar-right{
  243. min-height: 35px;
  244. width: 100%;
  245. padding-top: 50px;
  246. }
  247. .topbar-back,.topbar-history{
  248. background: url(../img/headers/ui/separator.png) no-repeat scroll right center transparent;
  249. }
  250. .screen-small:not(.topbar-notifications){
  251. display: block;
  252. }
  253. }
  254. @media screen and (min-width: 768px){
  255. div#topbar .menuitem{
  256. /*font-size: 15px;*/
  257. padding-left: 5px;
  258. padding-right: 5px;
  259. }
  260. a.topbar-back{
  261. display: none !important;
  262. }
  263. div.topbar-right{
  264. height: 100%;
  265. }
  266. div.topbar-right a.topbar-current{
  267. display: none;
  268. }
  269. a.topbar-home{
  270. display: none;
  271. }
  272. .screen-large{
  273. display: block;
  274. }
  275. }
  276. @viewport{
  277. zoom: 1.0;
  278. width: device-width;
  279. }
  280. @viewport{
  281. zoom: 1.0;
  282. width: extend-to-zoom;
  283. }
  284. @viewport{
  285. orientation: portrait;
  286. }
  287. @-ms-viewport{
  288. width: extend-to-zoom;
  289. zoom: 1.0;
  290. }