/* ---------------------------------------------- Layouts >> One Column | Portal: All | Page: All | Scope: Body | Description: | Pages with one column layouts require different dimensions for the | main div. This is because the main div has default dimensions that | include the left sidebar. */ body.one_column div#content{} body.one_column div#main{ padding: 30px 0; width: 100%; } body.one_column div#footnote { border-top: 1px solid #327375; padding: 20px 60px 30px 0; } body.one_column.square div#main{ padding: 30px; } body.two_column.basic div#main { border-left: none; } /* ---------------------------------------------- Layouts >> One Column >> Sub >> Two Columns | Portal: All | Page: All | Scope: Body | Description: | This style applies to pages that have a one column layout, but a standard | two column layout underneath or above. The EPP page landing page is a good example of | this type of layout. | Usage: | | ... |
|
|
| Sidebar Content |
|
| Main Content |
|

Other content in the content ID container.

|
|
| ... | */ body.one_column div#content div.sub-two_column{ /*overflow:hidden;*/ background:transparent url(images/one_column-sub-two_column.gif) repeat-y left top; } body.one_column div#content div.sub-two_column div.sidebar-left{ float:left; padding:30px; width:179px; } body.one_column div#content div.sub-two_column div.main{ width:630px; float:right; padding:30px 60px 30px 30px; } /* ---------------------------------------------- Layouts >> One Column >> Sub >> Two Columns Equal | Portal: All | Page: All | Scope: Body | Description: | This style applies to pages that have a one column layout, but a standard | two column layout underneath or above. The columns in this layout differ | from the regular sub two column layout because each column is of | equal width. */ body.one_column div#content div.sub-two_column-equal{ overflow:hidden; background:transparent url(images/one_column-sub-two_column-equal.png) repeat-y left top; padding:20px 0; } body.one_column div#content div.sub-two_column-equal div.sidebar-left{ float:left; width:400px; padding:0 40px; /*background:orange;*/ } body.one_column div#content div.sub-two_column-equal div.main{ float:right; width:401px; padding:0 40px; /*background:red;*/ } /* ---------------------------------------------- Layouts >> One Column >> Sub >> Borders | Portal: All | Page: All | Scope: Body | Description: */ div.border-top{ border-top:1px solid #ececec; } div.border-bottom{ border-bottom:1px solid #d6d6d6; } /* ---------------------------------------------- Layouts >> Two Columns >> Sidebar Right | Portal: All | Page: All | Scope: Body | Description: */ body.two_column-right div#content{ background:#fff url(images/content-background-sidebar_right.gif) repeat-y right top; } body.two_column-right div#sidebar-right{ display:block; padding:30px; width:179px; } body.two_column-right div#main{ width:630px; float:left; padding:30px 60px 30px 30px; } /* ---------------------------------------------- TO BE REVIEWED */ /* ---------------------------------------------- Layouts >> Two Column */ /* body.two_column div#content{ background:#fff url(images/content-background-sidebar_left.gif) repeat-y left top; } */ body.two_column div#sidebar-left{ display:block; padding:30px; width:179px; } body.two_column div#main{ float: right; padding: 30px 0 60px 30px; width: 690px; border-left: solid 1px #d6d6d6; } body.two_column.square div#main{ padding:30px; } /* ------------------------------------ Embedded Layouts ----------------------------------- * * Columns within the main block. */ body.one_column div#main div.side-left { float: left; width: 650px; } body.one_column div#main div.side-right { float: right; width: 202px; padding-left: 20px; } body.one_column div#main div.side-right a { display: block; margin-bottom: 10px; } body.two_column div#main div.side-left { float: left; width: 410px; } body.two_column div#main div.side-right { float: right; width: 200px; padding-left: 20px; } body.two_column div#main div.side-right a { display: block; margin-bottom: 10px; } /* ---------------------------------------------- Footnote */ div#footnote{ /* font:10px "Lucida Grande","Arial","Helvetica",sans-serif; font-style:oblique; */ color:#5b5b5b; padding: 20px 30px 30px 0; border-top:1px solid #327375; }