Last edited 4 months ago
by Margit Link-Rodrigue

AutoDoc:BlueSpiceBookshelf and Template:Image cards/styles.css: Difference between pages

(Difference between pages)
VisualWikitext
hw>Unknown user
No edit summary
 
No edit summary
 
Line 1: Line 1:
==DescriptionMsg==
/*all sizes */
{{AutoDocDescriptionMsg
.imgcard {display:flex; gap:20px; margin-bottom:10px;}
|name = BlueSpiceBookshelf
.imgcard > div,.ve-ce-branchNode .imgcard > div {background:#f1f3f9; text-align:center; border-radius:5px; outline:1px solid #f1f3f9; overflow:hidden}
|desc = {{int:bs-bookshelf-extension-description
.ve-ce-branchNode .imgcard > div {overflow:hidden}
}}
.imgcard > div:hover {background:#e9e9ee;}
}}
.imgcard img, .ve-ce-branchNode .imgcard img {min-width: 100%; object-fit: cover;  border-radius:5px 5px 0 0; }
==License==
.imgcard .imgcardlink {padding:5px; font-size:0.95em}
{{AutoDocLicense
.imgcard span, .imgcard a {display:block;}
|name = GPL-3.0-only
.imgcard >div:hover {text-decoration:none!important;}
}}
.imgcard .icon {padding-top:8px;}
==Requirements==
.imgcard .icon > a.external {background-image:none!important}
{{AutoDocRequirements
.imgcard a {text-decoration:none!important}
|mediawiki = {{AutoDocVersion
|name = MediaWiki
|version = 1.35.0
}}
|extensions = {{AutoDocVersion
|name = BlueSpiceFoundation
|version = 4.0
}}
}}
==IntegratesInto==
{{AutoDocIntegratesInto
|into = {{AutoDocListItem
|item = BlueSpiceBookshelf
}}
}}
==SpecialPages==
{{AutoDocSpecialPages
|SpecialPages = {{AutoDocCallback
|name = Bookshelf
|callback = \BlueSpice\Bookshelf\Special\Bookshelf
}}
{{AutoDocCallback
|name = BookshelfBookEditor
|callback = \BlueSpice\Bookshelf\Special\BookshelfBookEditor
}}
{{AutoDocCallback
|name = BookshelfBookManager
|callback = \BlueSpice\Bookshelf\Special\BookshelfBookManager
}}
}}
==Permissions==
{{AutoDocPermissions
|permissions = {{AutoDocPermission
|name = bookshelf-viewspecialpage
|type = global
|roles = reader
|desc = {{int:right-bookshelf-viewspecialpage
}}
}}
{{AutoDocPermission
|name = bookshelfbookmanager-viewspecialpage
|type = global
|roles = reader
|desc = {{int:right-bookshelfbookmanager-viewspecialpage
}}
}}
}}
==DefaultUserOptions==
{{AutoDocDefaultUserOptions
|options = {{AutoDocOption
|name = bs-bookshelf-defaultview
|value = <nowiki>'gridviewpanel'</nowiki>
}}
}}
==Config==
{{AutoDocConfig
|config = {{AutoDocOption
|name = BookShelfDefaultCoverImage
|value = <nowiki>'resources/images/assets/coverimage/dummy.png'</nowiki>
}}
{{AutoDocOption
|name = BookShelfShowChapterNavigationPagerAfterContent
|value = <nowiki>false</nowiki>
}}
{{AutoDocOption
|name = BookShelfShowChapterNavigationPagerBeforeContent
|value = <nowiki>false</nowiki>
}}
{{AutoDocOption
|name = BookshelfPrependPageTOCNumbers
|value = <nowiki>true</nowiki>
}}
{{AutoDocOption
|name = BookshelfSupressBookNS
|value = <nowiki>true</nowiki>
}}
{{AutoDocOption
|name = BookshelfTitleDisplayText
|value = <nowiki>true</nowiki>
}}
}}
==ApiModules==
{{AutoDocApiModules
|APIModules = {{AutoDocCallback
|name = bs-bookshelf-bookstore
|callback = ApiBookshelfBookStore
}}
{{AutoDocCallback
|name = bs-bookshelf-manage
|callback = ApiBookshelfManage
}}
{{AutoDocCallback
|name = bs-bookshelf-mass-add-page-store
|callback = ApiBookshelfMassAddPageStore
}}
{{AutoDocCallback
|name = bs-bookshelf-page-collection-store
|callback = ApiBookshelfPageCollectionStore
}}
{{AutoDocCallback
|name = bs-bookshelf-store
|callback = ApiBookshelfStore
}}
}}
==Hooks==
{{AutoDocHooks
|Hooks = {{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSBookshelfGetBookData BSBookshelfGetBookData]
|callback = \BlueSpice\Bookshelf\Hook\BSBookshelfGetBookData\RunLegacyHook::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSInsertMagicAjaxGetData BSInsertMagicAjaxGetData]
|callback = \BlueSpice\Bookshelf\Hook\BSInsertMagicAjaxGetData\AddBookshelfTag::callback, \BlueSpice\Bookshelf\Hook\BSInsertMagicAjaxGetData\AddBookmetaTag::callback, \BlueSpice\Bookshelf\Hook\BSInsertMagicAjaxGetData\AddBooklistTag::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSUEModulePDFAfterFindFiles BSUEModulePDFAfterFindFiles]
|callback = \BlueSpice\Bookshelf\Hook\BSUEModulePDFAfterFindFiles\AddAttachments::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSUEModulePDFbeforeGetPage BSUEModulePDFbeforeGetPage]
|callback = \BlueSpice\Bookshelf\Hook\BSUEModulePDFbeforeGetPage\AdaptPageTitle::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSUEModulePDFcollectMetaData BSUEModulePDFcollectMetaData]
|callback = \BlueSpice\Bookshelf\Hook\BSUEModulePDFcollectMetaData\SupressBookNS::callback, \BlueSpice\Bookshelf\Hook\BSUEModulePDFcollectMetaData\AddBookMeta::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BSUEModulePDFgetPage BSUEModulePDFgetPage]
|callback = \BlueSpice\Bookshelf\Hook\BSUEModulePDFgetPage\ModifyForExport::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BeforePageDisplay BeforePageDisplay]
|callback = \BlueSpice\Bookshelf\Hook\BeforePageDisplay\AddResources::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/BlueSpiceDiscoveryTemplateDataProviderAfterInit BlueSpiceDiscoveryTemplateDataProviderAfterInit]
|callback = discovery-skin
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/ChameleonSkinTemplateOutputPageBeforeExec ChameleonSkinTemplateOutputPageBeforeExec]
|callback = BlueSpice\Bookshelf\Hook\ChameleonSkinTemplateOutputPageBeforeExec\SetBookContentModelActions::callback, BlueSpice\Bookshelf\Hook\ChameleonSkinTemplateOutputPageBeforeExec\AddChapterPager::callback, BlueSpice\Bookshelf\Hook\ChameleonSkinTemplateOutputPageBeforeExec\AddBookshelfUI::callback, BlueSpice\Bookshelf\Hook\ChameleonSkinTemplateOutputPageBeforeExec\AddToBookTool::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/ContentHandlerDefaultModelFor ContentHandlerDefaultModelFor]
|callback = BlueSpice\Bookshelf\Hook\ContentHandlerDefaultModelFor\GetBookContentHandler::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/GetPreferences GetPreferences]
|callback = \BlueSpice\Bookshelf\Hook\GetPreferences\BookshelfDefaultView::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/LoadExtensionSchemaUpdates LoadExtensionSchemaUpdates]
|callback = BlueSpice\Bookshelf\Hook\LoadExtensionSchemaUpdates\AddConvertContentModel::callback
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/MWStakeCommonUIRegisterSkinSlotComponents MWStakeCommonUIRegisterSkinSlotComponents]
|callback = common-user-interface
}}
{{AutoDocCallback
|name = [https://www.mediawiki.org/wiki/Manual:Hooks/SkinTemplateNavigation::Universal SkinTemplateNavigation::Universal]
|callback = BlueSpice\Bookshelf\Hook\SkinTemplateNavigationUniversal\AddAddToBookEntry::callback, BlueSpice\Bookshelf\Hook\SkinTemplateNavigationUniversal\AddEditBook::callback
}}
}}


