7 src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('truetype');
13 src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/Lato-Italic.ttf') format('truetype');
19 src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/Lato-BoldItalic.ttf') format('truetype');
25 src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('truetype');
29 background-color: #161616;
34 font: 16px 'Lato', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
65 border-bottom: 1px solid #333;
90 list-style: disc inside;
94 list-style: decimal inside;
103 font-family:'Lato', sans-serif;
106 /* website structure */
121 border-bottom: 1px solid #333;
126 display: inline-block;
134 .header_dropdown li {
154 vertical-align: middle;
155 margin: 6px 8px 6px 0;
158 .mediagoblin_content {
160 padding-bottom: 74px;
166 border-top: 1px solid #333;
199 /* common website elements */
201 .button_action, .button_action_highlight, .button_form {
202 display: inline-block;
204 background-color: #363636;
206 border-color: #464646 #2B2B2B #252525;
210 text-decoration: none;
216 .button_action_highlight, .button_form {
217 background-color: #86D4B1;
218 border-color: #A2DEC3 #6CAA8E #5C9179;
224 margin: 10px 0px 10px 15px;
226 font-family: 'Lato', sans-serif;
238 background-image: url("../images/empty_back.png");
274 .form_box,.form_box_xl {
275 background-color: #222;
276 border-top: 6px solid #D49086;
291 border-top: 6px dashed #D49086
294 .form_field_input input, .form_field_input textarea {
310 .form_field_description {
315 background-color: #87453b;
323 .form_submit_buttons {
336 textarea#description, textarea#bio {
349 .comment_wrapper, .report_wrapper {
354 .comment_wrapper p, .report_wrapper p {
358 .comment_author, .report_author {
363 a.comment_authorlink, a.report_authorlink {
364 text-decoration: none;
370 a.comment_authorlink:hover, a.report_authorlink:hover {
371 text-decoration: underline;
374 a.comment_whenlink, a.report_whenlink {
375 text-decoration: none;
378 a.comment_whenlink:hover, a.report_whenlink:hover {
379 text-decoration: underline;
382 .comment_content, .report_content {
387 textarea#comment_content {
392 background-color: #f1f1f1;
396 #form_comment .form_field_input {
401 a.report_authorlink, a.report_whenlink {
405 ul#action_to_resolve {list-style:none; margin-left:10px;}
407 /* media galleries */
414 margin: 0px 3px 10px;
417 background-color: #222;
418 border-radius: 0 0 5px 5px;
420 text-overflow: ellipsis;
423 border-color: #0D0D0D;
425 border-width: 1px 1px 2px;
430 text-decoration: none;
434 .media_thumbnail a.remove {
436 text-decoration: underline;
439 a.thumb_entry_title {
443 /* For now, this is commented out since our thumbnails are actually 180px high.
445 * .media_thumbnail img {
458 display: inline-block;
462 display: inline-block;
468 border-top: 1px solid #222;
478 padding: 130px 10px 20px 10px;
482 cursor: -webkit-zoom-in;
483 cursor: -moz-zoom-in;
494 /* EXIF information */
497 border-bottom: 1px solid #333;
500 #exif_camera_information {
504 #exif_additional_info {
508 #exif_additional_info table {
513 #exif_additional_info td {
518 #exif_content .col1 {
522 #exif_additional_info table tr {
534 display: inline-block;
536 background-color: #1d1d1d;
538 border-color: #2c2c2c #232323 #1a1a1a;
540 text-decoration: none;
551 ul.mediagoblin_messages {
552 list-style: none inside;
557 .mediagoblin_messages li {
564 background-color: #378566;
568 background-color: #87453b;
572 background-color: #87453b;
576 background-color: #378566;
580 background-color: #f7f7f7;
585 list-style-type: none;
588 ul.mediaentry_tags li {
590 margin: 0px 5px 0px 0px;
595 /* media processing panel */
601 table.media_panel th {
613 table.admin_side_panel {
617 table.admin_panel th, table.admin_side_panel th {
625 .delete_checkbox_box {
630 /* ASCII art and code */
633 font-family: Inconsolata;
634 src: local('Inconsolata'), url('../fonts/Inconsolata.otf') format('opentype')
638 font-family: Inconsolata, monospace;
647 .comment_wrapper pre {
652 /* but it should not affect the ASCII art */
656 /* Media queries and other responsivisivity */
657 @media screen and (max-width: 940px) {
708 padding: 10px 0 14px;
716 .button_action, .button_action_highlight, .button_form {
734 @media screen and (max-width: 570px) {
740 @media screen and (max-width: 380px) {
748 border-bottom: 1px solid #333;
750 #exif_camera_information {
754 #exif_additional_info {
757 #exif_additional_info table {
761 #exif_additional_info td {
765 #exif_content .col1 {
768 #exif_additional_info table tr {