User:KurwaAntics/wikia.css

/** Portable Infobox **/ .portable-infobox, .portable-infobox.pi-background.pi-theme-wikia.pi-layout-default { background-color: white !important; border: 1px solid #dddddd; } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-title { padding: 8px 10px; line-height: normal !important; font-size: 18px; margin-top: 0 !important; font-family: roboto, -apple-system, sans-serif; font-weight: 300 !important; } .pi-title, .pi-secondary-background { text-align: center; color: white; background: #9ab; } .pi-secondary-background { margin-top: 0 !important; } .pi-title b { font-weight: 300 !important; } div.mw-geshi { background-color: white !important; border: 1px solid #ddd !important; line-height: 1.1em !important; } pre:not(.de1) { background-color: white !important; border: 1px solid #ddd !important; padding: 1em; line-height: 1.1em !important; }

.source-css, .source-javascript { line-height: 1.1em !important; }

.button.app.blue { background: #0066cc; box-shadow: 0 3px 0 0 #004d99; margin: 6px 4px 3px 4px; } .button.app.blue:hover { background: #0073e6; box-shadow: 0 3px 0 0 #0059b3; } .button.app.blue:active { background: #004d99; } .button.app.red { background: #cc0000; box-shadow: 0 3px 0 0 #990000; margin: 6px 4px 3px 4px; } .button.app.red:hover { background: #e60000; box-shadow: 0 3px 0 0 #b30000; } .button.app.red:active { background: #990000; }

.button.app.green { background: #009900; box-shadow: 0 3px 0 0 #006600; margin: 6px 4px 3px 4px; } .button.app.green:hover { background: #00b300; box-shadow: 0 3px 0 0 #008000; } .button.app.green:active { background: #006600; }

.button.app { transition-duration: .05s; border: none; border-radius: 2px; font-size: 12.5px; padding: 2px 10px; color: white; cursor: default; } .button.app.green:active, .button.app.red:active, .button.app.blue:active { box-shadow: none; transform: translateY(3px); }

.lcs-container > div, .rcs-container > div { background: white !important; border: 1px solid #ccc !important; padding: 0 !important; }

.lcs-container > div > div:first-child, .rcs-container > div:not(:first-child) > div:first-child { border-bottom: 3px solid #2aa198 !important; padding: 10px 12px 8px 12px; font-size: 20px !important; margin-bottom: 0 !important; font-family: roboto, -apple-system, sans-serif; }

.lcs-container > div > div:last-of-type, .rcs-container > div > div { padding: 8px 12px; font-family: roboto, -apple-system, sans-serif; }

.lcs-container dl, .rcs-container dl { margin: 0; }

background: white !important; border: 1px solid #ccc !important; }
 * 1) computersfooter {

.CategoryTreeLabelPage { font-style: normal !important; }

/** Cards **/ .card { display: inline-block; vertical-align: top; background: white; width: calc(33.3333% - 5px); border: 1px solid #ccc; border-radius: 4px; margin-bottom: 4px; } .card-image img { width: 100%; height: 160px; object-fit: contain; background: #f8f8f8; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } .card-image.card-xs img { height: 120px; } .card-image.card-sm img { height: 140px; } .card-image.card-lg img { height: 180px; } .card-image.card-xl img { height: 200px; }

.card-content { height: 225px; overflow: auto; } .card-content.card-xs { height: 275px; } .card-content.card-sm { height: 200px; } .card-content.card-lg { height: 250px; } .card-content.card-xl { height: 275px; }

.card-title { border: none !important; font-weight: 500; margin: 12px 14px !important; word-break: break-all; font-size: 18px; line-height: normal; } .card-text, .card-link { margin: 10px 14px; }