View source for Template:TopTenCircle/styles.css

/* 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;}