MDL-35875 - User - Modify the profile page to use semantic HTML rather than tables for layout (RTL Support)

This commit is contained in:
Damyon Wiese 2013-02-28 10:10:36 +08:00
parent 0f39498480
commit c111b9f3ae
2 changed files with 20 additions and 6 deletions

View File

@ -3,13 +3,12 @@
.userprofile .fullprofilelink {text-align:center; margin:10px;}
.userprofile .profilepicture {float:left; margin-right:20px;}
.userprofile .description {margin-bottom:20px;}
.userprofile .descriptionbox { float: left; }
.userprofile .descriptionbox { float: left;width: 80%; }
.userprofile .label {font-weight:normal;text-align:left;}
.userprofile dl {margin-top: 10px; margin-left: 0px}
.userprofile dl dt, .userprofile dl dd {padding-top: 3px;padding-bottom: 3px;float: left; }
.userprofile dl dt {padding-left: 0;font-weight: bold;display: inline-block;width: 180px;clear: both;}
.userprofile dl dd {display: inline-block; margin: 0px;}
.userprofile dl dt {padding-right: 2%;min-width: 100px;width: 15%;font-weight: bold;display: inline-block;clear: both;}
.userprofile dl dd {display: inline-block; margin: 0px;width: 75%; }
.user-box {margin:8px;width:115px;height:160px;text-align:center;float:left;clear: none;}
@ -62,9 +61,11 @@
/** Overide for RTL layout **/
.dir-rtl .userprofile .profilepicture {float:right; margin-left:20px;margin-right:0px;}
.dir-rtl .descriptionbox {margin-right: 110px;margin-left: 0px; }
.dir-rtl .descriptionbox {margin-right: 110px;margin-left: 0px;float: right;}
.dir-rtl .userlist table#participants td,
.dir-rtl .userlist table#participants th {text-align: right;}
.dir-rtl .userlist table#participants {margin: 0 auto;}
.dir-rtl .userprofile dl dt, .dir-rtl .userprofile dl dd {float: right;}
.dir-rtl .userprofile dl dt {padding-left: 2%;padding-right: 0;}
#page-my-index.dir-rtl .block h3.main { text-align: right;}

View File

@ -268,6 +268,7 @@ input[type="radio"] {
margin-left: 110px;
border: 1px solid #ddd;
padding: 10px;
width: 80%;
}
.path-user .description {
@ -285,17 +286,29 @@ input[type="radio"] {
float: left;
}
.dir-rtl .userprofile dl dt, .dir-rtl .userprofile dl dd {
float: right;
}
.userprofile dl dt {
padding-left: 0;
font-weight: bold;
display: inline-block;
width: 180px;
padding-right: 2%;
min-width: 100px;
width: 15%;
clear: both;
}
.dir-rtl .userprofile dl dt {
padding-left: 2%;
padding-right: 0;
}
.userprofile dl dd {
display: inline-block;
margin: 0px;
width: 75%;
}
#page-user-view .buttons {