/* #smallButtons ================================================== */ .smallButton { border: 1px solid #505050; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; height:25px; width:25px; font-family: 'Questrial'; font-size: 1px; bottom:0px; float:right; right:25px; font-weight: lighter; position:absolute; cursor: pointer; color: transparent; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .smallButton:hover { border: 1px solid #59c9ec; } .smallButton:active { border: 1px solid #fff; } /* #topRight Buttons ================================================== */ #rightButtons{ float:right; right: 0px; position: absolute; display: inline-block; } .smallButton[type="facebookButton"] { background: url(images/smallButtons/facebook/facebook_idle2.png) no-repeat 0px 0px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/facebook/facebook_idle2.png) no-repeat 0px 0px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/facebook/facebook_idle2.png) no-repeat 0px 0px, -o-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/facebook/facebook_idle2.png) no-repeat 0px 0px, -ms-radial-gradient(#302d26,#070706 ); } .smallButton[type="facebookButton"]:hover { background: url(images/smallButtons/facebook/facebook_hover.png) no-repeat 0px 0px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/facebook/facebook_hover.png) no-repeat 0px 0px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/facebook/facebook_hover.png) no-repeat 0px 0px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/facebook/facebook_hover.png) no-repeat 0px 0px, -ms-radial-gradient(#3398CC,#32332c ); } .smallButton[type="facebookButton"]:active { background: url(images/smallButtons/facebook/facebook_active.png) no-repeat 0px 0px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/facebook/facebook_active.png) no-repeat 0px 0px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/facebook/facebook_active.png) no-repeat 0px 0px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/facebook/facebook_active.png) no-repeat 0px 0px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="twitterButton"] { background: url(images/smallButtons/twitter/twitter_idle2.png) no-repeat -2px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/twitter/twitter_idle2.png) no-repeat -2px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/twitter/twitter_idle2.png) no-repeat -2px -2px, -o-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/twitter/twitter_idle2.png) no-repeat -2px -2px, -ms-radial-gradient(#302d26,#070706 ); } .smallButton[type="twitterButton"]:hover { background: url(images/smallButtons/twitter/twitter_hover.png) no-repeat -2px -2px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/twitter/twitter_hover.png) no-repeat -2px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/twitter/twitter_hover.png) no-repeat -2px -2px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/twitter/twitter_hover.png) no-repeat -2px -2px, -ms-radial-gradient(#3398CC,#32332c ); } .smallButton[type="twitterButton"]:active { background: url(images/smallButtons/twitter/twitter_active2.png) no-repeat -2px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/twitter/twitter_active2.png) no-repeat -2px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/twitter/twitter_active2.png) no-repeat -2px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/twitter/twitter_active2.png) no-repeat -2px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="search"] { -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; border-radius: 0px 6px 6px 0px; background: url(images/smallButtons/search/search_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/search/search_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/search/search_idle.png) no-repeat -3px -2px, -o-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/search/search_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706 ); } .smallButton[type="search"]:hover { background: url(images/smallButtons/search/search_hover.png) no-repeat -3px -2px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/search/search_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/search/search_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/search/search_hover.png) no-repeat -3px -2px, -ms-radial-gradient(#3398CC,#32332c ); } .smallButton[type="search"]:active { background: url(images/smallButtons/search/search_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/search/search_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/search/search_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/search/search_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="delete"] { background: url(images/smallButtons/delete/delete_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/delete/delete_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/delete/delete_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/delete/delete_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .smallButton[type="delete"]:hover { background: url(images/smallButtons/delete/delete_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/delete/delete_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/delete/delete_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/delete/delete_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .smallButton[type="delete"]:active { background: url(images/smallButtons/delete/delete_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/delete/delete_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/delete/delete_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/delete/delete_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="edit"] { background: url(images/smallButtons/edit/edit_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/edit/edit_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/edit/edit_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/edit/edit_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .smallButton[type="edit"]:hover { background: url(images/smallButtons/edit/edit_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/edit/edit_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/edit/edit_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/edit/edit_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .smallButton[type="edit"]:active { background: url(images/smallButtons/edit/edit_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/edit/edit_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/edit/edit_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/edit/edit_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="swap"] { background: url(images/smallButtons/swap/swap_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/swap/swap_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/swap/swap_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/swap/swap_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .smallButton[type="swap"]:hover { background: url(images/smallButtons/swap/swap_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/swap/swap_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/swap/swap_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/swap/swap_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .smallButton[type="swap"]:active { background: url(images/smallButtons/swap/swap_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/swap/swap_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/swap/swap_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/swap/swap_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="remove"] { background: url(images/smallButtons/remove/remove_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/remove/remove_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/remove/remove_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/remove/remove_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .smallButton[type="remove"]:hover { background: url(images/smallButtons/remove/remove_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/remove/remove_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/remove/remove_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/remove/remove_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .smallButton[type="remove"]:active { background: url(images/smallButtons/remove/remove_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/remove/remove_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/remove/remove_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/remove/remove_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .smallButton[type="relate"] { background: url(images/smallButtons/relate/relate_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/relate/relate_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/relate/relate_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/relate/relate_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .smallButton[type="relate"]:hover { background: url(images/smallButtons/relate/relate_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/relate/relate_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/relate/relate_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/relate/relate_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .smallButton[type="relate"]:active { background: url(images/smallButtons/relate/relate_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/relate/relate_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/relate/relate_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/relate/relate_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .buttonCancel { border: 1px solid #505050; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; height:25px; width:25px; font-family: 'Questrial'; font-size: 20px; bottom:0px; float:right; right:25px; font-weight: lighter; position:absolute; cursor: pointer; color: #635e53; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .buttonCancel:hover { color: #fff; border: 1px solid #59c9ec; } .buttonCancel:active { color: #000; border: 1px solid #fff; } .buttonConfirm { border: 1px solid #505050; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; height:25px; width:25px; font-family: 'Questrial'; font-size: 20px; bottom:0px; float:left; right:25px; font-weight: lighter; position:absolute; cursor: pointer; color: #635e53; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .buttonConfirm:hover { color: #fff; border: 1px solid #59c9ec; } .buttonConfirm:active { color: #000; border: 1px solid #fff; } .buttonCancel { background: url(images/smallButtons/cancel/cancel_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/cancel/cancel_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/cancel/cancel_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/cancel/cancel_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .buttonCancel:hover { background: url(images/smallButtons/cancel/cancel_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/cancel/cancel_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/cancel/cancel_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/cancel/cancel_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .buttonCancel:active { background: url(images/smallButtons/cancel/cancel_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/cancel/cancel_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/cancel/cancel_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/cancel/cancel_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } .buttonConfirm { background: url(images/smallButtons/confirm/confirm_idle.png) no-repeat -3px -2px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/confirm/confirm_idle.png) no-repeat -3px -2px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/smallButtons/confirm/confirm_idle.png) no-repeat -3px -2px, -o-radial-gradient( #302d26,#070706); background: url(images/smallButtons/confirm/confirm_idle.png) no-repeat -3px -2px, -ms-radial-gradient(#302d26,#070706); } .buttonConfirm:hover { background: url(images/smallButtons/confirm/confirm_hover.png) no-repeat -3px -2px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/smallButtons/confirm/confirm_hover.png) no-repeat -3px -2px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/smallButtons/confirm/confirm_hover.png) no-repeat -3px -2px, -o-radial-gradient(#3398CC,#32332c); background: url(images/smallButtons/confirm/confirm_hover.png) no-repeat -3px -2px, -ms-radial-gradient( #3398CC,#32332c ); } .buttonConfirm:active { background: url(images/smallButtons/confirm/confirm_active.png) no-repeat -3px -2px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/confirm/confirm_active.png) no-repeat -3px -2px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/confirm/confirm_active.png) no-repeat -3px -2px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/smallButtons/confirm/confirm_active.png) no-repeat -3px -2px, -ms-radial-gradient( #eefffd , #59c9ec ); } /* #smallButtons ================================================== */ .largeButton { -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; border-radius:9px 9px 9px 9px; height:60px; width:60px; font-family: 'Questrial'; font-size: 20px; bottom: 25px; right:20px; font-weight: lighter; position:absolute; cursor: pointer; color: transparent; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; border:1px solid #3f3d38; box-shadow: 1px 2px 0px #635e53, 0px 1px 1px rgba(0,0,0,1); } } .largeButton:hover { color: #fff; border: 1px solid #59c9ec; box-shadow: 2px 4px 0px #3f6572, 0px 3px 10px rgba(0,0,0,1); } .largeButton:active { color: #000; border: 1px solid #fff; box-shadow: 0px 0px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1); } .largeButton[type="contact"] { -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; bottom:50px; height:25px; width:105px; background: url(images/largeButtons/contact/contact3_idle.png) no-repeat 2px 0px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/largeButtons/contact/contact3_idle.png) no-repeat 2px 0px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/largeButtons/contact/contact3_idle.png) no-repeat 2px 0px, -o-radial-gradient(#302d26,#070706 ); background: url(images/largeButtons/contact/contact3_idle.png) no-repeat 2px 0px, -ms-radial-gradient(#302d26,#070706 ); background-size: 100% 100%; } .largeButton[type="contact"]:hover, .largeButton[type="contact_current"]:hover { bottom:50px; height:25px; width:105px; background: url(images/largeButtons/contact/contact3_hover.png) no-repeat 2px 0px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/largeButtons/contact/contact3_hover.png) no-repeat 2px 0px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/largeButtons/contact/contact3_hover.png) no-repeat 2px 0px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/largeButtons/contact/contact3_hover.png) no-repeat 2px 0px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 100% 100%; } .largeButton[type="contact"]:active, .largeButton[type="contact_current"]:active { bottom:50px; height:25px; width:105px; background: url(images/largeButtons/contact/contact3_active.png) no-repeat 2px 0px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/largeButtons/contact/contact3_active.png) no-repeat 2px 0px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/largeButtons/contact/contact3_active.png) no-repeat 2px 0px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/largeButtons/contact/contact3_active.png) no-repeat 2px 0px, -ms-radial-gradient( #eefffd , #59c9ec ); background-size: 100% 100%; } .largeButton[type="contact_current"] { -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; bottom:50px; height:25px; width:105px; border: 1px solid #59c9ec; background: url(images/largeButtons/contact/contact3_current.png) no-repeat 2px 0px, -webkit-radial-gradient(#00293F, #081E21 ); background: url(images/largeButtons/contact/contact3_current.png) no-repeat 2px 0px, -moz-radial-gradient(#00293F, #081E21); background: url(images/largeButtons/contact/contact3_current.png) no-repeat 2px 0px, -o-radial-gradient(#00293F, #081E21 ); background: url(images/largeButtons/contact/contact3_current.png) no-repeat 2px 0px, -ms-radial-gradient(#00293F, #081E21); background-size: 100% 100%; } .largeButton[type="showSort"] { background: url(images/sortButtons/sort/showSort_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/showSort_idle.png) no-repeat -4px -4px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/showSort_idle.png) no-repeat -4px -4px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/showSort_idle.png) no-repeat -4px -4px, -ms-radial-gradient(#302d26,#070706 ); background-size: 120% 120%; } .largeButton[type="showSort"]:hover { background: url(images/sortButtons/sort/showSort_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/showSort_hover.png) no-repeat -4px -4px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/showSort_hover.png) no-repeat -4px -4px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/showSort_hover.png) no-repeat -4px -4px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 120% 120%; } .largeButton[type="showSort"]:active { background: url(images/sortButtons/sort/showSort_active.png) no-repeat -4px -4px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/showSort_active.png) no-repeat -4px -4px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/showSort_active.png) no-repeat -4px -4px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/showSort_active.png) no-repeat -4px -4px, -ms-radial-gradient( #eefffd , #59c9ec ); background-size: 120% 120%; } .largeButton[type="hideSort"] { background: url(images/sortButtons/sort/hideSort_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/hideSort_idle.png) no-repeat -4px -4px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/hideSort_idle.png) no-repeat -4px -4px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/sort/hideSort_idle.png) no-repeat -4px -4px, -ms-radial-gradient(#302d26,#070706 ); background-size: 120% 120%; cursor: pointer; } .largeButton[type="hideSort"]:hover { background: url(images/sortButtons/sort/hideSort_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/hideSort_hover.png) no-repeat -4px -4px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/hideSort_hover.png) no-repeat -4px -4px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/sort/hideSort_hover.png) no-repeat -4px -4px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 120% 120%; } .largeButton[type="hideSort"]:active { background: url(images/sortButtons/sort/hideSort_active.png) no-repeat -4px -4px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/hideSort_active.png) no-repeat -4px -4px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/hideSort_active.png) no-repeat -4px -4px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/sort/hideSort_active.png) no-repeat -4px -4px, -ms-radial-gradient( #eefffd , #59c9ec ); background-size: 120% 120%; z-index:10; } .largeButton[type='toggleToolbar'] { display:none; position:absolute; float:right; right:12.5px; top:17.5px; z-index:10; background: url(images/sortButtons/toggleToolbar/toggleToolbar_idle.png) no-repeat 0px -3px, -webkit-radial-gradient(#302d26,#070706) ; background: url(images/sortButtons/toggleToolbar/toggleToolbar_idle.png) no-repeat 0px -3px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggleToolbar/toggleToolbar_idle.png) no-repeat 0px -3px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggleToolbar/toggleToolbar_idle.png) no-repeat 0px -3px, -ms-radial-gradient(#302d26,#070706 ); background-size: 100% 100%; } .largeButton[type='toggleToolbar']:hover { background: url(images/sortButtons/toggleToolbar/toggleToolbar_hover.png) no-repeat 0px -3px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggleToolbar/toggleToolbar_hover.png) no-repeat 0px -3px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggleToolbar/toggleToolbar_hover.png) no-repeat 0px -3px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggleToolbar/toggleToolbar_hover.png) no-repeat 0px -3px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 100% 100%; } .largeButton[type='toggleToolbar']:active { background: url(images/sortButtons/toggleToolbar/toggleToolbar_active.png) no-repeat 0px -3px, -webkit-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggleToolbar/toggleToolbar_active.png) no-repeat 0px -3px, -moz-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggleToolbar/toggleToolbar_active.png) no-repeat 0px -3px, -o-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggleToolbar/toggleToolbar_active.png) no-repeat 0px -3px, -ms-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background-size: 100% 100%; } .largeButton[type='toggleAdventures'] { display:block; position:absolute; float:right; right:25px; bottom:25px; z-index:10; background: url(images/sortButtons/toggle/toggleAdventures_idle.png) no-repeat 0px -3px, -webkit-radial-gradient(#302d26,#070706) ; background: url(images/sortButtons/toggle/toggleAdventures_idle.png) no-repeat 0px -3px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleAdventures_idle.png) no-repeat 0px -3px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleAdventures_idle.png) no-repeat 0px -3px, -ms-radial-gradient(#302d26,#070706 ); background-size: 100% 100%; } .largeButton[type='toggleAdventures']:hover { background: url(images/sortButtons/toggle/toggleAdventures_hover.png) no-repeat 0px -3px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleAdventures_hover.png) no-repeat 0px -3px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleAdventures_hover.png) no-repeat 0px -3px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleAdventures_hover.png) no-repeat 0px -3px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 100% 100%; } .largeButton[type='toggleAdventures']:active { background: url(images/sortButtons/toggle/toggleAdventures_active.png) no-repeat 0px -3px, -webkit-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleAdventures_active.png) no-repeat 0px -3px, -moz-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleAdventures_active.png) no-repeat 0px -3px, -o-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleAdventures_active.png) no-repeat 0px -3px, -ms-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background-size: 100% 100%; } .largeButton[type='toggleNews'] { display:block; position:absolute; float:right; right:25px; bottom:25px; z-index:10; background: url(images/sortButtons/toggle/toggleNews_idle.png) no-repeat 0px -3px, -webkit-radial-gradient(#302d26,#070706) ; background: url(images/sortButtons/toggle/toggleNews_idle.png) no-repeat 0px -3px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleNews_idle.png) no-repeat 0px -3px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleNews_idle.png) no-repeat 0px -3px, -ms-radial-gradient(#302d26,#070706 ); background-size: 100% 100%; } .largeButton[type='toggleNews']:hover { background: url(images/sortButtons/toggle/toggleNews_hover.png) no-repeat 0px -3px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleNews_hover.png) no-repeat 0px -3px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleNews_hover.png) no-repeat 0px -3px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleNews_hover.png) no-repeat 0px -3px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 100% 100%; } .largeButton[type='toggleNews']:active { background: url(images/sortButtons/toggle/toggleNews_active.png) no-repeat 0px -3px, -webkit-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleNews_active.png) no-repeat 0px -3px, -moz-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleNews_active.png) no-repeat 0px -3px, -o-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleNews_active.png) no-repeat 0px -3px, -ms-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background-size: 100% 100%; } .largeButton[type='toggleProjects'] { display:block; position:absolute; float:right; right:25px; bottom:25px; z-index:10; background: url(images/sortButtons/toggle/toggleProjects_idle.png) no-repeat 0px -3px, -webkit-radial-gradient(#302d26,#070706) ; background: url(images/sortButtons/toggle/toggleProjects_idle.png) no-repeat 0px -3px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleProjects_idle.png) no-repeat 0px -3px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/toggle/toggleProjects_idle.png) no-repeat 0px -3px, -ms-radial-gradient(#302d26,#070706 ); background-size: 100% 100%; } .largeButton[type='toggleProjects']:hover { background: url(images/sortButtons/toggle/toggleProjects_hover.png) no-repeat 0px -3px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleProjects_hover.png) no-repeat 0px -3px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleProjects_hover.png) no-repeat 0px -3px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/toggle/toggleProjects_hover.png) no-repeat 0px -3px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 100% 100%; } .largeButton[type='toggleProjects']:active { background: url(images/sortButtons/toggle/toggleProjects_active.png) no-repeat 0px -3px, -webkit-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleProjects_active.png) no-repeat 0px -3px, -moz-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleProjects_active.png) no-repeat 0px -3px, -o-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/toggle/toggleProjects_active.png) no-repeat 0px -3px, -ms-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background-size: 100% 100%; } .largeButton[type='add'] { position:absolute; float:right; right:12.5px; top:17.5px; z-index:10; background: url(images/sortButtons/add/add_idle.png) no-repeat -6px -10px, -webkit-radial-gradient(#302d26,#070706) ; background: url(images/sortButtons/add/add_idle.png) no-repeat -6px -10px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/add/add_idle.png) no-repeat -6px -10px, -o-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/add/add_idle.png) no-repeat -6px -10px, -ms-radial-gradient(#302d26,#070706 ); background-size: 125% 125%; } .largeButton[type='add']:hover { background: url(images/sortButtons/add/add_hover.png) no-repeat -6px -10px, -webkit-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/add/add_hover.png) no-repeat -6px -10px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/add/add_hover.png) no-repeat -6px -10px, -o-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/add/add_hover.png) no-repeat -6px -10px, -ms-radial-gradient(#3398CC,#32332c ); background-size: 125% 125%; } .largeButton[type='add']:active { color:transparent; background: url(images/sortButtons/add/add_active.png) no-repeat -6px -10px, -webkit-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/add/add_active.png) no-repeat -6px -10px, -moz-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/add/add_active.png) no-repeat -6px -10px, -o-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background: url(images/sortButtons/add/add_active.png) no-repeat -6px -10px, -ms-radial-gradient(#eefffd , #59c9ec ) 5px 5px; background-size: 125% 125%; } .largeButton[type="edit"] { background: url(images/sortButtons/swap/swap_idle.png) no-repeat -6px -10px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/swap/swap_idle.png) no-repeat -6px -10px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/swap/swap_idle.png) no-repeat -6px -10px, -o-radial-gradient( #302d26,#070706); background: url(images/sortButtons/swap/swap_idle.png) no-repeat -6px -10px, -ms-radial-gradient(#302d26,#070706); background-size: 125% 125%; } .largeButton[type="edit"]:hover { background: url(images/sortButtons/swap/swap_hover.png) no-repeat -6px -10px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/sortButtons/swap/swap_hover.png) no-repeat -6px -10px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/swap/swap_hover.png) no-repeat -6px -10px, -o-radial-gradient(#3398CC,#32332c); background: url(images/sortButtons/swap/swap_hover.png) no-repeat -6px -10px, -ms-radial-gradient( #3398CC,#32332c ); background-size: 125% 125%; } .largeButton[type="edit"]:active { background: url(images/sortButtons/swap/swap_active.png) no-repeat -6px -10px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/swap/swap_active.png) no-repeat -6px -10px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/swap/swap_active.png) no-repeat -6px -10px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/swap/swap_active.png) no-repeat -6px -10px, -ms-radial-gradient( #eefffd , #59c9ec ); background-size: 125% 125%; } .largeButton[type="delete"] { background: url(images/sortButtons/delete/delete_idle.png) no-repeat -6px -10px, -webkit-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/delete/delete_idle.png) no-repeat -6px -10px, -moz-radial-gradient(#302d26,#070706 ); background: url(images/sortButtons/delete/delete_idle.png) no-repeat -6px -10px, -o-radial-gradient( #302d26,#070706); background: url(images/sortButtons/delete/delete_idle.png) no-repeat -6px -10px, -ms-radial-gradient(#302d26,#070706); background-size: 125% 125%; } .largeButton[type="delete"]:hover { background: url(images/sortButtons/delete/delete_hover.png) no-repeat -6px -10px, -webkit-radial-gradient#3398CC,#32332c ); background: url(images/sortButtons/delete/delete_hover.png) no-repeat -6px -10px, -moz-radial-gradient(#3398CC,#32332c ); background: url(images/sortButtons/delete/delete_hover.png) no-repeat -6px -10px, -o-radial-gradient(#3398CC,#32332c); background: url(images/sortButtons/delete/delete_hover.png) no-repeat -6px -10px, -ms-radial-gradient( #3398CC,#32332c ); background-size: 125% 125%; } .largeButton[type="delete"]:active { background: url(images/sortButtons/delete/delete_active.png) no-repeat -6px -10px, -webkit-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/delete/delete_active.png) no-repeat -6px -10px, -moz-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/delete/delete_active.png) no-repeat -6px -10px, -o-radial-gradient( #eefffd , #59c9ec ); background: url(images/sortButtons/delete/delete_active.png) no-repeat -6px -10px, -ms-radial-gradient( #eefffd , #59c9ec ); background-size: 125% 125%; } @media only screen and (max-height: 600px) and (max-width: 400px){.largeButton[type='toggleToolbar'] {display:block;} }