@charset "UTF-8"; /* CSS Document */ /* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait){ /* some CSS here */ #title_container { display: none; } #warning_container { display: block; } #ios_warning_box { display: block; } a.answer_btn.true_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.false_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.a_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.b_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.c_btn.allowhover:hover {background: url('../images/c_btn.png') 0 -66px no-repeat;} a.answer_btn.d_btn.allowhover:hover {background: url('../images/d_btn.png') 0 -66px no-repeat;} a.answer_btn.e_btn.allowhover:hover {background: url('../images/e_btn.png') 0 -66px no-repeat;} } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape){ /* some CSS here */ #title_container { display: none; } #warning_container { display: none; } #ios_warning_box { display: block; } a.answer_btn.true_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.false_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.a_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.b_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.c_btn.allowhover:hover {background: url('../images/c_btn.png') 0 -66px no-repeat;} a.answer_btn.d_btn.allowhover:hover {background: url('../images/d_btn.png') 0 -66px no-repeat;} a.answer_btn.e_btn.allowhover:hover {background: url('../images/e_btn.png') 0 -66px no-repeat;} } /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (max-device-width: 640px){ /* some CSS here */ #title_container { display: none; } #warning_container { display: block; } #ios_warning_box { display: block; } a.answer_btn.true_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.false_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.a_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.b_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.c_btn.allowhover:hover {background: url('../images/c_btn.png') 0 -66px no-repeat;} a.answer_btn.d_btn.allowhover:hover {background: url('../images/d_btn.png') 0 -66px no-repeat;} a.answer_btn.e_btn.allowhover:hover {background: url('../images/e_btn.png') 0 -66px no-repeat;} } /* #### iPhone 4+ Portrait or Landscape #### */ @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ /* some CSS here */ #title_container { display: none; } #warning_container { display: block; } #ios_warning_box { display: block; } a.answer_btn.true_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.false_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.a_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.b_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.c_btn.allowhover:hover {background: url('../images/c_btn.png') 0 -66px no-repeat;} a.answer_btn.d_btn.allowhover:hover {background: url('../images/d_btn.png') 0 -66px no-repeat;} a.answer_btn.e_btn.allowhover:hover {background: url('../images/e_btn.png') 0 -66px no-repeat;} } /* #### Tablets Portrait or Landscape #### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px){ /* some CSS here */ #title_container { display: none; } #warning_container { display: block; } #ios_warning_box { display: block; } a.answer_btn.true_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.false_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.a_btn.allowhover:hover {background: url('../images/a_btn.png') 0 -66px no-repeat;} a.answer_btn.b_btn.allowhover:hover {background: url('../images/b_btn.png') 0 -66px no-repeat;} a.answer_btn.c_btn.allowhover:hover {background: url('../images/c_btn.png') 0 -66px no-repeat;} a.answer_btn.d_btn.allowhover:hover {background: url('../images/d_btn.png') 0 -66px no-repeat;} a.answer_btn.e_btn.allowhover:hover {background: url('../images/e_btn.png') 0 -66px no-repeat;} }