liquid layout
This commit is contained in:
Frederic Peters
parent
d876a3667e
commit
9611909bc0
|
|
@ -51,6 +51,7 @@ a {
|
|||
#visual-portal-wrapper {
|
||||
margin: 0 100px;
|
||||
position: absolute;
|
||||
max-width: 100em;
|
||||
}
|
||||
|
||||
#portal-personaltools-wrapper {
|
||||
|
|
@ -61,15 +62,6 @@ a {
|
|||
clear: right;
|
||||
}
|
||||
|
||||
.narrow #portal-personaltools-wrapper {
|
||||
width: 235px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#portal-personaltools-wrapper ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -134,10 +126,6 @@ body {
|
|||
background: white;
|
||||
}
|
||||
|
||||
#visual-portal-wrapper {
|
||||
/*background-image: url(grid.png);*/
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -222,13 +210,14 @@ textarea:focus {
|
|||
/* @group Columns */
|
||||
|
||||
#portal-columns {
|
||||
float: left;
|
||||
margin-right: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* @group Column One */
|
||||
|
||||
#portal-column-one {
|
||||
width: 130px;
|
||||
width: 140px;
|
||||
padding: 0;
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -237,10 +226,11 @@ div#portal-gray-zone {
|
|||
background: #ccc;
|
||||
border: 2px ridge #555;
|
||||
border-width: 2px 0 0 2px;
|
||||
width: 657px;
|
||||
/*width: 657px;*/
|
||||
width: 80%;
|
||||
position: relative;
|
||||
margin-left: 1px;
|
||||
float: left;
|
||||
float: right;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -257,11 +247,6 @@ div#portal-gray-zone {
|
|||
right: 5px;
|
||||
}
|
||||
|
||||
.narrow #portal-column-two {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @end */
|
||||
|
|
@ -308,10 +293,6 @@ div.managePortletsLink {
|
|||
margin: 0 -10px 20px -10px;
|
||||
}
|
||||
|
||||
.narrow #portal-column-one div.managePortletsLink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.managePortletsLink a {
|
||||
-moz-border-radius: 1.1em;
|
||||
-webkit-border-radius: 1.1em;
|
||||
|
|
@ -343,31 +324,21 @@ div.managePortletsLink a:hover {
|
|||
|
||||
/* @group Column One */
|
||||
|
||||
#portal-column-one dl,.narrow #portal-column-two dl {
|
||||
#portal-column-one dl {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
width: 120px;
|
||||
width: 130px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#portal-column-one dt,.narrow #portal-column-two dt,.narrow #portal-column-two dt a {
|
||||
#portal-column-one dt {
|
||||
padding: 7px 0;
|
||||
margin: 0;
|
||||
background-color: white;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.narrow #portal-column-two dt a {
|
||||
color: #5a9bc6;
|
||||
}
|
||||
|
||||
.narrow #portal-column-two dt a:hover {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#portal-column-one dd,.narrow #portal-column-two dd {
|
||||
#portal-column-one dd {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
|
|
@ -668,16 +639,6 @@ dl.portletCalendar dt a.calendarNext {
|
|||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.narrow dl.portletCalendar dt a.calendarPrevious {
|
||||
right: 16px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.narrow dl.portletCalendar dt a.calendarNext {
|
||||
right: -3px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
dl.portletCalendar dt a.calendarPrevious:hover {
|
||||
background-position: -16px 0 !important;
|
||||
}
|
||||
|
|
@ -705,12 +666,6 @@ dl.portletCalendar table {
|
|||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.narrow dl.portletCalendar table {
|
||||
width: 216px;
|
||||
position: relative;
|
||||
left: -8px;
|
||||
}
|
||||
|
||||
dl.portletCalendar table td {
|
||||
margin: 0;
|
||||
border-style: none;
|
||||
|
|
@ -801,7 +756,6 @@ dl.toc dd ol {
|
|||
/* @group Header */
|
||||
|
||||
#portal-header {
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
position: relative;
|
||||
|
|
@ -809,23 +763,16 @@ dl.toc dd ol {
|
|||
}
|
||||
|
||||
#portal-top {
|
||||
width: 811px;
|
||||
}
|
||||
|
||||
.narrow #portal-top {
|
||||
width: 737px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
a#portal-logo {
|
||||
height: 95px;
|
||||
width: 800px;
|
||||
float: left;
|
||||
/*width: 800px;*/
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.narrow a#portal-logo {
|
||||
top: 20px;
|
||||
display: block;
|
||||
background: #b30005;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
|
@ -1024,10 +971,6 @@ fieldset.formPanel.hidden {
|
|||
width: 450px;
|
||||
}
|
||||
|
||||
.narrow #portal-breadcrumbs {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#portal-breadcrumbs a,
|
||||
#portal-breadcrumbs span span {
|
||||
font-size: 11px;
|
||||
|
|
@ -1058,20 +1001,11 @@ span#breadcrumbs-you-are-here {
|
|||
ul#portal-globalnav {
|
||||
overflow: hidden;
|
||||
margin-left: 25px;
|
||||
margin-right: 1px;
|
||||
font-size: 1em;
|
||||
background: #ddd;
|
||||
padding: 3px 10px;
|
||||
float: right;
|
||||
width: 650px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.narrow ul#portal-globalnav {
|
||||
}
|
||||
|
||||
.medium ul#portal-globalnav {
|
||||
|
||||
margin-left: 148px;
|
||||
}
|
||||
|
||||
ul#portal-globalnav li {
|
||||
|
|
@ -1353,9 +1287,9 @@ h1.documentFirstHeading {
|
|||
div#portal-welcome {
|
||||
background: white;
|
||||
border: 1px solid #b20004;
|
||||
width: 475px;
|
||||
padding: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 160px;
|
||||
}
|
||||
|
||||
div#portal-welcome h1 {
|
||||
|
|
@ -1386,7 +1320,7 @@ h3 a:hover {
|
|||
|
||||
#portal-column-content {
|
||||
background-color: white;
|
||||
width: 475px;
|
||||
margin-right: 160px;
|
||||
padding: 10px 10px 40px 10px;
|
||||
border: 1px solid #d9ad00;
|
||||
}
|
||||
|
|
|
|||
Reference in New Issue