@-webkit-keyframes fadeIt { 0% { background-color: #ffd89f; } 100% { background-color: #FFFFFF; } } @-moz-keyframes fadeIt { 0% { background-color: #ffd89f } 100% { background-color: #FFFFFF; } } @-o-keyframes fadeIt { 0% { background-color: #ffd89f } 100% { background-color: #FFFFFF; } } @keyframes fadeIt { 0% { background-color: #ffd89f } 100% { background-color: #FFFFFF; } } .acp_pro_backgroundAnimated{ background-image:none !important; -webkit-animation: fadeIt 3s ease; -moz-animation: fadeIt 3s ease; -o-animation: fadeIt 3s ease; animation: fadeIt 3s ease; background-color: white !important; } .acp_notice_get_pro_btn { -moz-box-shadow:inset 0px 1px 0px 0px #9acc85; -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85; box-shadow:inset 0px 1px 0px 0px #9acc85; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b)); background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0); background-color:#74ad5a; border:1px solid #3b6e22; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:18px; font-weight:bold; padding:10px 20px 10px 20px; text-decoration:none; border-radius: 5px; } .acp_notice_get_pro_btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a)); background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0); background-color:#68a54b; } .acp_notice_get_pro_btn:active { position:relative; top:1px; } #ga_tc_notice_get_pro .notice-dismiss { background-color: #ffd89f; padding-left: 20px; } #ga_tc_notice_get_pro .notice-dismiss-opened { background-color: white; } #ga_tc_notice_get_pro .notice-dismiss:before { position: inherit; margin-left: -20px; } #ga_tc_notice_get_pro .notice-dismiss:after { /*content: "close";*/ /*position: relative;*/ top: -4px; left: 1px; color: #4f73bc; } .acp_pro_banner { padding-left: 16px; height: 47px; /*min-width: 340px;*/ overflow-y: hidden; margin-lefT: -5px; cursor: pointer; } #ga_tc_notice_get_pro { margin-left: 0px; padding-right: 0px; padding: 10px 0px 0px 0px; background-color: #ffd89f; overflow-y: hidden; height: 97px; } #ga_tc_notice_get_pro .opened { background-color: white; } .acp_pro_banner_title { font-weight: bold; font-size: 28px; font-family: "open sans",arial,sans-serif; text-shadow: 1px 1px 15px #929292; float: left; padding: 3px 10px 14px 80px; margin-right: 15px; } .acp_pro_banner_features { margin-left: 100px; } .acp_pro_banner_feature { font-size: 16px; font-family: "open sans",arial,sans-serif; text-shadow: 1px 1px 15px #929292; font-weight: bold; float: left; /*padding-bottom: 10px;*/ border-radius: 15px; margin-right: 25px; margin-top: -5px; } .acp_pro_banner_buttons, .acp_pro_banner_buttons2 { text-align: center; /*max-width: 600px;*/ width: 100%; float: left; background-color: transparent; } .acp_pro_banner_buttons a, .acp_pro_banner_buttons2 a { line-height: 30px; font-weight: bold; text-decoration: none; } #acp_pro_banner_screenshots { max-width: 780px; /*padding-bottom: 20px;*/ margin-left: 20px; } #acp_pro_banner_screenshots div.screenshot { float: left; max-width: 30%; width: 130px; height: 50px; margin-right: 10px; overflow-y: hidden; /*border-bottom: 1px solid gray;*/ margin-bottom: -1px; } #acp_pro_banner_screenshots div.screenshot_opened { background-color: white; height: 130px; overflow: hidden; margin-top: 5px; border: 2px solid #bababa; } #acp_pro_banner_screenshots div.screenshot_opened:hover { border: 2px solid gray; } #acp_pro_banner_screenshots div.screenshot_opened img { margin-top: 0px !important; } .screenshot_opened img:hover { } #acp_pro_banner_screenshots div.screenshot2 { float: left; max-width: 30%; width: 230px; max-height: 127px; margin-right: 10px; overflow-y: hidden; border: 1px solid #bdbdbd; background-color: white; } .screenshot_shadow { -webkit-box-shadow: 0 8px 8px -6px #727272; -moz-box-shadow: 0 8px 8px -6px #727272; box-shadow: 0 8px 8px -6px #727272; border-bottom: 1px solid #dbdbdb; } #acp_pro_banner_screenshots div.screenshot img { margin-top: 10px; cursor: pointer; } #acp_pro_banner_screenshots div.screenshot img:hover { margin-top: 0px; } #acp_pro_banner_enjoy { position: absolute; margin-top: -33px; margin-left: 5px; } #acp_pro_banner_list_features { display: none; /*max-width: 780px;*/ background-color: white; padding: 0px 10px 60px 20px; /*margin-left: 0px;*/ } #acp_pro_banner_list_features li { /*list-style-type: inherit;*/ list-style-image: url("checkbox.gif"); margin-left: 30px; font-size: 16px; font-family: "open sans",arial,sans-serif; } #acp_pro_banner_list_features h2 { margin-top: 5px; } .acp_pro_banner_feature_cont { margin-left: 10px; } @media only screen and (max-width: 780px) { .acp_pro_banner_feature { font-size: 13px; margin-bottom: 10px; margin-left:0px; margin-right: 15px; /*font-weight: normal;*/ margin-top: -13px; } } @media only screen and (max-width: 780px) { #acp_pro_banner_enjoy { display: none; } .acp_pro_banner_title { padding-left: 0px; } } @media only screen and (max-width: 580px) { #ga_tc_notice_get_pro { padding-right: 0px; } .acp_pro_banner_title { font-size: 23px; padding: 0px 5px 15px 0px; } #ga_tc_notice_get_pro .notice-dismiss { padding-left: 0px; } #ga_tc_notice_get_pro .notice-dismiss:before { /*position: inherit;*/ /*margin-left: 0px;*/ } #ga_tc_notice_get_pro .notice-dismiss:after { content: ""; } .acp_pro_banner_features { margin-left: 0px; } } @media only screen and (max-width: 480px) { .acp_pro_banner_title { font-size: 18px; } } @media only screen and (max-width: 440px) { .acp_pro_banner_title { padding: 0px 5px 5px 0px; line-height: 20px; } .acp_pro_banner_buttons a { line-height: 20px; } .acp_pro_banner_feature_cont { margin-left: 0px; } .acp_pro_banner_feature { margin-top: auto; } } @media only screen and (max-width: 380px) { .acp_pro_banner_features { display: none; } } @media only screen and (max-width: 280px) { #ga_tc_notice_get_pro .notice-dismiss:before { color:red; background: rgba(255, 255, 255, 0.80); } }