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;
82 text-decoration: none
;
95 list-style: disc inside
;
99 list-style: decimal inside
;
108 font-family:'Lato', sans-serif
;
111 /* website structure */
117 /* This must be equal to the footer height + 5px */
118 margin-bottom: -35px;
126 \10footer
, #
wrap:after
{
134 border-bottom: 1px solid
#333;
140 display: inline-block
;
145 margin: 8px 8px 4px 0;
146 display: inline-block
;
154 padding: 0px 10px 0px 10px;
157 #header_dropdown li
{
177 vertical-align: middle
;
178 margin: 6px 8px 6px 0;
189 .mediagoblin_content {
191 padding-bottom: 74px;
196 border-top: 1px solid
#333;
208 .profile_showcase .thumb_gallery {
213 .media_image_container {
215 justify-content: center
;
223 /* in place for possible future wide view */
224 /* border-bottom: 1px solid #333333;*/
228 /* in place for possible future wide view */
229 /* border-left: 1px solid #333333;*/
230 /* padding-left: 1em;*/
231 /* padding-top: 1em;*/
238 /* common website elements */
240 .button_action, .button_action_highlight, .button_form {
241 display: inline-block
;
243 background-color: #363636;
245 border-color: #464646 #2B2B2B #252525;
249 text-decoration: none
;
255 .button_action_highlight, .button_form {
256 background-color: #86D4B1;
257 border-color: #A2DEC3 #6CAA8E #5C9179;
262 background-color: #508BB5;
263 border-color: #5899C7 #437699 #427496;
268 background-color: #8A2D2D;
269 border-color: #913030 #451717 #431212;
275 margin: 10px 0px 10px 15px;
277 font-family: 'Lato', sans-serif
;
289 background-image: url
("../images/empty_back.png");
297 background-image: none
;
300 display: inline-block
;
312 float: right
!important
;
315 float: left
!important
;
359 .form_box,.form_box_xl {
360 background-color: #222;
361 border-top: 6px solid
#D49086;
376 background-color: #222;
377 border-top: 6px solid
#D49086;
392 background-color: #86D4B1;
393 text-transform:capitalize
;
394 text-decoration: none
;
398 .b_listing_title > a {
399 text-decoration: none
;
407 background-color: #DDA0DD;
409 text-transform: capitalize
;
418 border-top: 6px dashed
#D49086
421 /*.form_field_input input,*/ .form_field_input textarea
{
425 .blog_form_field_input input, .blog_form_field_input textarea {
441 .form_field_description {
446 background-color: #87453b;
454 .form_submit_buttons {
471 textarea#description
, textarea#bio
{
484 .comment_wrapper, .report_wrapper {
489 .comment_wrapper p, .report_wrapper p {
493 .comment_author, .report_author {
498 a
.comment_authorlink
, a
.report_authorlink
{
499 text-decoration: none
;
505 a
.comment_authorlink:hover
, a
.report_authorlink:hover
{
506 text-decoration: underline
;
509 a
.comment_whenlink
, a
.report_whenlink
{
510 text-decoration: none
;
513 a
.comment_whenlink:hover
, a
.report_whenlink:hover
{
514 text-decoration: underline
;
517 .comment_content, .report_content {
523 box-shadow: 0px 0px 15px 15px #378566;
528 textarea#comment_content
{
533 background-color: #f1f1f1;
537 #form_comment .form_field_input
{
542 a
.report_authorlink
, a
.report_whenlink
{
546 ul#action_to_resolve
{list-style:none
; margin-left:10px;}
548 /* media galleries */
555 margin: 0px 3px 10px;
558 background-color: #222;
559 border-radius: 0 0 5px 5px;
561 text-overflow: ellipsis
;
564 border-color: #0D0D0D;
566 border-width: 1px 1px 2px;
571 text-decoration: none
;
575 .media_thumbnail a.remove {
577 text-decoration: underline
;
580 a
.thumb_entry_title
{
584 /* For now, this is commented out since our thumbnails are actually 180px high.
586 * .media_thumbnail img {
599 display: inline-block
;
603 display: inline-block
;
609 border-top: 1px solid
#222;
619 padding: 130px 10px 20px 10px;
623 cursor: -webkit-zoom-in
;
624 cursor: -moz-zoom-in
;
634 /* EXIF information */
637 padding-bottom: 20px;
640 #exif_camera_information {
645 #exif_additional_info_button {
649 #exif_additional_info {
654 #exif_additional_info table
{
659 #exif_additional_info td
{
664 #exif_content .col1
{
668 #exif_additional_info table tr
{
679 display: inline-block
;
681 background-color: #1d1d1d;
683 border-color: #2c2c2c #232323 #1a1a1a;
685 text-decoration: none
;
696 ul
.mediagoblin_messages
{
697 list-style: none inside
;
702 .mediagoblin_messages li {
709 background-color: #378566;
713 background-color: #87453b;
717 background-color: #87453b;
721 background-color: #378566;
725 background-color: #f7f7f7;
730 list-style-type: none
;
733 ul
.mediaentry_tags li
{
735 margin: 0px 5px 0px 0px;
740 /* media processing panel */
746 table
.media_panel th
{
752 /* moderator panels */
758 table
.admin_side_panel
{
763 table
.admin_panel th
, table
.admin_side_panel th
{
770 table td
.user_with_privilege
{
775 table td
.user_without_privilege
{
788 .delete_checkbox_box {
793 /* code of conduct */
795 #code_of_conduct_list {
799 #code_of_conduct_list li
{
800 margin:5px 0 15px 25px;
802 #code_of_conduct_list strong
{
807 margin: 5px 0 10px 25px;
814 /* ASCII art and code */
817 font-family: Inconsolata
;
818 src: local
('Inconsolata'), url
('../fonts/Inconsolata.otf') format
('opentype')
822 font-family: Inconsolata
, monospace
;
831 .comment_wrapper pre {
836 /* but it should not affect the ASCII art */
840 /* Media queries and other responsivisivity */
841 /* initial GMG max 940 */
842 @media screen and
(max-width: 960px) {
846 /* display: inline;*/
869 padding: 10px 0 14px;
877 .button_action, .button_action_highlight, .button_form {
879 margin-bottom: 0.5em;
883 /* desktop resolutions */
884 @media screen and
(min-width: 960px) {
885 .container .three.columns.media_thumbnail {
891 /* Tablet Portrait size to standard 960 (devices and browsers) */
892 @media only screen and
(min-width: 768px) and
(max-width: 959px) {
893 .container .three.columns.media_thumbnail {
898 .media_thumbnail.thumb_entry img {
899 margin-left: -16.5px;
908 /* All Mobile Sizes (devices and browser) */
909 @media screen and
(max-width: 767px) {
918 margin-bottom: 10px !important
;
945 border-bottom: 1px solid
#333333;
952 none repeat scroll
0% 0% rgb
(221, 221, 221);
956 /* for the media metadata editing table */
957 table
.metadata_editor
{
962 table
.metadata_editor tr td
{
965 table
.metadata_editor tr td
.form_field_input input
{
981 .application-button {