/** * CSS for special page. * @author Niklas Laxström * @author Sucheta Ghoshal * @author Pau Giner * @license GPL-2.0-or-later */ /* Hide the page title to give more space for the content */ #firstHeading { display: none; } /* Panes */ .filter.pane, .search.pane { border-bottom: 1px solid #575656; height: 2em; line-height: 50px; font-size: 24px; } .grid .search.pane { background: no-repeat scroll left top transparent; background-image: /* @embed */ linear-gradient( transparent, transparent ), url( ../images/search.svg ); background-size: 25px; padding-left: 25px; } .request-filter-box { font-size: 14px; height: 28px; width: 100%; border: 1px solid #c9c9c9; padding: 0 5px; } .tsb-body { border: 1px solid #c9c9c9; border-top: 0; } .requests.pane, .details.pane { border-top: 1px solid #d3d2d2; } .requests.pane .requests-list, .details.pane { overflow: auto; } .grid .details.pane { border-left: 1px solid #ddd; left: -1px; padding: 5px 20px 10px 20px; } /* Requests pane */ .grid .requests.pane, .grid .requests.pane .request, .grid .requests.pane .request-header { margin: 0; padding: 0; } .request { border-right: 1px solid #c9c8c8; border-bottom: 1px solid #c9c8c8; cursor: pointer; } .request:last-child { border-bottom: 0; } .request:hover { background-color: #fafafa; } .request.selected { background-color: #f0f0f0; } .grid .request .amount { height: 100%; font-size: 3em; color: #96989a; background-color: #f7f8f8; padding: 20px 5px; text-align: center; } .request .tsb-header, .request .request-selector { height: 30px; line-height: 30px; font-size: 16px; white-space: nowrap; } .request .email, .request .signup-age { height: 20px; line-height: 20px; font-size: 12px; color: #6c6d70; white-space: nowrap; } .request .tsb-header, .request .username, .request .email { padding-left: 10px; text-overflow: ellipsis; } .request .signup-age { text-align: center; overflow: hidden; } .grid .request .request-info, .grid .request .approval { padding-top: 5px; } /* Details pane */ .tsb-details-no-translations { color: #72777d; } .signup-comment-label { color: #e85355; font-size: 14px; } .signup-comment-text { color: #222; font-size: 16px; line-height: 1.5em; padding: 5px 0; } .details.pane > .row { padding-top: 15px; } .details.pane .tsb-header { font-size: 30px; font-weight: lighter; } .details.pane .reminder-email { color: #6c6d70; font-size: 14px; padding-top: 15px; } .details.pane .reminder-email .send-reminder { padding-left: 1em; padding-right: 1em; } .details.pane .languages { color: #6c6d70; font-size: 16px; font-weight: lighter; padding-top: 10px; } .details.pane .languages span { margin-right: 2em; } .details.pane .actions { font-size: 22px; } .actions button { margin-right: 1.5em; } .request-header { color: #72777d; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #aaa; line-height: 40px; background-color: #f8f8f8; } .request-footer { color: #72777d; border-right: 1px solid #c9c9c9; border-top: 1px solid #aaa; line-height: 40px; padding: 0 5px; background-color: #f8f8f8; } .request-footer .selected-counter, .request-footer .older-requests-indicator { unicode-bidi: -moz-isolate; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; } .clear-language-selector, .language-selector { margin: 10px 0; border-radius: 3px; background: #f8f8f8; border: 1px solid #ccc; cursor: pointer; font-size: 1em; display: block; float: left; } .clear-language-selector { border-radius: 0 3px 3px 0; border-left: 0; } .language-selector.selected { cursor: default; border-radius: 3px 0 0 3px; max-width: 80%; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .language-selector:hover { border-color: #aaa; } .language-selector.unselected:after { content: ''; border-top: 4px solid #aaa; border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block; vertical-align: middle; margin-left: 0.5em; } textarea.body { height: 300px; } .translations .row { border-bottom: 1px solid #c9c8c8; padding: 10px; font-size: 16px; word-wrap: break-word; } .translations .title { font-size: 16px; background-color: #f7f8f8; font-weight: bold; } .translations .info { font-size: 12px; color: #6c6d70; /* * Align autonyms consistently. * The direction is set according to the language on the frontend * and the alignment is flipped according to the user language. */ text-align: left; } .client-nojs .grid { display: none; } .client-js .tux-nojs { display: none; }