User:ImmortalHero101/common.css

/* ---Comments--- */ /* Speech Bubble */ .SpeechBubble {margin: 6px 0;} /* Comment Speech Bubble */ .WikiaArticleComments .sub-comments {margin-bottom: 20px;} /* Subcomment Speech Bubble */

/* Comment Button */
 * 1) article-comm-submit {border:1px solid #ffa13d;padding: 7px 12px;color: #ffa13d;background-color: transparent;transition: opacity 0.2s ease-in;border-radius:0;background-image:none;height:auto;font-size: 13px;font-family:Roboto;}/* Comment 'Post Comment' button */
 * 2) article-comm-submit:hover {border:1px solid #ffa13d;opacity:0.7;padding: 7px 12px;color: #ffa13d;background-color: transparent;transition: opacity 0.2s ease-in;border-radius:0;background-image:none;} /* Comment 'Post Comment' button mouse-over */
 * 3) article-comm-submit:active {border:transparent;opacity:1;padding: 7px 12px;color: white;background-color: #ffa13d;border-radius:0;background-image:none;transition: border 0.25s, opacity 0.25s, color 0.25s, background-color 0.25s;}/* Comment 'Post Comment' button mouse-click */
 * 4) article-comm-submit:focus {border:1px solid transparent;opacity:1;padding: 7px 12px;color: white;background-color: #ffa13d;border-radius:0;background-image:none;transition: border 0.25s, opacity 0.25s, color 0.25s, background-color 0.25s;} /* Comment 'Post Comment' button focus */

/* Reply Button */ .article-comm-reply.wikia-button.secondary.actionButton {margin-right:0;border: 1px solid #cccccc;padding: 3px 7px;color: #cccccc;background-color: transparent;border-radius: 0;background-image: none;height: auto;font-size: 13px;text-transform:uppercase;font-family: Roboto;transition:color 0.25s ease-out,background 0.25s ease-out, box-shadow 0.25s ease-out;} /* Comment Reply button */ .article-comm-reply.wikia-button.secondary.actionButton:hover {background-image:none;background:#ccc;color:white;box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.18);transition:color 0.25s ease-in,background 0.25s ease-in,box-shadow 0.25s ease-in;} /* Comment Reply button mouse-over */ .article-comm-reply.wikia-button.secondary.actionButton:active, .article-comm-reply.wikia-button.secondary.actionButton:focus {box-shadow: 0 1px 4px rgba(0,0,0,0.20), 0 2px 8px rgba(0,0,0,0.12);transition:box-shadow 0.15s ease-out;outline:0;} /* Comment Reply button mouse-click and focus */

/* Submit Button */ .article-comm-form .buttons input[type="submit"]:not(.wds-button) {background-color: transparent;background-image:none;border: 1px solid #ffa13d;border-radius:0;color: #ffa13d;margin: 0;padding: 0 7px;height: 2em;transition:color 0.25s ease-out,background 0.25s ease-out, box-shadow 0.25s ease-out;} /* Comment Submit button */ .article-comm-form .buttons input[type="submit"]:not(.wds-button):hover {background-image:none;background:#ffa13d;color:white;box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.18);transition:color 0.25s ease-in,background 0.25s ease-in,box-shadow 0.25s ease-in;} /* Comment Submit button mouse-over */ .article-comm-form .buttons input[type="submit"]:not(.wds-button):active {box-shadow: 0 1px 4px rgba(0,0,0,0.20), 0 2px 8px rgba(0,0,0,0.12);transition:box-shadow 0.15s ease-out;}

.edited-by, .SpeechBubble .permalink {color:gray;} /* Edited-by text */ .WikiaArticleComments.MiniEditorWrapper.focused.editarea{box-shadow:none;} /* Comment reply textbox */

/* Speech Bubble Tools */ .article-comm-edit.actionButton {text-transform: uppercase;margin-left: 5px;font-family: Roboto;font-weight: 500;} /* Edit Comment */ .article-comm-edit.actionButton:before {font-family: "Font Awesome 5 Free";content: "\f044 \00a0";} /* Edit Comment Icon */ .article-comm-edit.actionButton:hover {opacity:1;} /* Edit Comment Mouse-over */ .article-comm-edit.actionButton:hover:before {font-weight:700;} /* Edit Comment Mouse-over Icon */ .article-comm-delete {text-transform: uppercase;color: tomato;font-family: roboto;font-weight: 500;} /* Delete Comment */ .article-comm-delete:before {font-family: "Font Awesome 5 Free";content:"\f2ed \00a0";} /* Edit Comment Icon */ .article-comm-delete:hover {opacity:1;} /* Edit Comment Mouse-over */ .article-comm-delete:hover:before {font-weight:bold;} /* Edit Comment Mouse-over Icon */ .edit-pencil.sprite, .remove.sprite {display:none;} /* Edit & Delete Comment Image remover */ .SpeechBubble .tools {margin-right:6px;}

/* ---Wikia Sidebar--- */ .WikiaRail .module, div.ajax-poll, .pollAnswerVotes {border: 4px solid #FFA13D;border-radius: 7px;box-shadow: -4px 4px 0 #904600, -2px 2px 0 #904600 inset;background: #FFE6CC;font-size: 14px;font-family: Oxygen;} /* Sidebar Rail */ .WikiaRail h2 {text-align: center;} /* Heading 2 of all Sidebar rail widgets */ .WikiaRail .module h2 {margin-bottom: 10px;} /* Heading 2 of sidebar modules */ .HotSpotsModule li span {padding: 17px 0;} /* Hotspots of Hotspot module */
 * 1) WikiaPage h2 {font-family: Baloo Paaji;font-size: 1.9em;color: #3a3a3a;} /* Heading 2 */

/* ---Page Banners--- */ /* Under Construction Template */ .uctemplate {background:#ffd95a;margin:1em; padding: 4px; border:4px solid #f9a825; border-radius:6px;text-align:center;box-shadow: -4px 4px #c17900, -2px 2px #c17900 inset;position:relative;user-select:none;} /* Under Construction Template */ .uctemplate:after {content: "⚠";top: 40%;right: 15px;position: absolute;color: #f9a825;font-size: 80px;text-shadow: -2.1px 2.1px #c17900;} .uctemplate .ucimg {position:absolute;right:10px;top:50%;transform: translateY(-50%);} /* Under Construction Template Image */ .uctemplate .primary-text {color:#444444;text-shadow: -1.5px 1.5px #c17900;font-size:30px;display:block;padding-top:2px;padding-bottom:20px;font-family:Baloo Paaji;} /* Under Construction Template Main Text */ .uctemplate .secondary-text {font-size: 13px;color:#444444;opacity:0.7;font-family:Oxygen;} /* Under Construction Template Secondary Text*/ .uctemplate .comment {color: rgba(0,0,0,0.5);position:absolute;bottom:-10%;left:21%;right:auto;font-style:normal;opacity:0;transition:bottom 1s,opacity 0.25s 0.25s;font-family:Oxygen;} /* Under Construction Template Comment*/ .uctemplate:hover .comment {opacity:1;bottom:5%;transition:bottom 1s,opacity 0.25s 0.25s;}

/* ---Editor Designs--- */ /* --Classical Editor-- */ .EditPage .module > .module_content, .EditPage .module > h3 {background-image:none;} /* Module content header and body */ .EditPage .module > .module_content {background-color:#ffffff;} /* Module content body */ .EditPage .module_page_controls label[for="wpSummary"].wpSummary_canMinorEdit, .EditPage .module_page_controls .preview_box h3, .EditPage .module_page_controls .diff-link {text-transform: uppercase;font-family: Roboto;font-size: 12px;color: #a9a8a8;user-select: none;} /* Edit Summary, Preview text and Show changes text */ .EditPage .module_page_controls .preview_box h3 {margin: 20px 0 3px;} /* Preview text */ .EditPage .module_page_controls #wpSummary {border-radius:0;} /* Summary input box */ .EditPage .module_page_controls .diff-link {color: #ffa830;font-size: 10px;} /* Show changes text */ .EditPage .module_page_controls .diff-link:before {content: "\f06e \00a0";font-family: "Font Awesome 5 Free";font-size: 12px;font-weight:bold;} /* Show changes text icon */

/* ---Page Designs--- */ /* Categories Box */ .CategorySelect.articlePage {border: 4px solid #ffa13d;border-radius: 7px;   background-color: #ffeed6;box-shadow: -4px 4px #904600, -2px 2px #904600 inset;} /* Category Box */ .CategorySelect.articlePage .container {padding: 4px 20px 0 20px;} /* Container */ .CategorySelect.articlePage .categories {padding-top: 4.5px;} /* Categories */ .CategorySelect.articlePage .special-categories {font-size: 16px;font-family: Baloo Paaji;color: #3a3a3a;padding:0;} /* 'Category text */ .categoriesLink {font-weight:bold;color: #3a3a3a;} /* 'Category text link */ .categoriesLink:before {font-family: "Font Awesome 5 Free";content: "\f02e \00a0";font-weight:normal;vertical-align:middle;} /* 'Category text icon */ .CategorySelect.articlePage:hover .categoriesLink:before {font-weight:700;} /* 'Category text mouse-over icon */ /* Contents box */ /* Wiki Theme Table */ table.wiki-table {   background: #ffeed6;border: 4px solid #ffa13d;box-shadow: 0 4px #904600, 0 2px #904600 inset;border-radius: 7px;border-spacing: 0;} /* Wikia Table */ table.wiki-table th {padding: 6px 10px;background: #ffa13d;box-shadow: 0 2px #904600 inset;text-align: center;border: 1px none #fff;font-family: Baloo Paaji;font-size: 16px;border-bottom: 1px solid #ffba70;} /* Wikia Table Header Cell */ table.wiki-table td {padding: 6px 10px;border-bottom: 1px solid #ffba70;} /* Wikia Table Content Cell */ /* Color Tags */ .color-tags {text-shadow:none;} /* Color Tags */
 * 1) toc {border: 4px solid #FFA13D;box-shadow: 0 4px 0 #904600, 0 2px 0 #904600 inset;background:#FFE6CC;border-radius:7px;color:#ffeed6;text-shadow: 0 1px 0 rgba(144, 70, 0, 0.7);font-family:Baloo Paaji;} /* Content Box */
 * 2) toc a {-webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: #904600;} /* Content Box Links */

/* ---User Wall Reply buttons--- */ .Wall .new-reply button {margin-top:0;} .speech-bubble-buttons .replyButton {padding: 3px 6px;border-radius: 0;height: auto;margin-top: 0;text-transform: uppercase; font-family: Roboto;background-image:none;color: #ffa13d;background: transparent;transition:color 0.25s ease-out,background 0.25s ease-out, box-shadow 0.25s ease-out;} .speech-bubble-buttons .replyButton:hover {background-image:none;background:#ffa13d;color:white;box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.18);transition:color 0.25s ease-in,background 0.25s ease-in,box-shadow 0.25s ease-in;} .speech-bubble-buttons .replyButton:active {box-shadow: 0 1px 4px rgba(0,0,0,0.20), 0 2px 8px rgba(0,0,0,0.12);transition:box-shadow 0.15s ease-out;} .speech-bubble-buttons .replyButton:focus {outline:0;} .speech-bubble-buttons .previewButton.secondary {padding: 3px 6px;border-radius: 0;height: auto;margin-top: 0;text-transform: uppercase; font-family: Roboto;color: #ccc;background-image:none;background: transparent;transition:color 0.25s ease-out,background 0.25s ease-out, box-shadow 0.25s ease-out;} .speech-bubble-buttons .previewButton.secondary:hover {background-image:none;background:#ccc;color:white;box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.18);transition:color 0.25s ease-in,background 0.25s ease-in,box-shadow 0.25s ease-in;} .speech-bubble-buttons .previewButton.secondary:active {box-shadow: 0 1px 4px rgba(0,0,0,0.20), 0 2px 8px rgba(0,0,0,0.12);transition:box-shadow 0.15s ease-out;} .speech-bubble-buttons .previewButton.secondary:focus {outline:0;}

/* ---Recent Wiki Activity--- */ .activity-feed-more a:before {content: "\f0fe \00a0";font-family: "Font Awesome 5 Free";vertical-align: middle;} /* View more Recent Wiki Activity link */ .activity-feed-more a:hover:before {font-weight:700;} /* View more Recent Wiki Activity mouse-over icon */ .WikiaArticle li {margin:0;} /* All Activity feed */ li.activity-type-edit {transition: background 0.25s, padding-left 0.25s, border-left 0.25s, border-left-color 0s;} /* Edit-type Activity feed */ li.activity-type-edit:hover {border-left: 6px solid #ffa830;padding-left: 37px;background: rgba(255, 230, 204,0.7);transition: background 0.25s, padding-left 0.25s, border-left 0.25s, border-left-color 0s;} /* Edit-type Activity feed mouse-over */ .achievement-in-activity-feed {padding: 4px;position: relative;background: #d7ffd9;border-left: 6px solid #4caf50;overflow:auto;padding-top:0;} /* User Achievement */ .achievement-in-activity-feed .badge-text p {position: absolute;left: 14%;top: 45%;transform: translateY(-50%);} /* User Achievement Message */

/* ---Infobox--- */ .portable-infobox {color: #DF8D35;font-family: Baloo Paaji;text-shadow: -1px 1px 0 rgba(144, 70, 0, 0.7);box-shadow: -4px 4px 0 #904600, -2px 2px 0 #904600 inset;border-radius: 7px;border: 4px solid #FFA13D;} /* Box */ .portable-infobox .pi-item.pi-item-spacing.pi-title {margin:5px;padding:8px;box-shadow: -2px 2px 0 #904600;border-radius:4px;user-select:none;} /* Title */ .portable-infobox .pi-collapse .pi-header:first-child {margin: 5px;border-radius: 4px;box-shadow: -2px 2px 0 #904600;user-select:none;} /* Dropdown Title */ .portable-infobox .pi-item-spacing.pi-caption {margin:4px;padding: 12px;text-align: center;font-size: 13px;text-shadow: none;border-radius:4px;transition:background 0.5s;} /* Infobox Caption */ .portable-infobox .pi-image-thumbnail {max-width: 296px;max-height: 296px;width: auto;} /* Infobox Image */ .portable-infobox .pi-image-thumbnail:hover {opacity:1;} /* Infobox Image mouse-over*/ .pi-europa .pi-horizontal-group-item:nth-child(even) {box-shadow: -2px 0 0 #904600 inset;} /* Secondary 'Evolution' Cell */ .portable-infobox .pi-item-spacing.pi-caption:hover {background:#FFE6CC;transition:background 0.5s;} .portable-infobox .pi-data-value.pi-font {padding-left: 0;text-shadow: none;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 11px;user-select:none;text-align:center;vertical-align: middle;}/* Infobox Caption */ .portable-infobox .pi-horizontal-group-item.pi-data-value.pi-font.pi-border-color.portable-infobox.pi-item-spacing {text-align:center;user-select:none;} /* Stacked 'Evolution' Cell */ .portable-infobox .pi-europa.pi-item-spacing {padding:0;} /* Content Cell Container */ .pi-europa .pi-data-label {font-size:1em;}