MediaWiki:Gadget-afchelper.css

From Eurovision Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
 * General styling for AFCH
 */
/* Nice colors */
/* General styles */
.hidden {
  display: none !important;
}
.centered {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-smaller {
  font-size: 0.7em;
}
.link:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* Button styling */
div.gradient-button,
.gradient-button {
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  transition: box-shadow 0.1s ease-in-out;
}
div.gradient-button:hover,
.gradient-button:hover {
  text-decoration: none;
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 -3px rgba(0, 0, 0, 0.2);
}
div.gradient-button:active,
.gradient-button:active {
  color: #111111;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  box-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
div.gradient-button.disabled,
.gradient-button.disabled {
  background-color: #DDDDDD;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
}
div.gradient-button.disabled:active,
.gradient-button.disabled:active,
div.gradient-button.disabled:hover,
.gradient-button.disabled:hover {
  background-image: none;
  box-shadow: none;
}
/* Form styling */
.afch .afch-option,
.afch-form .afch-option {
  display: block;
  padding: 5px;
}
.afch .afch-label,
.afch-form .afch-label {
  padding: 5px;
}
.afch select .afch-input,
.afch-form select .afch-input {
  vertical-align: baseline;
}
.afch .afch-textfield,
.afch-form .afch-textfield {
  -webkit-appearance: none;
  border: 1px solid #DDDDDD;
  border-collapse: collapse;
  box-sizing: border-box;
  cursor: auto;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  margin: 0px;
  padding-left: 5px;
  vertical-align: middle;
  width: 25%;
  min-width: 150px;
}
.afch .afch-textfield:focus,
.afch-form .afch-textfield:focus {
  border: 1px solid #979797;
  outline: 0;
}
.afch .afch-textarea,
.afch-form .afch-textarea {
  height: 150px;
  width: 50%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}
.afch label,
.afch-form label,
.afch input,
.afch-form input {
  display: inline-block;
}
.afch label,
.afch-form label {
  text-align: left;
  font-size: 0.8em;
}
.afch label + input[type=text],
.afch-form label + input[type=text] {
  width: 30%;
  min-width: 250px;
}
.afch input + input,
.afch-form input + input {
  float: right;
}
.afch-preferences label.afch-label {
  font-size: 1em;
  padding: 0;
}
.afch-preferences div + div {
  border-top: 1px dashed gray;
  padding: 8px 0;
}
.afch-preferences .details {
  padding-bottom: 10px;
}
.afch-preferences > div {
  margin: 5px;
}
.afch-preferences > div > label,
.afch-preferences > div > [input="checkbox"] {
  display: inline;
}

/**
 * Styling for submissions.js
 */
/* Link that opens the review panel */
.afch-open {
  font-size: 0.5em;
  padding-left: 5px;
  line-height: 1em;
  cursor: pointer;
}
.afch {
  /* Reset base sizes, thanks typography refresh :P */
  font-size: 13px;
  line-height: 19px;
  /* This mixin sets the color of the panel */
  /* Constant UI elements */
  /* MAIN (+SPLASH) */
  /* ACCEPT */
  /* DECLINE */
  /* COMMENT */
  /* TAG FOR G13 DELETION */
  /* POSTPONE G13 */
  /* SUBMIT */
  /* MARK/UNMARK AS UNDER REVIEW */
  /* OTHER */
}
.afch .review-panel {
  border-width: 2px;
  border-style: solid;
  font-family: Helvetica, sans-serif;
  font-size: 1.2em;
  margin-bottom: 20px;
}
.afch .top-bar {
  position: relative;
  width: 100%;
  z-index: 999;
}
.afch .top-bar div {
  color: #FFFFFF;
  font-size: 1em;
  cursor: pointer;
  position: absolute;
  padding: 5px;
}
.afch .top-bar .back-link {
  font-size: 0.9em;
  text-transform: uppercase;
}
.afch .top-bar .close-link {
  right: 0;
  margin-top: -0.4em;
  font-size: 1.2em;
}
.afch .header {
  height: 60px;
  line-height: 1.2em;
  font-size: 60px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  overflow: hidden;
  vertical-align: top;
}
.afch #afchEditConflict {
  display: none;
  color: red;
}
.afch #afchSubmitForm {
  text-align: center;
  width: 30%;
  padding: 5px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0px;
}
.afch #afchSubmitForm.button-centered {
  margin-left: auto;
  margin-right: auto;
}
.afch #afchStatus {
  list-style-position: inside;
  text-align: left;
}
.afch .content {
  background-color: #FFFFFF;
  padding: 10px;
}
.afch .bad-input,
.afch .bad-input:focus {
  border-width: medium;
  border-color: #FF4136;
}
.afch .initial,
.afch .splash {
  background-color: #111111;
  border-color: #111111;
}
.afch .initial-header {
  font-size: 25px;
  color: #FFFFFF;
  text-align: center;
  margin: 10px;
  position: relative;
}
.afch .initial-header > span {
  display: block;
  font-size: 15px;
  padding-bottom: 4px;
}
.afch .warnings {
  text-align: center;
  background-color: #FF851B;
  margin: 0px 10px 10px;
  padding: 5px;
}
.afch .afch-warning {
  padding: 8px 0px;
}
.afch .afch-warning > a {
  padding-left: 5px;
  font-size: 0.8em;
  color: #111111;
}
.afch .afch-warning + .afch-warning {
  border-top: 1px solid black;
}
.afch .deletion-log {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
  margin: 10px 20px;
  border: 1px dashed black;
  max-height: 90px;
  overflow: auto;
}
.afch .deletion-log td {
  padding: 5px;
}
.afch .deletion-log .timestamp {
  color: #979797;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
}
.afch .deletion-log .reason {
  font-family: monospace, Courier;
}
.afch .deletion-log .actor {
  color: #979797;
  font-size: 0.75em;
  white-space: nowrap;
}
.afch div.code-wrapper > pre {
  padding: 0.1em;
  /* Wrap lines */
  white-space: pre-wrap;
  word-wrap: break-word;
}
.afch .button-wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.afch .afch-button {
  vertical-align: middle;
  line-height: 2em;
  font-family: arial, sans-serif;
  font-size: 1.5em;
  color: #111111;
  text-align: center;
  padding: 5px;
  display: table-cell;
}
.afch #afchDecline {
  font-size: 1.3em;
}
.afch .extra {
  background-color: #FFFFFF;
  height: 100%;
  width: 20px;
  vertical-align: top;
}
.afch .extra .wrapper {
  position: relative;
}
.afch .extra .wrapper .open {
  position: absolute;
  height: 100%;
  font-size: 1.5em;
  cursor: pointer;
}
.afch .extra .wrapper .open:hover {
  font-weight: bold;
}
.afch .extra .wrapper .links {
  text-align: left;
  padding-left: 26px;
  padding-top: 8px;
}
.afch .extra .wrapper .links a {
  display: none;
  line-height: 1em;
  font-size: 0.7em;
  color: #111111;
}
.afch .accept {
  background-color: #2ECC40;
  border-color: #2ECC40;
  /* Supplement jquery.chosen hackery; this is for the "manually add project" link. */
  /*
			Since we are hacking this dynamic suggestion feature into
			jquery.chosen, we have to manually set the width of the input.
			(see "Offer dynamic category suggestions" in submissions.js)
		*/
}
.afch .accept .afch-label {
  margin-top: 12px;
  width: 20%;
  min-width: 150px;
}
.afch .accept select#lifeStatus.afch-input {
  vertical-align: middle;
}
.afch .accept #titleStatus {
  font-size: 0.75em;
  color: #FF4136;
}
.afch .accept #stubSorterContainer {
  display: inline-block;
}
.afch .accept #stub-sorter-save {
  display: none;
}
.afch .accept .chzn-container {
  margin-top: 10px;
  vertical-align: bottom;
}
.afch .accept #newWikiProjects_chzn a {
  cursor: pointer;
}
.afch .accept #newCategories_chzn input {
  width: 350px !important;
}
.afch .decline {
  background-color: #FF4136;
  border-color: #FF4136;
}
.afch .decline #declineInputWrapper {
  padding-top: 5px;
}
.afch .decline #declineInputPreview,
.afch .decline #rejectInputPreview {
  text-align: left;
}
.afch .decline #previewTrigger {
  font-size: 80%;
}
.afch .decline #previewContainer {
  border: thin dotted gray;
  width: 50%;
  margin: 0.5em auto;
  text-align: left;
  padding: 0 0.5em;
}
.afch .decline #previewContainer:empty {
  display: none;
}
.afch .decline #declineRejectWrapper {
  font-size: 120%;
  padding: 0;
  border: 0;
  margin: 0 0 0.5em 0;
}
.afch .comment {
  background-color: #FFDC00;
  border-color: #FFDC00;
}
.afch #commentText {
  height: 100px;
  width: 60%;
}
.afch #commentPreview {
  text-align: left;
}
.afch .g13 {
  background-color: #FF851B;
  border-color: #FF851B;
}
.afch .postpone-g13 {
  background-color: #FFDC00;
  border-color: #FFDC00;
}
.afch .submit {
  background-color: #0074D9;
  border-color: #0074D9;
}
.afch .submit select {
  vertical-align: baseline;
}
.afch .submit .error {
  font-size: 0.8em;
  color: #FF4136;
}
.afch .mark {
  background-color: #0074D9;
  border-color: #0074D9;
}
.afch .other-action {
  background-color: #FFDC00;
  border-color: #FFDC00;
}
Retrieved from "https://eurovision.jobogamer.xyz/index.php?title=MediaWiki:Gadget-afchelper.css&oldid=153"