]> git.mxchange.org Git - quix0rs-gnu-social.git/blobdiff - theme/neo-quitter/css/display.css
projects / quix0rs-gnu-social.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Make group lists look like profile ones in neo-quitter theme
[quix0rs-gnu-social.git] / theme / neo-quitter / css / display.css
diff --git a/theme/neo-quitter/css/display.css b/theme/neo-quitter/css/display.css
index d28251c9670a92df9877e32bd873163aec7e5d53..0500395514ccb081cbc70d6325dc2c1a291b2a3e 100644 (file)
--- a/theme/neo-quitter/css/display.css
+++ b/theme/neo-quitter/css/display.css
@@ -38,27 +38,6 @@
   font-style: normal;
 }
 
-@font-face {
-    font-family: 'Lato';
-    src: url('../fonts/Lato-Regular.eot?') format('eot'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Lato';
-    src: url('../fonts/Lato-Bold.eot?') format('eot'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Lato';
-    src: url('../fonts/Lato-Italic.eot?') format('eot'), url('../fonts/Lato-Italic.woff') format('woff'), url('../fonts/Lato-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
-}
-
 @media screen, projection, tv {
 
 /* general styles and layout */
@@ -70,15 +49,15 @@ html, body {
 body {
     background-color: #E9EAED;
     color: #222;
-    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 input, textarea, select, option {
-    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
-a {color: #006c9b;}
-a:hover {color: #006c9b;text-decoration:underline;}
+a {color: #666;}
+a:hover {color: #a22430;text-decoration:underline;}
 
 #aside_primary a {color: rgba(0,0,0,0.8);}
 
@@ -112,7 +91,7 @@ address {
     background-image: url("../icons-hires.png?v=2");
     background-size: 150px 2786px;
     background-repeat:no-repeat;
-    }
+}
 
 address {
     background-position: -10px -600px;
@@ -125,20 +104,22 @@ address {
     top: 6px;
     width: 89px;
     z-index: 1001;
-    background-color:#0084B4;
-    }
+    background-color:#a22430;
+}
+
 address:hover {
     background-position: -10px -635px;
-    }
+}
+
 address a {
     height: 34px;
     width: 89px;
     display:block;
-    }
+}
 
 .logo {
     display: none;
-    }
+}
 
 #header {
     background-color: #fff;
@@ -161,12 +142,6 @@ address a {
 }
 
 
-#core .h-card .u-photo {
-    float: left;
-    margin-right: 8px;
-    margin-left: 4px;
-}
-
 #aside_primary_wrapper {
     background-color: transparent;
 }
@@ -220,8 +195,8 @@ address a {
 }
 
 #site_nav_global_primary a:hover {
-    color: #ED7EFF;
-    border-bottom:3px solid #ED7EFF;
+    color: #c33541;
+    border-bottom:3px solid #c33541;
     text-decoration: none;
 }
 
@@ -447,9 +422,13 @@ body#doc #content_inner p.faq-credits {
     margin: 0 0 5px 5px;
 }
 
+.input_form .form_settings li textarea {
+    margin: 0 0 5px 5px;
+}
+
 .input_form fieldset fieldset label {
     left: 10px;
-    background: #f7f7f7;
+    background: #fff;
 }
 
 .input_forms > label {
@@ -478,28 +457,28 @@ body#doc #content_inner p.faq-credits {
 }
 
 #input_form_nav li.current a {
-    background: -moz-linear-gradient(top,  #33bcef 0%, #019ad2 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bcef), color-stop(100%,#019ad2)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #33bcef 0%,#019ad2 100%); /* W3C */
+    background: -moz-linear-gradient(top,  #a22430 0%, #c33541 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #a22430 0%,#c33541 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #a22430 0%,#c33541 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #a22430 0%,#c33541 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #a22430 0%,#c33541 100%); /* W3C */
     background-repeat: repeat-x;
     text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
-    border-color:#096eb3;
+    border-color:#c33541;
     color:#fff;
 }
 
 #input_form_nav li:hover a {
-    background: -moz-linear-gradient(top,  #2daddc 0%, #0271bf 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daddc), color-stop(100%,#0271bf)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #2daddc 0%,#0271bf 100%); /* W3C */
+    background: -moz-linear-gradient(top,  #c33541 0%, #d44652 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #c33541 0%,#d44652 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #c33541 0%,#d44652 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #c33541 0%,#d44652 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #c33541 0%,#d44652 100%); /* W3C */
     background-repeat: repeat-x;
     text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
-    border-color:#096eb3;
+    border-color:#c33541;
     color:#fff;
 }
 
@@ -507,8 +486,12 @@ body#doc #content_inner p.faq-credits {
     text-decoration: none;
 }
 
+#input_form_event .form_settings .form_data li {
+    width: 100% !important;
+}
+
 .form_notice .error, .form_notice .success, .form_notice .notice-status {
-    background-color: #33bcef;
+    background-color: #a22430;
     border: 0 none;
     border-radius: 0;
     color: rgba(255, 255, 255, 0.9);
@@ -588,7 +571,7 @@ ul.profile_list li {
     content:"@";
 }
 
-#groupdirectory    .profile_list .h-card .p-nickname:before {
+#groupdirectory .profile_list .h-card .p-nickname:before {
     content:"!";
 }
 
@@ -598,27 +581,43 @@ ul.profile_list li {
 }
 
 .profile_list .h-card .u-photo {
+    margin-left: 10px;
     margin-right: 10px;
 }
 
-.profile .entity_profile .p-name,
-.profile .entity_profile .p-locality,
-.profile .entity_profile .role,
-.profile .entity_profile > span,
-.profile .entity_profile .u-url[rel~="contact"] {
+
+/* these apply to both profiles and groups */
+.entity_profile .p-name,
+.entity_profile .p-locality,
+.entity_profile .role,
+.entity_profile > span,
+.entity_profile .u-url[rel~="contact"] {
     display: inline;
-    margin-left: 0;
-    font-size:0.88em;
+    font-size:1.0em;
     color:#9197a3;
 }
 
-.entity_profile .p-name:before,
+.entity_profile .p-nickname {
+    color:#666 !important;
+    display: block !important;
+}
+
+.entity_profile .label {
+    display: inline !important;
+}
+
 .entity_profile .p-name:after {
     content: "";
 }
 
 .profile .entity_profile .u-url {
-    font-size:0.88em;
+    font-size:1.0em;
+}
+
+/* clear parethesis from base theme */
+.entity_profile .p-name:before,
+.entity_profile .p-name:after {
+    content: "";
 }
 
 .entity_profile .role:before {
@@ -629,6 +628,7 @@ ul.profile_list li {
     content: ")";
 }
 
+.entity_profile .label:before,
 .profile .entity_profile .p-locality:before {
     content:" ยท ";
 }
@@ -698,10 +698,16 @@ ul.profile_list li {
     margin-top: 0;
 }
 
-.form_notice_placeholder .placeholder,
-.form_notice textarea ,
-.input_form .form_settings li input,
-.input_form .form_settings li textarea,
+.threaded-replies {
+    margin-top: 4px;
+    float: none;
+}
+
+#conversation .notices .notices {
+    float: none;
+    margin-left: 55px;
+}
+
 .threaded-replies .placeholder { /* TODO combine all these declarations */
     border-radius: 4px;
     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
@@ -958,6 +964,7 @@ background:none;
 .threaded-replies .placeholder {
     border-radius: 0;
     box-shadow: none;
+    background: none repeat scroll 0 0 #fff;
 }
 
 .form_notice textarea {
@@ -973,6 +980,33 @@ background:none;
     height: 60px;
 }
 
+.checkbox-wrapper.checked label.checkbox,
+.checkbox-wrapper.unchecked label.checkbox {
+    background-image:none;
+    color:transparent;
+}
+
+.checkbox-wrapper.checked label.checkbox:before,
+.checkbox-wrapper.unchecked label.checkbox:before {
+    content: "\f023";
+    display: block;
+    font: 22px/1 "fa";
+    height: 35px;
+    left: 10px;
+    position: absolute;
+    top: 0px;
+    width: 35px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color:rgba(0,0,0,0.6);
+    text-indent:0;
+    text-align:left;
+}
+
+.checkbox-wrapper.unchecked label.checkbox:before {
+    content: "\f09c";
+}
+
 .form_notice label.notice_data-attach {
     background-image:none;
     display: block;
@@ -1279,10 +1313,6 @@ div.entry-content a.response:after {
     padding-top: 10px;
 }
 
-.notice-options .form_repeat.dialogbox input.submit_dialogbox {
-    min-width: 80px;
-}
-
 #content .threaded-replies .notice .author .photo {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
@@ -1306,6 +1336,10 @@ div.entry-content a.response:after {
     right: 10px !important;
 }
 
+#realtime_actions {
+    padding-top: 0px !important;
+    top: -25px !important;
+}
 
 #realtime_actions button {
     margin-right: 5px;
@@ -1391,6 +1425,10 @@ div.entry-content a.response:after {
     color: rgba(0, 0, 0, 0.3);
 }
 
+.notice > footer {
+    margin-bottom: 5px;
+}
+
 /* loading */
 
 #infscr-loading {
@@ -1537,16 +1575,18 @@ div.entry-content a.response:after {
     border: 1px solid #CDD1DD;
 }
 
-.profile_list .form_group_leave input.submit,
-.profile_list .form_user_unsubscribe input.submit {
+.form_user_unsubscribe input.submit {
     background-position: 2px -1250px;
 }
 
-.profile_list .form_group_join input.submit,
-.profile_list .form_user_subscribe input.submit {
+.form_user_subscribe input.submit {
     background-position: 2px -1184px;
 }
 
+.form_user_block input.submit {
+    background-position: 2px -920px;
+}
+
 .profile_list .entity_actions input:hover {
     width: auto;
     padding-right: 10px;
@@ -1607,12 +1647,12 @@ border: 1px solid rgba(0, 0, 0, 0.3);
     font-weight: 700;
     color: #FFFFFF;
     line-height: 16px;
-    background: -moz-linear-gradient(top,  #33bcef 0%, #019ad2 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bcef), color-stop(100%,#019ad2)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #33bcef 0%,#019ad2 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #33bcef 0%,#019ad2 100%); /* W3C */
+    background: -moz-linear-gradient(top,  #a22430 0%, #c33541 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #a22430 0%,#c33541 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #a22430 0%,#c33541 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #a22430 0%,#c33541 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #a22430 0%,#c33541 100%); /* W3C */
     background-repeat: repeat-x;
     padding-top: 5px;
     padding-right: 10px;
@@ -1622,10 +1662,10 @@ border: 1px solid rgba(0, 0, 0, 0.3);
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
-    border-top-color: #057ED0;
-    border-right-color: #057ED0;
-    border-bottom-color: #057ED0;
-    border-left-color: #057ED0;
+    border-top-color: #c33541;
+    border-right-color: #c33541;
+    border-bottom-color: #c33541;
+    border-left-color: #c33541;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
@@ -1649,14 +1689,14 @@ border: 1px solid rgba(0, 0, 0, 0.3);
 .entity_tag .dialogbox input.submit_dialogbox:hover,
 .form_repeat.dialogbox input.submit_dialogbox:hover
 {
-    background: -moz-linear-gradient(top,  #2daddc 0%, #0271bf 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daddc), color-stop(100%,#0271bf)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #2daddc 0%,#0271bf 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #2daddc 0%,#0271bf 100%); /* W3C */
+    background: -moz-linear-gradient(top,  #c33541 0%, #d44652 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  #c33541 0%,#d44652 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  #c33541 0%,#d44652 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  #c33541 0%,#d44652 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  #c33541 0%,#d44652 100%); /* W3C */
     background-repeat: repeat-x;
-    border-color:#096eb3;
+    border-color:#c33541;
     color:#fff;
 }
 
This is my personal clone from the wonderful software GNUSocial. I may fix or break things here, so use it on your own risk. :-)