assets/css/adBlocker.css in word-games-theme-1.5.1 vs assets/css/adBlocker.css in word-games-theme-1.5.2
- old
+ new
@@ -1,232 +1,240 @@
+.extensions {
+ position: fixed;
+ max-width: 500px;
+ height: auto;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ background: #fff;
+ opacity: 0;
+ pointer-events: none;
+ transform: translate(-50%, -50%) scale(1.2);
+ z-index: 9999;
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+ transition: opacity 0.2s 0s ease-in-out,
+ transform 0.2s 0s ease-in-out;
+}
- .extensions {
- position: fixed;
- max-width: 500px;
- height: auto;
- top: 50%;
- left: 50%;
- width: 100%;
- background: #fff;
- opacity: 0;
- pointer-events: none;
- transform: translate(-50%, -50%) scale(1.2);
- z-index: 9999;
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
- transition: opacity 0.2s 0s ease-in-out,
- transform 0.2s 0s ease-in-out;
- }
+.extensions.show {
+ opacity: 1;
+ pointer-events: auto;
+}
- .extensions.show {
- opacity: 1;
- pointer-events: auto;
- }
+.extensions .ads__content {
+ color: #000;
+ padding-top: 25px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+}
- .extensions .ads__content {
- color:#000;
- padding-top: 25px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- }
- .ads-icon{
- width: 18px !important;
- }
+.ads-icon {
+ width: 18px !important;
+}
- .closePopup {
- position: absolute;
- top: 8px;
- right: 12px;
- cursor: pointer;
- font-size: 20px;
- }
+.closePopup {
+ position: absolute;
+ top: 8px;
+ right: 12px;
+ cursor: pointer;
+ font-size: 20px;
+}
- .nav-tab-link {
- background-color: inherit;
- border: none !important;
- outline: none;
- cursor: pointer;
- /* transition: 0.3s; */
- font-size: 12px;
- color: #000;
- }
+.nav-tab-link {
+ background-color: inherit;
+ border: none !important;
+ outline: none;
+ cursor: pointer;
+ /* transition: 0.3s; */
+ font-size: 12px;
+ color: #000;
+}
- .nav-tab-link:hover {
- background-color: #f1f3f4;
- color: #000 !important
- }
+.nav-tab-link:hover {
+ background-color: #f1f3f4;
+ color: #000 !important
+}
- .nav-tabs .nav-item.show .nav-link,
- .nav-tabs .nav-link.active {
- background-color: transparent !important;
- border-color: transparent !important;
- color: #1a73e8 !important;
- border-bottom: 2px solid !important;
- }
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+ background-color: transparent !important;
+ border-color: transparent !important;
+ color: #1a73e8 !important;
+ border-bottom: 2px solid !important;
+}
- .ads_img {
- width: 30px;
- height: 30px;
- display: block;
- margin: 0 auto
- }
+.ads_img {
+ width: 30px;
+ height: 30px;
+ display: block;
+ margin: 0 auto
+}
- .three_dot {
- width: 30px;
- height: 30px;
- background: #f1f3f4;
- border-radius: 50%;
- text-align: center;
- margin: 0 auto;
- padding-top: 5px;
- }
+.three_dot {
+ width: 30px;
+ height: 30px;
+ background: #f1f3f4;
+ border-radius: 50%;
+ text-align: center;
+ margin: 0 auto;
+ padding-top: 5px;
+}
- .tablist {
- border: none !important
- }
+.tablist {
+ border: none !important
+}
- .tab-content {
- padding: 15px 50px;
- border-top: none;
- font-size: 15px;
- height: 320px;
- background-color: #f1f3f4;
- }
+.tab-content {
+ padding: 15px 50px;
+ border-top: none;
+ font-size: 15px;
+ height: 320px;
+ background-color: #f1f3f4;
+}
- .tab-content .listContainer {
- font-size: 13px;
- }
+.tab-content .listContainer {
+ font-size: 13px;
+}
- .listItem {
- padding: 8px 0;
- font-size: 12px;
- }
+.listItem {
+ padding: 8px 0;
+ font-size: 12px;
+}
-
-
- /* ravi */
-
- .wrapper {
+.wrapper {
position: fixed;
left: 0;
top: 0;
- background: rgba(0,0,0,.6);
+ background: rgba(0, 0, 0, .6);
height: 100%;
width: 100%;
display: none;
transition: all .3s ease-in-out;
font-size: 15px;
color: #666;
line-height: 1.5;
- }
+}
- .innerWrapper{
- z-index: 99;
- position: relative;
- max-width: 500px;
- top: 50%;
- left: 50%;
- width: 100%;
- padding: 40px 30px;
- background: #fff;
- border-radius: 15px;
- transform: translate(-50%, -50%) scale(1.2);
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
- transition: opacity 0.2s 0s ease-in-out,
- transform 0.2s 0s ease-in-out;
- }
+.innerWrapper {
+ z-index: 99;
+ position: relative;
+ max-width: 500px;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ padding: 40px 30px;
+ background: #fff;
+ border-radius: 15px;
+ transform: translate(-50%, -50%) scale(1.2);
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+ transition: opacity 0.2s 0s ease-in-out,
+ transform 0.2s 0s ease-in-out;
+}
- .wrapper.show {
- display: block;
- z-index: 9999;
+.wrapper.show {
+ display: block;
+ z-index: 9999;
+}
+
+.brand-title {
+ margin-top: 35px;
+ font-size: 32px;
+ font-weight: 900;
+}
+
+.show-ads {
+ font-size: 19px;
+ text-align: center;
+ margin-top: 20px;
+}
+
+.btn-container {
+ height: 57px;
+ width: 223px;
+ margin-top: 30px;
+ border-radius: 50px;
+ position: relative;
+ overflow: hidden;
+}
+
+.btn-container .bg-layer {
+ height: 100%;
+ width: 300%;
+ position: absolute;
+ left: -100%;
+ background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639);
+ transition: all 0.4s ease;
+}
+
+.btn-container:hover .bg-layer {
+ left: 0;
+}
+
+.allow-ads-btn {
+ position: relative;
+ z-index: 1;
+ height: 100%;
+ width: 100%;
+ background: none;
+ font-size: 18px;
+ border: none;
+ outline: none;
+ color: #fff;
+ cursor: pointer;
+}
+
+
+@media (max-width: 768px) {
+ .tab-content .listContainer {
+ padding: 0px;
}
.brand-title {
- margin-top: 35px;
- font-size: 32px;
- font-weight: 900;
+ font-size: 2rem;
}
- .show-ads {
- font-size: 19px;
- text-align: center;
- margin-top: 20px;
+ .show-ads,
+ .whchExt {
+ font-size: 15px !important;
}
- .btn-container {
- height: 57px;
- width: 223px;
- margin-top: 30px;
- border-radius: 50px;
- position: relative;
- overflow: hidden;
+ .ads-desc,
+ .closePopup {
+ font-size: 14px;
}
- .btn-container .bg-layer {
- height: 100%;
- width: 300%;
- position: absolute;
- left: -100%;
- background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639);
- transition: all 0.4s ease;
+ .innerWrapper {
+ top: 40%;
+ width: 75%;
+ max-width: 400px;
}
- .btn-container:hover .bg-layer {
- left: 0;
+ .extensions {
+ width: 75%;
+ max-width: 400px;
+ top: 45%;
}
- .allow-ads-btn {
- position: relative;
- z-index: 1;
- height: 100%;
- width: 100%;
- background: none;
- font-size: 18px;
- border: none;
- outline: none;
- color: #fff;
- cursor: pointer;
+ .btn-container {
+ height: 50px;
+ width: 180px;
}
+ .listItem {
+ font-size: 10px !important;
+ }
- @media (max-width: 768px) {
- .tab-content .listContainer{
- padding:0px;
- }
- .brand-title{
- font-size: 2rem;
- }
- .show-ads,.whchExt{
- font-size: 15px !important;
- }
- .ads-desc,.closePopup{
- font-size: 14px;
- }
- .innerWrapper{
- top:40%;
- width: 75%;
- max-width: 400px;
- }
- .extensions{
- width: 75%;
- max-width: 400px;
- top:45%;
- }
+ .nav-tab-link {
+ font-size: 12px;
+ }
- .btn-container{
- height: 50px;
- width: 180px;
- }
- .listItem{
- font-size: 10px !important;
- }.nav-tab-link{
- font-size: 12px;
- }
- .ads_img,.three_dot{
- width: 20px;
- height: 20px;
- padding: 0px;
- }
-
- }
+ .ads_img,
+ .three_dot {
+ width: 20px;
+ height: 20px;
+ padding: 0px;
+ }
+
+}
\ No newline at end of file