basic_large.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. word-wrap: break-word;
  5. }
  6. body {
  7. font-size: 150%;
  8. background: url("../images/header_bg_640.png") center top no-repeat;
  9. }
  10. a {
  11. outline: none;
  12. text-decoration: none;
  13. color: #006bd3;
  14. }
  15. .clearer {
  16. clear:both;
  17. }
  18. #header
  19. {
  20. height: 47px;
  21. background: url("../images/bing_logo.png") center center no-repeat;
  22. }
  23. /* screens */
  24. .screen
  25. {
  26. width: 100%;
  27. height: 100%;
  28. overflow-y: auto;
  29. }
  30. .screen_title
  31. {
  32. background: #ffa513;
  33. padding: 6px;
  34. color: white;
  35. text-align: center;
  36. }
  37. #screen_about, #screen_settings
  38. {
  39. text-align: center;
  40. background: white;
  41. }
  42. /* search bar */
  43. #search_bar
  44. {
  45. text-align: center;
  46. }
  47. #search_bar input
  48. {
  49. height: 48px;
  50. line-height: 48px;
  51. }
  52. #search_bar input[type="text"]
  53. {
  54. width: 90%;
  55. margin-top: 1px;
  56. }
  57. #search_bar input[type="submit"]
  58. {
  59. width: 50%;
  60. margin-top: 1px;
  61. }
  62. /* result panels */
  63. #search_panels
  64. {
  65. background: white;
  66. }
  67. .result_panel
  68. {
  69. padding: 4px;
  70. min-height: 100px;
  71. }
  72. .result_loader
  73. {
  74. background: #ffa513;
  75. color: white;
  76. padding: 3px;
  77. }
  78. /* results pagination */
  79. .result_pages
  80. {
  81. background: #ddddff;
  82. padding: 4px;
  83. }
  84. .result_page
  85. {
  86. height: 48px;
  87. line-height: 48px;
  88. margin: 1px;
  89. border: 1px solid gray;
  90. padding: 2px;
  91. display: block;
  92. background: white;
  93. }
  94. .result_page:hover
  95. {
  96. background: blue;
  97. color: white;
  98. }
  99. .result_current_page
  100. {
  101. }
  102. /* result items */
  103. .result_item
  104. {
  105. padding: 4px;
  106. display: block;
  107. text-align:center;
  108. border: 1px solid #eeeeee;
  109. margin: 2px;
  110. color: #006bd3;
  111. }
  112. .result_item_selected
  113. {
  114. padding: 4px;
  115. display: block;
  116. text-align:center;
  117. margin: 2px;
  118. background: #006bd3;
  119. color: white;
  120. border: 1px solid #cccccc;
  121. }
  122. .item_thumb
  123. {
  124. margin: auto;
  125. }
  126. .item_title
  127. {
  128. font-weight:bold;
  129. text-align: left;
  130. }
  131. .item_description
  132. {
  133. background: white;
  134. padding: 2px;
  135. margin: 2px;
  136. font-size: 80%;
  137. color: #006bd3;
  138. }.item_description
  139. {
  140. background: white;
  141. padding: 2px;
  142. margin: 2px;
  143. font-size: 80%;
  144. color: #006bd3;
  145. }
  146. .item_link
  147. {
  148. text-align: center;
  149. font-weight: bold;
  150. display: block;
  151. font-size: 80%;
  152. }
  153. .content_link
  154. {
  155. height: 48px;
  156. line-height: 48px;
  157. text-align: center;
  158. background: white;
  159. border: 1px solid gray;
  160. display: block;
  161. }
  162. .content_link:hover
  163. {
  164. background: blue;
  165. color: white;
  166. }
  167. .result_item .item_description, .result_item .item_link
  168. {
  169. display:none
  170. }
  171. .result_item_selected .item_description, .result_item_selected .item_link
  172. {
  173. display:block;
  174. text-align:left;
  175. }
  176. /* tabs */
  177. #search_tabs
  178. {
  179. overflow-x: auto;
  180. overflow-y: hidden;
  181. margin-top: 1px;
  182. border-bottom: 1px solid gray;
  183. display: block;
  184. outline: none;
  185. position: relative;
  186. }
  187. .tab_container
  188. {
  189. display: block;
  190. }
  191. .tab_cover
  192. {
  193. position: relative;
  194. top: -5px;
  195. background: white;
  196. width:100%;
  197. border-top: 1px solid gray;
  198. height:5px;
  199. margin-bottom: -5px;
  200. }
  201. .tab
  202. {
  203. background: white;
  204. height: 48px;
  205. line-height: 48px;
  206. min-width: 64px;
  207. float: left;
  208. border-top: 1px solid #0b0502;
  209. border-left: 1px solid #0b0502;
  210. border-right: 1px solid #0b0502;
  211. margin-right: 3px;
  212. }
  213. #search_tabs .tab_active
  214. {
  215. background: #006bd3;
  216. color:white;
  217. }
  218. #search_tabs:hover .tab_active
  219. {
  220. background: #ffa513;
  221. color: #006bd3;
  222. }
  223. /* filters */
  224. .media_filter
  225. {
  226. text-align: left;
  227. margin: 3px;
  228. padding: 2px;
  229. background: white;
  230. border: 1px solid gray;
  231. display: block;
  232. line-height: 48px;
  233. height: 48px;
  234. color: blue;
  235. }
  236. .media_filter img
  237. {
  238. vertical-align: middle;
  239. }
  240. .media_filter:hover
  241. {
  242. background: #006bd3;
  243. color: white;
  244. }