header {
width: 100%;
+ max-width: 940px;
+ margin-left: auto;
+ margin-right: auto;
padding: 0;
margin-bottom: 42px;
- background-color: #303030;
- border-bottom: 1px solid #252525;
+ border-bottom: 1px solid #333;
}
.header_right {
float: right;
}
-.header_right ul {
- display: none;
- position: absolute;
- top: 42px;
- right: 0px;
- background: #252525;
- padding: 20px;
+.header_dropdown {
+ margin-bottom: 20px;
+ padding: 0px 10px 0px 10px;
}
-.header_right li {
+.header_dropdown li {
+ margin: 4px 0;
list-style: none;
}
-.dropdown {
- display: inline-block;
- color: #c3c3c3;
- background-color: #424242;
- border: 1px solid;
- border-color: #464646 #2B2B2B #252525;
- border-radius: 4px;
- padding: 3px 8px;
- font-size: 16px;
- text-decoration: none;
- font-style: normal;
- font-weight: bold;
- cursor: pointer;
- position: relative;
-}
-
-.dropdown_items {
- position: absolute;
- right: 0px;
- top: 25px;
- background-color: #424242;
- padding: 10px;
- width: 160px;
- border-radius: 5px 0 5px 5px;
- box-shadow: 0 2px 1px black;
+.header_dropdown p {
+ margin-top: 12px;
+ margin-bottom: 10px;
}
-.dropdown_items a {
- display: block;
+.dropdown_title {
+ font-size: 20px;
}
a.logo {
.logo img {
vertical-align: middle;
- margin: 6px 8px;
+ margin: 6px 8px 6px 0;
+}
+
+.fine_print {
+ font-size: 0.8em;
}
.mediagoblin_content {
width: 640px;
margin-left: 0px;
margin-right: 10px;
- float: left;
+ float: left;
}
.media_sidebar {
color: #283F35;
}
+
.button_form {
min-width: 99px;
margin: 10px 0px 10px 15px;
font-family: 'Lato', sans-serif;
}
-.button_collect {
- background-image: url("../images/icon_collect.png");
- background-repeat: no-repeat;
- background-position:top center;
- height: 30px;
- width: 30px;
- margin: 0px;
- padding: 3px 3px 2px 3px;
- position: relative;
-}
-
.pagination {
text-align: center;
}
height: 0;
}
+.hidden {
+ display: none;
+}
+
.media_sidebar h3 {
font-size: 1em;
margin: 0 0 5px;
width: 20px;
}
+.boolean {
+ margin-bottom: 8px;
+ }
+
textarea#description, textarea#bio {
resize: vertical;
height: 100px;
}
+.delete {
+ margin-top: 36px;
+ display: block;
+ text-align: center;
+}
+
/* comments */
-.comment_wrapper {
+.comment_wrapper, .report_wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
-.comment_wrapper p {
+.comment_wrapper p, .report_wrapper p {
margin-bottom: 2px;
}
-.comment_author {
+.comment_author, .report_author {
padding-top: 4px;
font-size: 0.9em;
}
-.comment_content {
+a.comment_authorlink, a.report_authorlink {
+ text-decoration: none;
+ padding-right: 5px;
+ font-weight: bold;
+ padding-left: 2px;
+}
+
+a.comment_authorlink:hover, a.report_authorlink:hover {
+ text-decoration: underline;
+}
+
+a.comment_whenlink, a.report_whenlink {
+ text-decoration: none;
+}
+
+a.comment_whenlink:hover, a.report_whenlink:hover {
+ text-decoration: underline;
+}
+
+.comment_content, .report_content {
margin-left: 8px;
margin-top: 8px;
}
+.comment_active {
+ box-shadow: 0px 0px 15px 15px #378566;
+ background: #378566;
+ color: #f7f7f7;
+}
+
textarea#comment_content {
resize: vertical;
width: 100%;
padding-right: 6px;
}
+
+a.report_authorlink, a.report_whenlink {
+ color: #D486B1;
+}
+
+ul#action_to_resolve {list-style:none; margin-left:10px;}
+
/* media galleries */
.media_thumbnail {
float: left;
padding: 0px;
- width: 212px;
- height: 156px;
+ width: 180px;
overflow: hidden;
- margin: 0px 28px 24px 0px;
+ margin: 0px 3px 10px;
text-align: center;
font-size: 0.875em;
background-color: #222;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
+ border-color: #0D0D0D;
+ border-style: solid;
+ border-width: 1px 1px 2px;
}
.media_thumbnail a {
color: #eee;
text-decoration: none;
+ display: block;
}
-.media_thumbnail img {
- max-height: 135px;
-}
-
-.thumb_entry_last {
- margin-right: 0px;
-}
-
-/* collection media */
-
-.collection_thumbnail {
- float: left;
- padding: 0px;
- width: 180px;
- margin: 0px 4px 10px;
- text-align: left;
- font-size: 0.875em;
- background-color: #222;
- border-radius: 0 0 5px 5px;
- padding: 0 0 6px;
- text-overflow: ellipsis;
+.media_thumbnail a.remove {
+ color: #86D4B1;
+ text-decoration: underline;
}
-.collection_thumbnail a {
- color: #eee;
- text-decoration: none;
+a.thumb_entry_title {
+ padding: 8px;
}
-.collection_thumbnail a.remove {
- color: #86D4B1;
-}
+/* For now, this is commented out since our thumbnails are actually 180px high.
+ *
+ * .media_thumbnail img {
+ * max-height: 135px;
+ * }
+ */
-.collection_thumbnail img {
- max-height: 135px;
+.thumb_entry_last {
+ margin-right: 0px;
}
/* media detail */
padding: 130px 10px 20px 10px;
}
-img.media_image {
+a img.media_image {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
vertical-align: sub;
}
+/* EXIF information */
+
+#exif_content h3 {
+ border-bottom: 1px solid #333;
+}
+
+#exif_camera_information {
+ margin-bottom: 20px;
+}
+
+#exif_additional_info {
+ display: none;
+}
+
+#exif_additional_info table {
+ font-size: 11px;
+ margin-top: 10px;
+}
+
+#exif_additional_info td {
+ vertical-align: top;
+ padding-bottom: 5px;
+}
+
+#exif_content .col1 {
+ padding-right: 20px;
+}
+
+#exif_additional_info table tr {
+ margin-bottom: 10px;
+}
+
/* navigation */
.navigation {
table.media_panel th {
font-weight: bold;
padding-bottom: 4px;
+ text-align: left;
+}
+
+/* moderator panels */
+
+table.admin_panel {
+ width: 100%
}
+table.admin_side_panel {
+ width: 60%
+}
+
+table.admin_panel th, table.admin_side_panel th {
+ font-weight: bold;
+ padding-bottom: 4px;
+ text-align: left;
+ color: #fff;
+}
+
+table td.user_with_privilege {
+ font-weight: bold;
+ color: #86D4B1;
+}
+
+table td.user_without_privilege {
+ font-weight: bold;
+ color: #D486B1;
+}
+
+.return_to_panel {
+ text-align:right;
+ float: right;
+ font-size:1.2em
+}
/* Delete panel */
margin-left: 10px;
}
+/* code of conduct */
+
+#code_of_conduct_list {
+ margin-left:25px;
+ margin-bottom: 10px;
+}
+#code_of_conduct_list li {
+ margin:5px 0 15px 25px;
+}
+#code_of_conduct_list strong{
+ color:#fff;
+}
+
+.nested_sublist {
+ margin: 5px 0 10px 25px;
+ font-size:80%;
+}
+.nested_sublist li {
+ margin-bottom: 10px;
+}
+
/* ASCII art and code */
@font-face {
width: 46%;
}
}
+
+/* Exif display */
+#exif_content h3 {
+ border-bottom: 1px solid #333;
+}
+#exif_camera_information {
+ margin-bottom: 20px;
+}
+
+#exif_additional_info {
+ display: none;
+}
+#exif_additional_info table {
+ font-size: 11px;
+ margin-top: 10px;
+}
+#exif_additional_info td {
+ vertical-align: top;
+ padding-bottom: 5px;
+}
+#exif_content .col1 {
+ padding-right: 20px;
+}
+#exif_additional_info table tr {
+ margin-bottom: 10px;
+}
+
+p.verifier {
+ text-align:center;
+ font-size:50px;
+ none repeat scroll 0% 0% rgb(221, 221, 221);
+ padding: 1em 0px;
+}