/*********** Theme Name: Aly & AJ Russia (#8 Style Caster) Description: Welcome to Aly & AJ Russia, your source for everything about sisters and actresses Alyson and Amanda Michalka and their duo Aly & AJ. Here you can find all news about them, see the latest photos, interview, updates, videos, and many other things. We try to keep the site regularly updated as long as we have news about Aly & AJ. Hope you would come back here daily to check updates about the Michalka sisters. Find us on social networks and follow Aly & AJ Russia to be the first one to know everything about Alyson and Amanda. Author: Maria from Aly & AJ Russia + Estrella Design Author URI: http://alyandajrussia.tk + http://estrelladesign.tk ***********/ /** MAIN ELEMENTS **/ *, *:before, *:after {margin:0;padding:0;} b, strong {font-family:Lato;font-weight: 400;} a {font-family:Lato;color: white;font-weight: 700 !important;} a:hover {color: white;} em, u {color: white;font-family:Lato;} a, img, span {transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;text-decoration:none;} /** BODY ELEMENT **/ body {margin: 0;background: url(background.jpg);background-color: black;background-position: top center;background-repeat: no-repeat;font-family: Lato, Open Sans;-webkit-font-smoothing: antialiased;} /** HIDE SOME BLOCKS **/ .site_mobile_header, .site_mobile_content {display: none;} /** PRELOADER **/ .preload_full {position: fixed;width: 100%;height: 100%;background: rgb(44 132 170 / 50%);z-index: 999999999999999999999;top:0;} .preload_inside {width: 300px;height: 100%;margin: 15% auto;} .preloader {} .loaderimg {} .loaderimg img {width: 100%;} .preloader_progress {display: block;width: 100%;height: 20px;background: black;transition: all .9s;-webkit-transition: all .9s;-moz-transition: all .9s;-o-transition: all .9s;-ms-transition: all .9s;margin-top: 10px;} .preloader_progress_line {animation: preloader_progress_line 2500ms linear infinite;transition: all .9s;-webkit-transition: all .9s;-moz-transition: all .9s;-o-transition: all .9s;-ms-transition: all .9s;display: block;height: 20px;width: 100%;background: #1b4e6b;background: linear-gradient(to right, #1b4e6b, #2c84aa);background: -webkit-linear-gradient(right, #1b4e6b, #2c84aa);background: -o-linear-gradient(right, #1b4e6b, #2c84aa);backgroun: -moz-linear-gradient(right, #1b4e6b, #2c84aa);background: -moz-linear-gradient(right, #1b4e6b, #2c84aa);} @keyframes preloader_progress_line { 0% {width:0%;} 25% {width:25%;} 50% {width:50%;} 75% {width:75%;} 100% {width:100%;} } /** SITE CONTENT **/ .choose_lang_full {width:100%;height: 100vh;margin:0 auto;position: relative;} .choose_lang_inside {width: 1080px;height: 100vh;margin:0 auto;position: relative;} .choose_lang_main {display: block;width: 426px;height: 100vh;position: absolute;right: 0;top: 0;} .choose_lang_main_table1 {display: block;margin: 0 auto;position: absolute;top: 7%;right: 0;} .choose_lang_main_table1_links {width: auto;} .choose_lang_main_table1_links1 {display: block;text-align: center;} .choose_lang_main_table1_links a {width: auto;text-align: center;margin: 5px 0;padding: 10px;background: rgb(27 78 107 / 50%);color: white;text-decoration: none;text-transform: uppercase;font-family: Lato, Open Sans;font-size: 11px;letter-spacing: 2px;display: block;} .choose_lang_main_table1_links a:hover {background-color: rgb(44 132 170 / 50%);} .choose_lang_main_table1_links1 a {border-radius: 50%;text-align: center;width: 20px;height: 20px;display: inline-block;padding: 5px;margin: 5px 0px;background: rgb(44 132 170 / 50%);color: white;text-decoration: none;text-transform: uppercase;font-family: Lato;font-size: 9px;line-height: 26px;} .choose_lang_main_table1_links1 a:hover {background-color: rgb(27 78 107 / 50%);} .choose_lang_main_table1_disclaimer {font-family: Lato;font-size: 10px;line-height: 1.5;letter-spacing: 2px;padding: 15px;text-align: center;color: white;text-transform: uppercase;background: rgb(27 78 107 / 50%);} .choose_lang_main_table1_disclaimer a {font-weight: 400;text-transform: uppercase;} .choose_lang_main_table1_disclaimer a:hover {color:white;} /** MOBILE VERSION **/ /*** MOBILE PHONES (iPHONE, iPOD, SAMSUNG GALAXY, ETC) ***/ @media screen and (min-width:481px) and (max-width:1024px){ /**** MOBILE LOGO ****/ .site_mobile_header {display:block;background: #1b4e6b;overflow: hidden;color: white;} .site_mobile_logo {display: block;width: auto;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 15px 15px;font-size: 45px;text-transform: uppercase;letter-spacing: 3px;} .site_mobile_logo .span1 {font-family:Playfair Display;letter-spacing:0px;text-transform:none;} .site_mobile_logo .span2 {font-family:Open Sans;letter-spacing:0px;font-weight:bold;} .site_mobile_logo a {color:inherit;font-weight:normal;} /**** MOBILE PRELOADER ****/ .preload_inside {width: 60%;margin: 20% auto;} /**** MOBILE MAIN ELEMENTS ****/ body {width: auto;max-width: 1024px;background: none;background-color: #1b4e6b;} /**** MOBILE CONTENT ****/ .choose_lang_full {display: none;} .site_mobile_content {display: block;background: #1b4e6b;} .site_mobile_links {width: 100%;position: relative;margin: 0% 0;display: block;} .site_mobile_links a {display: block;text-align: center;margin: 10px 10px;padding: 15px;background: #2c84aa;color: white;text-decoration: none;text-transform: uppercase;font-family: Lato, Open Sans;font-size: 70%;letter-spacing: 2px;} .site_mobile_disclaimer {width: auto;background: #1b4e6b;position: relative;margin: 0;display: block;font-size: 80%;font-family: Lato;line-height: 20px;letter-spacing: 2px;padding: 20px;text-align: center;color: white;text-transform: uppercase;} .site_mobile_disclaimer a {font-weight: bold;color: white;text-transform: uppercase;} } /*** TABLETS (iPAD) ***/ @media screen and (max-width:480px){ /**** MOBILE LOGO ****/ .site_mobile_header {display:block;overflow: hidden;color: white;} .site_mobile_logo {display: block;width: auto;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 15px 15px;font-size: 35px;text-transform: uppercase;letter-spacing: 3px;color: inherit;} .site_mobile_logo img {width:100%;} .site_mobile_logo .span1 {font-family: Lato;letter-spacing: 5px;text-transform: uppercase;font-weight: 400;} .site_mobile_logo .span2 {font-family: Rosa Marena;letter-spacing:0px;font-weight: 400;text-transform: none;font-size: 40px;line-height: 1;} .site_mobile_logo a {color:inherit;font-weight:normal;} /**** MOBILE PRELOADER ****/ .preload_inside {width: 60%;margin: 20% auto;} /**** MOBILE MAIN ELEMENTS ****/ body {width: auto;max-width: 480px;background: none;background-color: #1b4e6b;color: white;} /**** MOBILE CONTENT ****/ .choose_lang_full {display: none;} .site_mobile_content {display: block;} .site_mobile_links {width: 100%;position: relative;margin: 0% 0;display: block;} .site_mobile_links a {display: block;text-align: center;padding: 10px;color: inherit;text-decoration: none;text-transform: uppercase;font-family: Lato, Open Sans;font-size: 11px;letter-spacing: 2px;background: rgb(44 132 170 / 50%);margin: 10px;} .site_mobile_disclaimer {width: auto;color: inherit;position: relative;margin: 0;display: block;font-size: 11px;font-family: Lato;line-height: 1.5;letter-spacing: 1px;padding: 10px;margin-top: 20px;text-align: center;text-transform: uppercase;} .site_mobile_disclaimer a {font-weight: 400;} } @media all and (orientation:landscape) and (max-width:480px){ } @media all and (orientation:landscape) and (min-width:481px) and (max-width:1024px){ }