/*placeholder empty cards if justify-content is used with line-break*/
.imgcard > div.placeholder.textonly {background:none; outline:0}
.imgcard > div.placeholder.textonly:hover {box-shadow:none!important}
/*medium images or icons - by default */
.imgcard > div,.ve-ce-branchNode .imgcard > div { width:180px;}
.imgcard img, .ve-ce-branchNode .imgcard img { min-height:140px;  max-height:140px}
.imgcard .fas, .imgcard.large .bi {margin-top:10px; padding:2px}
.imgcard .fa-solid {padding:2px;}
.imgcard .fa-solid:before, .imgcard .fas:before, .imgcard .bi:before {font-size:2.2em}
/*small images or icons*/
.imgcard.small > div,.ve-ce-branchNode .imgcard.small > div {width:140px;}
.imgcard.small img, .ve-ce-branchNode .imgcard.small img {min-height:110px;  max-height:110px; }
.imgcard.small span[class|=".fa"], .imgcard.small .fas:before, .imgcard.small .bi:before {font-size:1.8em}
.imgcard.small .imgcardlink {font-size:1em}
/*large images or icons*/
.imgcard.large {flex-wrap:wrap}
.imgcard.large > div,.ve-ce-branchNode .imgcard.large > div {width:350px;}
.imgcard.large img, .ve-ce-branchNode .imgcard.large img {min-height:220px;  max-height:220px; }
.imgcard.large .fa:before, .imgcard.large .fas:before, .imgcard.large .bi:before {font-size:3em; }
.ve-ce-branchNode .imgcard.large span {min-height:220px;  max-height:220px; }
.imgcard.large .icon span {min-height:auto; }
.imgcard.large .icon .imgcardlink {font-size:1em}
/*text-only for iconcards*/
.imgcard .textonly .imgcardlink {height:100%;}
.imgcard .textonly .imgcardlink a  {height:100%; width:100%; display: flex; justify-content: center; align-items:center}
.imgcard.large .textonly .imgcardlink {font-size:1em}
/*placeholder no image */
.imgcard .placeholder.bi-card-image:before {font-size:120px!important; min-height: 140px; max-height: 140px; color:#d2d2d2}
.imgcard.small .placeholder.bi-card-image:before {font-size: 80px!important; min-height: 110px; max-height: 110px;}
.imgcard.large .placeholder.bi-card-image:before {font-size:174px!important;min-height:206px; max-height: 206px}
.imgcard .pic  a {color:#f2f3f9!important;}
.imgcard .pic > a.external {background-image:none!important} /*don't show external link arrow next to placeholder image */
@media (max-width: 850px) {
    .imgcard {flex-wrap:wrap!important}
    .imgcard > div {width:45%!important}
    .imgcardlink {padding:5px; font-size:1rem!important}
}
@media (max-width: 650px) {
    .imgcard {flex-wrap:wrap!important}
    .imgcard > div {width:100%!important}
    .imgcardlink {padding:5px; font-size:1rem!important}
}

Revision as of 12:52, 29 June 2023

/*all sizes */
.imgcard {display:flex; gap:20px; margin-bottom:10px;}
.imgcard > div,.ve-ce-branchNode .imgcard > div {background:#f1f3f9; text-align:center; border-radius:5px; outline:1px solid #f1f3f9; overflow:hidden}
.ve-ce-branchNode .imgcard > div {overflow:hidden}
.imgcard > div:hover {background:#e9e9ee;}
.imgcard img, .ve-ce-branchNode .imgcard img {min-width: 100%; object-fit: cover;  border-radius:5px 5px 0 0; }
.imgcard .imgcardlink {padding:5px; font-size:0.95em}
.imgcard span, .imgcard a {display:block;}
.imgcard >div:hover {text-decoration:none!important;}
.imgcard .icon {padding-top:8px;}
.imgcard .icon > a.external {background-image:none!important}
.imgcard a {text-decoration:none!important}

/*placeholder empty cards if justify-content is used with line-break*/
.imgcard > div.placeholder.textonly {background:none; outline:0}
.imgcard > div.placeholder.textonly:hover {box-shadow:none!important}

/*medium images or icons - by default */
.imgcard > div,.ve-ce-branchNode .imgcard > div { width:180px;}
.imgcard img, .ve-ce-branchNode .imgcard img { min-height:140px;  max-height:140px}
.imgcard .fas, .imgcard.large .bi {margin-top:10px; padding:2px}
.imgcard .fa-solid {padding:2px;}
.imgcard .fa-solid:before, .imgcard .fas:before, .imgcard .bi:before {font-size:2.2em}

/*small images or icons*/
.imgcard.small > div,.ve-ce-branchNode .imgcard.small > div {width:140px;}
.imgcard.small img, .ve-ce-branchNode .imgcard.small img {min-height:110px;  max-height:110px; }
.imgcard.small span[class|=".fa"], .imgcard.small .fas:before, .imgcard.small .bi:before {font-size:1.8em}
.imgcard.small .imgcardlink {font-size:1em}

/*large images or icons*/
.imgcard.large {flex-wrap:wrap}
.imgcard.large > div,.ve-ce-branchNode .imgcard.large > div {width:350px;}
.imgcard.large img, .ve-ce-branchNode .imgcard.large img {min-height:220px;  max-height:220px; }
.imgcard.large .fa:before, .imgcard.large .fas:before, .imgcard.large .bi:before {font-size:3em; }
.ve-ce-branchNode .imgcard.large span {min-height:220px;  max-height:220px; }
.imgcard.large .icon span {min-height:auto; }
.imgcard.large .icon .imgcardlink {font-size:1em}

/*text-only for iconcards*/
.imgcard .textonly .imgcardlink {height:100%;}
.imgcard .textonly .imgcardlink a  {height:100%; width:100%; display: flex; justify-content: center; align-items:center}
.imgcard.large .textonly .imgcardlink {font-size:1em}

/*placeholder no image */
.imgcard .placeholder.bi-card-image:before {font-size:120px!important; min-height: 140px; max-height: 140px; color:#d2d2d2}
.imgcard.small .placeholder.bi-card-image:before {font-size: 80px!important; min-height: 110px; max-height: 110px;}
.imgcard.large .placeholder.bi-card-image:before {font-size:174px!important;min-height:206px; max-height: 206px}
.imgcard .pic  a {color:#f2f3f9!important;}
.imgcard .pic > a.external {background-image:none!important} /*don't show external link arrow next to placeholder image */


@media (max-width: 850px) {
    .imgcard {flex-wrap:wrap!important}
    .imgcard > div {width:45%!important}
    .imgcardlink {padding:5px; font-size:1rem!important}
}

@media (max-width: 650px) {
    .imgcard {flex-wrap:wrap!important}
    .imgcard > div {width:100%!important}
    .imgcardlink {padding:5px; font-size:1rem!important}
}
Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=AutoDoc:BlueSpiceBookshelf&oldid=6754"
No categories assignedEdit

Discussions