Patch #30435 » flex_for_content_and_sidebar.patch
| public/stylesheets/application.css | ||
|---|---|---|
| 80 | 80 |
#admin-menu ul {margin: 0; padding: 0;}
|
| 81 | 81 |
#admin-menu li {margin: 0; padding: 0 0 6px 0; list-style-type:none;}
|
| 82 | 82 | |
| 83 |
#main {background-color:#EEEEEE;}
|
|
| 83 |
#main {display: flex; flex-direction: row-reverse;}
|
|
| 84 | 84 | |
| 85 |
#sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
|
|
| 86 |
* html #sidebar{ width: 22%; }
|
|
| 85 |
#sidebar{ flex-shrink: 0; width: 22%; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
|
|
| 87 | 86 |
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
|
| 88 | 87 |
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
|
| 89 | 88 |
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
|
| ... | ... | |
| 93 | 92 |
#sidebar div.wiki ul {margin:inherit; padding-left:40px;}
|
| 94 | 93 |
#sidebar div.wiki ul li {list-style-type:inherit;}
|
| 95 | 94 | |
| 96 |
#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
|
|
| 97 |
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
|
|
| 95 |
#content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 6px 10px 10px 10px; }
|
|
| 98 | 96 |
html>body #content { min-height: 600px; }
|
| 99 | 97 |
* html body #content { height: 600px; } /* IE */
|
| 100 | 98 | |
| 101 | 99 |
#main.nosidebar #sidebar{ display: none; }
|
| 102 |
#main.nosidebar #content{ width: auto; border-right: 0; }
|
|
| 103 | 100 | |
| 104 | 101 |
#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
|
| 105 | 102 | |
