/************************************************/ /* Animated Twitter Slideshow Pro Admin Styles /************************************************/ /*mixins*/ #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav { border-bottom: 2px solid #E2E2E2; line-height: 31px; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li { border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: none; display: inline; padding: 8px 20px; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li h3 { display: inline; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li h3 a { color: #6BACD9; text-decoration: none; border: none !important; outline: none !important; box-shadow: none !important; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li h3 a:hover { color: #4A89BF; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li.ui-state-active { background-color: #F1F1F1; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-bottom: none; } #ats-admin #slideshow-settings .ui-tabs ul.ui-tabs-nav li.ui-state-active a { color: #222222; cursor: default; } #ats-admin #slideshow-settings .form-table tr td { position: relative; } #ats-admin #slideshow-settings .form-table tr td .user-bttn { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; font-size: 14px; line-height: 20px; margin-left: 12px; background: green; border-radius: 50%; cursor: pointer; opacity: .50; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #ats-admin #slideshow-settings .form-table tr td .user-bttn span { width: 50%; display: block; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } #ats-admin #slideshow-settings .form-table tr td .user-bttn span:last-of-type { transform: translateY(-50%) translateX(-50%) rotate(90deg); } #ats-admin #slideshow-settings .form-table tr td .user-bttn:hover { opacity: 1.0; } #ats-admin #slideshow-settings .form-table tr td .user-bttn.remove-user { background: red; } #ats-admin #slideshow-settings .form-table tr td .user-bttn.remove-user span:last-of-type { display: none; } #ats-admin #slideshow-settings .clear-cache, #ats-admin #slideshow-settings .api-unlock { background: orange; opacity: .75; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #ats-admin #slideshow-settings .clear-cache:hover, #ats-admin #slideshow-settings .api-unlock:hover { opacity: 1.0; }