trAvis - MANAGER
Edit File: google-analyticator-style-common.css
.google-analyticator-settings { width: 600px; } .google-analyticator-content-left,.google-analyticator-content-right { display: inline-block; margin:0px; padding:0px; vertical-align: top; } .google-analyticator-content-left { width:calc(100% - 400px) !important; } .google-analyticator-left-column { margin-right: 320px; } .google-analyticator-content-right { text-align: right; width: 300px !important; position: relative; right: 0px; } .google-analyticator-content-left #poststuff { padding-top: 10px; width: 50%; min-width: 1000px; } .google-analyticator-sidebar-appsumo-link { color: #ff644d; font-weight: 700; text-shadow: 1px 1px 1px #000; } .google-analyticator-plugin-box { width: calc( (100% / 2) - 160px); padding: 25px; margin: 25px 50px; min-width: 200px; display:inline-block; box-shadow: 3px 5px 9px #888888; background-color: white; height: 125px; vertical-align: top; text-align: center; } .google-analyticator-plugin-box-form { width: calc(100% / 3); padding: 25px; margin: 0px auto; min-width: 200px; display:block; box-shadow: 3px 5px 9px #888888; background-color: white; vertical-align: top; text-align: center; } .google-analyticator-plugin-box a { font-weight: bold; padding: 10px 0px; display: block; font-size: 20px; } .google-analyticator-plugin-box img { max-width:150px; max-height:40px; } .google-analyticator-plugin-box-logo-container { height:40px; } .google-analyticator-plugin-box-form .google-analyticator-appsumo-capture-container{ background-image: unset !important; width: unset; height:unset; } .google-analyticator-plugin-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-sub-header { color: #000 !important; } .google-analyticator-plugin-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-header { color: #d54f21; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container{ background-image: unset !important; width: unset; height:unset; } .google-analyticator-promo-box-form { width:auto; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container { background-image: none; width: 100%; margin: 0px; color: #444; padding: 0px; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-input{ width: 100%; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-button{ display: block; margin: 5px auto !important; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-header{ font-weight: bold; color: #d54f21; font-size: 18px; margin: 0px !important; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-sub-header{ padding:10px; } .google-analyticator-promo-box-header { font-weight: bold; color: #d54f21; font-size: 18px; margin: 0px !important; white-space: nowrap; } .google-analyticator-promo-box ul { text-align: left; } .google-analyticator-appsumo-capture-container { background-image: url('../images/triangle-pattern.svg'); background-repeat:no-repeat; min-height:180px; max-width:550px; width: calc(100% / 3); padding: 30px; border-radius: 10px; margin: 0px auto; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-header { text-align: left; box-sizing: border-box; margin-top: 0; line-height: 1.3; font-weight: bold; font-size: 1.5rem; color: #ffffff; text-align: center; } .google-analyticator-plugin-box-form .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-sub-header { text-align: left; font-weight: 400; color: #FFF; box-sizing: border-box; margin-top: 0; margin-bottom: 1rem; line-height: 1.7; font-size: 14px; text-align: center; padding: 10px; width: 80%; margin: 0px auto 20px auto; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-input { overflow: visible; margin-right: 0.5rem !important; display: inline-block; width: calc(100% - 170px); vertical-align: middle; transition: all 0.3s; outline: none; box-shadow: none; box-sizing: border-box; background: #fff; height: 3rem; font-weight: 100; color: #272727; margin: 0; border-radius: 5px; border: 1px solid #CCCCCC; line-height: 1; font-size: 1em; padding: 14px 10px; margin-bottom: 0; min-width: 150px; } .google-analyticator-appsumo-capture-container-button { display: inline-block; text-align: center; vertical-align: middle; user-select: none; line-height: 1.5; transition: all 0.2s ease-in-out; border: 0; white-space: normal; word-wrap: break-word; text-transform: none; color: #272727 !important; padding: 12px 32px; font-size: 14px; border-radius: 5px; font-weight: 600; margin-top: 0 !important; height: 3rem; margin: 0; text-decoration: none; border-color: #0062cc; outline: 0; box-shadow: inset 0px 0px 0px 1px rgba(9,132,227,0); background-color: #FFBC00 !important; cursor: pointer; } .google-analyticator-promo-box { text-align:left; width: 250px; min-width: 250px; border: 1px solid #ccc; padding: 20px; background:#FFFFFF; right: 20px; margin: 10px 50px 25px 50px; box-shadow: 3px 5px 9px #888888; background-color: white; vertical-align: top; text-align: center; } @media only screen and (max-width: 1400px) { .google-analyticator-left-column { margin-right: unset; } .google-analyticator-plugin-box { height: 145px; width: calc( (100% /2) - 160px); } .google-analyticator-appsumo-capture-container { width: calc(100% / 2); } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-header { font-size: 1.5rem; text-align: center; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-sub-header { text-align: center; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-input { width: 100%; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-button { display: block; margin: 5px auto !important; } .google-analyticator-content-left,.google-analyticator-content-right { display: block; width: 100% !important; } .google-analyticator-settings { width: 100% !important; } .google-analyticator-promo-box { /*display: none;*/ width: auto !important; max-width: 250px; margin: 20px auto; } .google-analyticator-promo-box-form .google-analyticator-appsumo-capture-container { width: auto !important; max-width: 250px; margin: 20px auto; } .google-analyticator-content-left #poststuff { padding-top: 10px; width: 100%; min-width: unset; } } @media only screen and (max-width: 800px) { .google-analyticator-plugin-box { width: 80%; height: 125px; margin: 25px auto; display: block; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-header { font-size: 1.5rem; } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-sub-header { } .google-analyticator-appsumo-capture-container .google-analyticator-appsumo-capture-container-button { height: 4rem; } }