css code for mobile , changes classic version

Code:

.post {
    padding: 0!important;
    line-height: 170%!important;
    margin: 0px;
    font-size: 12px!important;
    background: transparent!important;
}
.postbody .content {
    position: relative;
    padding: 15px!important;
    word-break: break-all;
    -moz-hyphens: auto;
    font-size: 12px!important;
    color: #555!important;
    line-height: 170%!important;
  background: #FFF!important;
}

Code:

#mpage-body .post {
    padding: 0!important;
    line-height: 170%!important;
    margin: 0px;
    font-size: 12px!important;
    background: transparent!important;
}
#mpage-body .postbody .content {
    position: relative;
    padding: 15px!important;
    word-break: break-all;
    -moz-hyphens: auto;
    font-size: 12px!important;
    color: #555!important;
    line-height: 170%!important;
  background: #FFF!important;
}

Code:


.content blockquote, dl.codebox {
background: none;
border: 0!important;
position: relative;
overflow: hidden;
min-height: 35px!important;
margin: 10px 0;
padding: 11px 0 6px 10px;
font-size: 14px;
line-height: 18px;
color: #504536;
font-family: Georgia;
font-style: italic;
}
blockquote div {
margin-top: 7px;
margin-left: 6px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: solid 1px #D5DEE5;
background: url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width: 91%;
padding: 15px 20px 10px 23px;
position: relative;
}
blockquote div:before {
content: '';
background: url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position: absolute;
width: 16px;
height: 16px;
top: 15px;
left: 3px;
}
blockquote cite {
font-style: normal;
font-weight: 700;
display: block;
font-size: 13px;
color: #fff;
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height: 32px;
position: absolute;
z-index: 100;
top: -15px;
text-shadow: #000 1px 1px;
left: 0;
}
blockquote cite:before {
content: '';
position: absolute;
z-index: -1;
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width: 31px;
height: 38px!important;
left: -13px;
top: 0;
}
blockquote cite:after {
content: '';
background: url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position: absolute;
right: -10px;
width: 10px;
height: 32px;
top: 0;
}

Ange Tuteur wrote:For certain CSS rules that affect the desktop version also, I recommend adding the id #mpage-body before the selector set.

Code:

#mpage-body blockquote cite:before, #mpage-body blockquote cite:after {
  display:none;
}