Jonathan Green
13 years ago
5 changed files with 85 additions and 89 deletions
@ -1,8 +1,51 @@ |
|||||||
/* |
/* |
||||||
Document : islandora_basic_collection.base.css |
Document : islandora_basic_collection.base.css |
||||||
Created on : May 23, 2012, 11:22:04 AM |
Created on : May 23, 2012, 11:22:04 AM |
||||||
Description: |
Description: Base css, for structural layout, |
||||||
Purpose of the stylesheet follows. |
positioning, and to generally make things function in |
||||||
|
the most basic form. |
||||||
*/ |
*/ |
||||||
|
|
||||||
|
/* List - Displays lists using a dt on the left and dd on the right */ |
||||||
|
|
||||||
|
.islandora-basic-collection-list-item { |
||||||
|
clear: both; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.islandora-basic-collection-list-item dl dt { |
||||||
|
clear: left; |
||||||
|
float: left; |
||||||
|
padding: 3px 0 0; |
||||||
|
text-align: center; |
||||||
|
width: 100px; |
||||||
|
} |
||||||
|
|
||||||
|
.islandora-basic-collection-list-item dl dd { |
||||||
|
margin: 0 0 0 130px; |
||||||
|
} |
||||||
|
|
||||||
|
/* Grid - Displays grid using dl formatted inline */ |
||||||
|
.islandora-basic-collection-grid dl |
||||||
|
{ |
||||||
|
width: 20%; |
||||||
|
min-width: 100px; |
||||||
|
min-height: 180px; |
||||||
|
display: -moz-inline-stack; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: top; |
||||||
|
margin: 1.5em 2%; |
||||||
|
zoom: 1; |
||||||
|
*display: inline; |
||||||
|
_height: 180px; |
||||||
|
} |
||||||
|
|
||||||
|
.islandora-basic-collection-grid dd |
||||||
|
{ |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.islandora-basic-collection-display-switch { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
@ -1,86 +1,46 @@ |
|||||||
/* |
/* |
||||||
Document : islandora_basic_collection.theme |
Document : islandora_basic_collection.theme |
||||||
Created on : May 23, 2012, 11:23:56 AM |
Created on : May 23, 2012, 11:23:56 AM |
||||||
Description: |
Description: Theme css, like margins, padding, borders, colors, etc |
||||||
Purpose of the stylesheet follows. |
|
||||||
*/ |
*/ |
||||||
|
|
||||||
|
/* Make flexible and assure content doesn't go off the page */ |
||||||
.islandora-basic-collection { |
.islandora-basic-collection { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
width: 100%; |
width: 100%; |
||||||
margin: 0 auto; |
margin: 0 auto; |
||||||
} |
} |
||||||
|
|
||||||
.islandora-basic-collection-object { |
/* Round borders on images */ |
||||||
margin: 1.5em auto 3em; |
.islandora-basic-collection-object dt img { |
||||||
} |
|
||||||
|
|
||||||
.islandora-basic-collection-grid dl.islandora-basic-collection-object |
|
||||||
{ |
|
||||||
width: 20%; |
|
||||||
min-width: 100px; |
|
||||||
min-height: 180px; |
|
||||||
display: -moz-inline-stack; |
|
||||||
display: inline-block; |
|
||||||
vertical-align: top; |
|
||||||
margin: 1.5em 2%; |
|
||||||
zoom: 1; |
|
||||||
*display: inline; |
|
||||||
_height: 180px; |
|
||||||
} |
|
||||||
|
|
||||||
.islandora-basic-collection-grid .islandora-basic-collection-object dt img { |
|
||||||
max-width: 100%; |
|
||||||
*width: 100%; |
|
||||||
-webkit-border-radius: 5px; |
-webkit-border-radius: 5px; |
||||||
-moz-border-radius: 5px; |
-moz-border-radius: 5px; |
||||||
border-radius: 5px; |
border-radius: 5px; |
||||||
} |
} |
||||||
|
|
||||||
.islandora-basic-collection-grid .islandora-basic-collection-object dd |
/* Set space between objects */ |
||||||
{ |
.islandora-basic-collection-object { |
||||||
margin: 0; |
margin: 1.5em auto; |
||||||
padding: 0; |
|
||||||
} |
|
||||||
|
|
||||||
/* to be moved to admin when it is added */ |
|
||||||
#islandora-collection-deletion-form table th.select-all, |
|
||||||
#islandora-collection-migrate-form table th.select-all { |
|
||||||
width: 20px; |
|
||||||
} |
} |
||||||
|
|
||||||
/* the base css for lists is set in islandora, just adding details */ |
/* Set space between dd items */ |
||||||
|
.islandora-basic-collection-object dd { |
||||||
dl.islandora-basic-collection-thumb |
padding-top: 2px; |
||||||
{ |
padding-bottom: 2px; |
||||||
float: left; |
|
||||||
width: 15%; |
|
||||||
margin: 0; |
|
||||||
} |
} |
||||||
|
|
||||||
.islandora-basic-collection-thumb dt, |
/* LIST VIEW */ |
||||||
.islandora-basic-collection-thumb dd |
|
||||||
{ |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
dl.islandora-basic-collection-fields |
/* Borders to seperate collection objects */ |
||||||
{ |
.islandora-basic-collection-list-item { |
||||||
float: right; |
padding-bottom: 1.5em; |
||||||
width: 83%; |
border-bottom: 1px solid #ddd; |
||||||
border-top: 0px solid #ddd; |
|
||||||
padding-left: 10px; |
|
||||||
} |
} |
||||||
|
|
||||||
.islandora-basic-collection-fields dt, |
|
||||||
.islandora-basic-collection-fields dd |
|
||||||
{ |
|
||||||
border-top: 1px solid #ddd; |
|
||||||
} |
|
||||||
|
|
||||||
.islandora-basic-collection-fields dt.first, |
/* to be moved to admin when it is added */ |
||||||
.islandora-basic-collection-fields dd.first |
#islandora-collection-deletion-form table th.select-all, |
||||||
{ |
#islandora-collection-migrate-form table th.select-all { |
||||||
border-top: 1px solid #ddd; |
width: 20px; |
||||||
} |
} |
||||||
|
|
||||||
|
Loading…
Reference in new issue