2 background: #282f2e url(../images/banner-1054.png) no-repeat 0px top;
8 background: rgba(0, 0, 0, 0.8);
10 box-sizing: border-box;
15 border-radius: 0 0 0 1ex;
69 padding: 1ex 2ex 1ex 3ex;
75 border-bottom: 1px solid #888;
76 margin: 10px auto 20px auto;
80 body.login div#search,
81 body.login div#more-user-links {
86 border: 1px solid #666;
99 body.login div#main-content {
100 border-width: 0 1px 1px 1px;
101 box-sizing: border-box;
109 form#login-form button {
118 div.login-actions p {
122 form.inline p label {
135 border: 1px solid #cccccc;
139 -webkit-border-radius: 4px;
140 -moz-border-radius: 4px;
150 border-bottom: 1px dotted #8c8c73;
154 pre.code, pre.sample {
155 border: 1px solid #babdb6;
162 border: 1px solid #ccc;
163 padding: 0em 1em 0 1em;
167 /* makes the font 33% larger relative to the icon container */
170 font-size: 1.3333333333333333em;
175 -moz-column-count: 4;
176 -webkit-column-count: 4;
181 -moz-column-count: 2;
182 -webkit-column-count: 2;
187 -moz-column-count: 2;
188 -webkit-column-count: 2;
192 border: 1px solid #888;
210 border: 1px solid #aaa;
214 a.big-friendly-button {
215 text-decoration: none;
216 display: inline-block;
221 border: 1px solid #2a567f;
226 a.big-friendly-button:hover {
230 a.actually-not-that-friendly {
231 border-color: #F52F2D;
238 a.actually-not-that-friendly:hover {
242 div.two-columns ul.episode-list {
244 -moz-column-count: 1;
245 -webkit-column-count: 1;
248 div.two-columns > div {
259 #content ul.select2-choices {
281 border: 1px solid #666;
291 border: 1px solid #888;
298 border-bottom: 1px solid #aaa;
310 border: 1px solid #666;
313 .matos-piece #id_comment, .matos-piece #id_location {
321 -webkit-column-width: 19em;
322 -moz-column-width: 19em;
331 .matos-loan .loan-infos {
336 .matos-loan .loan-pieces {
341 .matos-loan .buttons {
345 .soma-list .filepath {
355 -webkit-column-width: 15em;
356 -moz-column-width: 15em;
364 [class^="icon-"]:after, [class*=" icon-"]:after,
365 [class^="icon-"]:before, [class*=" icon-"]:before {
366 font-family: FontAwesome;
369 display: inline-block;
370 text-decoration: none;
372 a [class^="icon-"], a [class*=" icon-"] {
373 display: inline-block;
374 text-decoration: none;
377 .icon-edit:before { content: "\f044"; }
378 .icon-remove-sign:before { content: "\f057"; }
379 .icon-remove:before { content: "\f00d"; }
380 .icon-minus:before { content: "\f068"; }
381 .icon-envelope:before { content: "\f003"; }
382 .icon-comment:before { content: "\f075"; }
383 .icon-home-space:before { content: "\f015Â "; }
384 .icon-user-space:before { content: "\f007Â "; }
385 .icon-circle-arrow-left:before { content: "\f0a8"; }
386 .icon-circle-arrow-right:before { content: "\f0a9"; }
387 .icon-music:before { content: "\f001"; }
388 .icon-th:before { content: "\f00a"; }
389 .icon-eye-open:before { content: "\f06e "; }
390 .icon-bar-chart:before { content: "\f080Â "; }
391 .icon-search:before { content: "\f002Â "; }
392 .icon-signout:before { content: "\f08b "; }
393 .icon-pushpin:before { content: "\f08d "; }
395 .icon-circle-arrow-down:after { content: "Â Â \f0ab"; }
396 .icon-arrow-left:after { content: "\f060"; }
397 .icon-arrow-right:after { content: "\f061"; }
403 div#placeholders h3 {
409 body.combo div.select2-container {
413 body.combo a.view-online {
417 div.nonstop-stats h3 span {
422 div#content div#available-cells ul {
432 border: 1px solid red;
436 display: inline-block;
458 form.poll div.buttons {
462 form.poll div.error {
466 border: 2px solid red;
471 border-collapse: unset;
475 table#playlist td.playlist-title {
476 border: 1px outset black;
484 table#playlist .shortcut {
490 table#playlist td:last-child {
499 table#playlist td.handle {
508 pointer-events: none;
511 div#content ul.team {
527 div.two-columns.schedule-team {
531 div.two-columns.schedule-team > div:first-child {
535 div.two-columns.schedule-team > div:nth-child(2) {
539 .extra-actions-menu {
544 display: inline-block;
546 padding-bottom: 20px;
549 ul.gallery li span.image-actions {
557 border-collapse: collapse;
574 background-color: #ffffff;
575 border: 1px solid #cccccc;
576 border: 1px solid rgba(0, 0, 0, 0.15);
578 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
579 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
580 background-clip: padding-box;
589 select#id_datetime_0, select#id_datetime_1, select#id_datetime_2 {
594 div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
598 form#track-search p {
603 form#track-search button {
609 border: 1px solid #386ede;
634 div#content div.section > h3 {
635 background: linear-gradient(to right, #386ede 30%, #00d6eb 100%);
639 div#content div.wiki-section h3 {
648 display: inline-block;
657 display: inline-block;
660 border: 1px solid #386ede;
672 input:checked + span {
678 div[contenteditable=true] {
679 outline: 2px solid #386ede;
680 outline-offset: 12px;
686 box-shadow: 0 0 5px #666;
691 border: 1px inset #ccc;
694 transition: width ease 2s;
696 display: inline-block;
711 &[data-action=createLink] {
713 text-decoration: underline;
720 &.inline-style-popup button {
724 &.block-style-popup {
752 border: 1px solid #babdb6;
753 background: #F3F3F0 url(../images/yelp-note.png) no-repeat 1ex 1ex;
754 padding: 1ex 1ex 1ex 7ex;
759 [contenteditable=true] div.figure {
765 line-height: initial;
779 font-family: FontAwesome;
782 div[contenteditable] {
784 box-shadow: inset 0 -8px 0 0 rgba(34, 27, 242,0.1);
786 transition: box-shadow ease 0.2s;
788 box-shadow: inset 0 -21px 0 0 rgba(34, 27, 242,0.3);
791 a[href^="http://"], a[href^="https://"] {
793 content: "\f08e"; /* external link */
794 font-family: FontAwesome;
804 div#content div.wiki-section > h3 {
809 div#content div.wiki-section h4.intertitle {
813 .wiki-breadcrumbs-separator {
817 .latest-page-updates-cell--item-date {
821 .latest-page-updates-cell--item-isnew {
833 body.loading::before {
842 animation-name: load_animation;
843 animation-duration: 1000ms;
844 animation-timing-function: ease-out;
845 transition: opacity 500ms linear;
848 @keyframes load_animation {