Template:TopTenCircle/styles.css
Jump to navigation
Jump to search
/* Please do not modify this page if you do not understand how the text is positioned */
/* The following rules will works on your phone */
@media all and (max-width: 480px) {
.central-textlogo {
position: relative; left: 60px; text-align:left !important; width: 180px;
}
.central-logo {left: 25px !important; top: -40px !important;}
.central-logo-core {
position: relative; left: -25px !important; top: -25px !important; width: 50px !important; height: 50px !important;
}
.central-logo-core img {
width: 50px !important; height: 50px !important;
}
.central-featured {height: 22em !important; width: 100% !important;}
.top-lang-slogan,
.top-lang-slogan i {
font-size: small !important; line-height: 1em !important; word-break: break-all !important;
}
.top1, .top3, .top5, .top7, .top9 {
left: 0 !important; right: 0 !important; text-align:left !important;
}
.top2, .top4, .top6, .top8, .top10 {
left: 55% !important;
}
}
/* The following rules will works on desktop screen */
.central-textlogo {text-align:center;}
.central-featured {height: 28em; margin: 0 auto; max-width: 100%; position: relative; vertical-align: middle; width: 42em;}
.central-logo {position: absolute; left: 50%; top: 50%; width: 0; height: 0;}
.central-logo-core {position: relative; left: -90px; top: -100px; width: 196px; height: 199px;}
.top-lang {font-size: medium; font-weight: bold;}
.top1 {position: absolute; top: 0; right: 55%; text-align:right;}
.top2 {position: absolute; top: 0; left: 55%; text-align:left}
.top3 {position: absolute; top: 20%; right: 70%; text-align:right;}
.top4 {position: absolute; top: 20%; left: 70%; text-align:left;}
.top5 {position: absolute; top: 40%; right: 75%; text-align:right;}
.top6 {position: absolute; top: 40%; left: 75%; text-align:left;}
.top7 {position: absolute; top: 60%; right: 70%; text-align:right;}
.top8 {position: absolute; top: 60%; left: 70%; text-align:left;}
.top9 {position: absolute; top: 80%; right: 55%; text-align:right;}
.top10 {position: absolute; top: 80%; left: 55%; text-align:left;}