CSS for Moodle can be challenging. I have run into another challenge.
On the log in page of our Moodle site (http://sionline.mrooms.net) , we have
this:
<div id="region-main">
<div class="region-content">
<div id="padder">
<span id="maincontent"></span>
/*Here is where two columns are defined*/
<div class="loginbox clearfix twocolumns">
<div class="loginpanel">
<h2>Returning to this web site?</h2>
<div class="subcontent loginsub">
<div class="desc">
<form id="login" autocomplete="off"
method="post" action="http://sionline.mrooms.net/login/index.php";>
</div>
</div>
<div class="signuppanel">
<h2>Is this your first time here?</h2>
<div class="subcontent">
<div class="text_to_html">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
There is a column on the left and a column on the right.
The column on the left has manual log in that we don't use.
The column on the right has some HTML that links to a SAML authentication
screen.
So I hide "loginpanel" display:none.
But the "signuppanel" is not centered.
(I hid the <h2> )
It is still on the right.
The Supporting CSS is:
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
min-width: 0;
visibility: hidden;
}
.loginbox.twocolumns {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
.loginbox.twocolumns {
margin: 15px 5%;
width: 90%;
}
.loginbox.twocolumns {
margin: 15px;
}
.twocolumns div.loginpanel {border-right: 1px dashed #dadada !important;}
.loginbox.twocolumns { width:46em;margin-right: auto;margin-left:
15px;border-color: #FFFFFF; }
So the question is. How do I get rid of the two columns and end up centering
the contents that is now in the right column?
I have tried all I know and I just can't see how to do it.
If I could get rid of the .twocolumns stuff, maybe that would do it?
Mark
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
