mediacowboy 438 Posted February 24, 2015 Posted February 24, 2015 @@bigjohn, what haven't you customised yet. I like everything you've done.
bigjohn 732 Posted February 24, 2015 Posted February 24, 2015 Thanks! I haven't done anything with the panel that pops in from the right side, so it doesn't match the rest yet.
jwill 28 Posted February 24, 2015 Posted February 24, 2015 I did make one addition to bigjohn's Dark Dashboard theme. On the "Advanced" page from the left sidebar, there was a white-text on yellow background that was hard to read. I don't know what I am doing with CSS so this is probably bad style, but it at least got rid of the yellow background (but kept a narrow yellow border for emphasis). .warningFieldDescription { background-color: #555; color: #fff; }
jwill 28 Posted February 24, 2015 Posted February 24, 2015 Any idea how to change the "Support Media Browser Team" background from bright green to something more subdued?
bigjohn 732 Posted February 24, 2015 Posted February 24, 2015 Ahh, yes I didn't even look at the Advanced page. Looks like I need to fix some text on the scheduled tasks page too. On that warning text I would just make the text dark and leave the yellow background. I'll update the previous dark dashboard theme with these changes: .warningFieldDescription { color: #000; } .ui-page-theme-a .ui-bar-inherit { border-color: #555; background-color: #555; color: #fff; } 1
bigjohn 732 Posted February 24, 2015 Posted February 24, 2015 Any idea how to change the "Support Media Browser Team" background from bright green to something more subdued? Sure! Become a supporter and it will vanish completely. 5
jwill 28 Posted February 24, 2015 Posted February 24, 2015 Sure! Become a supporter and it will vanish completely. I don't want it to vanish completely, just be more subdued. This did the trick: .supporterPromotion { border-color: #555; background-color: #555; color: #fff; } .btnActionAccent { border-color: #555; background-color: #555; color: #fff; }
bigjohn 732 Posted February 24, 2015 Posted February 24, 2015 You could also try this for the supporter button, I kinda like it: /* Muted supporter button */ @-webkit-keyframes muted { 0% { background-color: #52B54B; -webkit-box-shadow: 0 0 3px #52B54B; } 50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; } 100% { background-color: #52B54B; -webkit-box-shadow: 0 0 3px #52B54B; } } @-moz-keyframes muted { 0% { background-color: #52B54B; -moz-box-shadow: 0 0 3px #52B54B; } 50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; } 100% { background-color: #52B54B; -moz-box-shadow: 0 0 3px #52B54B; } } @-o-keyframes muted { 0% { background-color: #52B54B; box-shadow: 0 0 3px #52B54B; } 50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; } 100% { background-color: #52B54B; box-shadow: 0 0 3px #52B54B; } } @keyframes muted { 0% { background-color: #52B54B; box-shadow: 0 0 3px #52B54B; } 50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; } 100% { background-color: #52B54B; box-shadow: 0 0 3px #52B54B; } } .btnActionAccent { -webkit-animation: muted 1500ms infinite; -moz-animation: muted 1500ms infinite; -o-animation: muted 1500ms infinite; animation: muted 1500ms infinite; } 1
bigjohn 732 Posted February 24, 2015 Posted February 24, 2015 Added the following to darken the right side pop-in panel: .ui-body-a { background-color: #111; color: #fff; } .ui-body-a .ui-btn { border: 1px solid #555 !important; background-color: #333 !important; color: #fff !important; } .ui-body-a .ui-btn:hover { border: 1px solid #555 !important; background-color: #373737 !important; color: #fff !important; }
mediacowboy 438 Posted February 25, 2015 Posted February 25, 2015 Thank you @@bigjohn I love the darker theme.
Angelblue05 4131 Posted February 25, 2015 Posted February 25, 2015 (edited) @@Luke, @@Abobader If it's a good idea, can we maybe create a sub forum for Custom CSS while it's still early? I have a feeling this thread is going to get really long and be tedious to see the awesome stuff people come up with. Edited March 3, 2015 by Angelblue05 2
techywarrior 689 Posted February 25, 2015 Posted February 25, 2015 It would probably be a good idea for people to post their CSS as an attached file and show a screenshot of what it does... and yes, I agree there should maybe be a separate sub forum where the people that make custom CSS can have their own threads. Sort of like a real theme for the other clients.
mediacowboy 438 Posted February 25, 2015 Posted February 25, 2015 (edited) @@bigjohn. I noticed an issue with the css in the Metadata Manager. If you browse the Online Images it show white text on a white background. This is the CSS I did to fix it. .remoteImageDetails{ background:#252525; } Edited February 25, 2015 by mediacowboy 2
bigjohn 732 Posted February 25, 2015 Posted February 25, 2015 @@bigjohn. I noticed an issue with the css in the Metadata Manager. If you browse the Online Images it show white text on a white background. This is the CSS I did to fix it. .remoteImageDetails{ background:#252525; } Yeah, good catch. Probably something similar on the Identify dialog. I'll incorporate that, but I will use a color consistent with everything else (#333).
mediacowboy 438 Posted February 25, 2015 Posted February 25, 2015 I corrected my css. Thank you and Identify looks good it uses the same div tag.
bigjohn 732 Posted February 25, 2015 Posted February 25, 2015 I corrected my css. Thank you and Identify looks good it uses the same div tag. Well, yours was "correct", just because I want to be consistent doesn't mean you have to be... 1
mediacowboy 438 Posted February 25, 2015 Posted February 25, 2015 i like that color better. I was just guessing when I choose that color.
Guest Posted February 27, 2015 Posted February 27, 2015 Some changes I have implemented on my server, just tweaks to the existing interface. Haven't tested on multiple browsers or screen sizes, just made it work for me. /*Remove 'Missing Trailer' icon in metadata editor, I don't use trailers*/ img[title='Missing local trailer.'] { display:none; } I applied this CSS but the trailer icon remains displayed. You can review the code is correct ? Thanks for that.
Happy2Play 9446 Posted February 27, 2015 Posted February 27, 2015 Some changes I have implemented on my server, just tweaks to the existing interface. Haven't tested on multiple browsers or screen sizes, just made it work for me. /*Remove 'Missing Trailer' icon in metadata editor, I don't use trailers*/ img[title='Missing local trailer.'] { display:none; } I applied this CSS but the trailer icon remains displayed. You can review the code is correct ? Thanks for that. It worked for FF 36 and IE 11.
Guest Posted February 27, 2015 Posted February 27, 2015 Works on Chrome. I use chrome and is not hiding the missing trailer icon. Version: 40.0.2214.115
mediacowboy 438 Posted February 27, 2015 Posted February 27, 2015 (edited) 40.0.2214.115. Hmm I copied this and put it in my custom CSS img[title=Missing local trailer.] { display:none; } Without CSS With CSS Edited February 27, 2015 by mediacowboy
Guest Posted February 27, 2015 Posted February 27, 2015 In fact here does not work. Thanks for your help.
mediacowboy 438 Posted February 27, 2015 Posted February 27, 2015 (edited) Let me get back a computer and I will double check I think I was looking in the wrong spot. @, It works on mine. I'm not sure what the issue is. Edited February 27, 2015 by mediacowboy
Guest Posted February 27, 2015 Posted February 27, 2015 I really do not understand what is wrong here. Other CSS codes work well.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now