123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 |
- * {
- margin: 0;
- padding: 0;
- word-wrap: break-word;
- }
- body {
- font-size: 150%;
- background: url("../images/header_bg_640.png") center top no-repeat;
- }
- a {
- outline: none;
- text-decoration: none;
- color: #006bd3;
- }
- .clearer {
- clear:both;
- }
- #header
- {
- height: 47px;
- background: url("../images/bing_logo.png") center center no-repeat;
- }
- /* screens */
- .screen
- {
- width: 100%;
- height: 100%;
- overflow-y: auto;
- }
- .screen_title
- {
- background: #ffa513;
- padding: 6px;
- color: white;
- text-align: center;
- }
- #screen_about, #screen_settings
- {
- text-align: center;
- background: white;
- }
- /* search bar */
- #search_bar
- {
- text-align: center;
- }
- #search_bar input
- {
- height: 48px;
- line-height: 48px;
- }
- #search_bar input[type="text"]
- {
- width: 90%;
- margin-top: 1px;
- }
- #search_bar input[type="submit"]
- {
- width: 50%;
- margin-top: 1px;
- }
- /* result panels */
- #search_panels
- {
- background: white;
- }
- .result_panel
- {
- padding: 4px;
- min-height: 100px;
- }
- .result_loader
- {
- background: #ffa513;
- color: white;
- padding: 3px;
- }
- /* results pagination */
- .result_pages
- {
- background: #ddddff;
- padding: 4px;
- }
- .result_page
- {
- height: 48px;
- line-height: 48px;
- margin: 1px;
- border: 1px solid gray;
- padding: 2px;
- display: block;
- background: white;
- }
- .result_page:hover
- {
- background: blue;
- color: white;
- }
- .result_current_page
- {
- }
- /* result items */
- .result_item
- {
- padding: 4px;
- display: block;
- text-align:center;
- border: 1px solid #eeeeee;
- margin: 2px;
- color: #006bd3;
- }
- .result_item_selected
- {
- padding: 4px;
- display: block;
- text-align:center;
- margin: 2px;
- background: #006bd3;
- color: white;
- border: 1px solid #cccccc;
- }
- .item_thumb
- {
- margin: auto;
- }
- .item_title
- {
- font-weight:bold;
- text-align: left;
- }
- .item_description
- {
- background: white;
- padding: 2px;
- margin: 2px;
- font-size: 80%;
- color: #006bd3;
- }.item_description
- {
- background: white;
- padding: 2px;
- margin: 2px;
- font-size: 80%;
- color: #006bd3;
- }
- .item_link
- {
- text-align: center;
- font-weight: bold;
- display: block;
- font-size: 80%;
- }
- .content_link
- {
- height: 48px;
- line-height: 48px;
- text-align: center;
- background: white;
- border: 1px solid gray;
- display: block;
- }
- .content_link:hover
- {
- background: blue;
- color: white;
- }
- .result_item .item_description, .result_item .item_link
- {
- display:none
- }
- .result_item_selected .item_description, .result_item_selected .item_link
- {
- display:block;
- text-align:left;
- }
- /* tabs */
- #search_tabs
- {
- overflow-x: auto;
- overflow-y: hidden;
- margin-top: 1px;
- border-bottom: 1px solid gray;
- display: block;
- outline: none;
- position: relative;
- }
- .tab_container
- {
- display: block;
- }
- .tab_cover
- {
- position: relative;
- top: -5px;
- background: white;
- width:100%;
- border-top: 1px solid gray;
- height:5px;
- margin-bottom: -5px;
- }
- .tab
- {
- background: white;
- height: 48px;
- line-height: 48px;
- min-width: 64px;
- float: left;
- border-top: 1px solid #0b0502;
- border-left: 1px solid #0b0502;
- border-right: 1px solid #0b0502;
- margin-right: 3px;
- }
- #search_tabs .tab_active
- {
- background: #006bd3;
- color:white;
- }
- #search_tabs:hover .tab_active
- {
- background: #ffa513;
- color: #006bd3;
-
- }
- /* filters */
- .media_filter
- {
- text-align: left;
- margin: 3px;
- padding: 2px;
- background: white;
- border: 1px solid gray;
- display: block;
- line-height: 48px;
- height: 48px;
- color: blue;
- }
- .media_filter img
- {
- vertical-align: middle;
- }
- .media_filter:hover
- {
- background: #006bd3;
- color: white;
- }
|