Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 14, 2014 3:10:43 GMT 1
Fits! + few changes by brave me for polishing. True, while this not only helps me - but others too! So as much as we go detailed, less question will be asked Ready for next assignments ( like I do so much work here) Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 14, 2014 7:17:34 GMT 1
Great! Now we can focus on the buttons. In your css there should be a section labelled /* "Reply" button */ (as this was added manually, it should be near the bottom).
Replace what you have in there with the below: .movebut { background-color: #00000; background-image: none; border-color: #525252; border-radius: 4px; margin-top: 5px; margin-right:3px; min-height: 15px ; } .movebut li > a { color: @default_forum_text_color; } .movebut:hover { background-color: #171717; background-image: none; border-color: #525252; } Again, replacing the hex-color with your own!
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 14, 2014 10:11:21 GMT 1
Done! Not having it so added and adjusted. Love those double hover effect! Just that dance left. For button to stop grow need border as is in a peace state? Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 14, 2014 19:50:23 GMT 1
Correct! In all 3 states of your Buttons (Default, Hover and Active) you should put in the same values for: "Border Width:" In your case: Border Width: 1px (You can just set the color to #000000 or transparent for the default state)
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 14, 2014 22:24:59 GMT 1
Fixed them with changing: @buttons_border: 1px none; to @buttons_border: 1px solid darken(@buttons_background_color, 20%) ; which affected all buttons on forms! Maybe you notice something that I missed. If we ql - we move further? Login out... END
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 21, 2014 12:20:50 GMT 1
Playing a bit myself, fixed almost all! What bugs me still very hard is remove button that needs a change! It shows at pop-up in Search Options - Add Filters - (Thread Created By; Post Created By; ...) Guess is I modified this before on my own through Visual Editor, but cant find it and afraid I spoil what I already customized. So, PRO TIP is needed. Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 21, 2014 17:51:20 GMT 1
Guess is I modified this before on my own through Visual Editor, but cant find it and afraid I spoil what I already customized. No, you didn't modify this through the Visual Editor, cause.... it ain't there. It's not even a real 'button' so you can't give it the same look as your other buttons. All you can do is change the color to make it match your theme. To do so, put this line at the bottom of your CSS:
.ui-filterlist > .list .filter-remove { color: #823609; } Now you can change the hex-color to whatever you want. (although I think this is the color you want it to be. )
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 21, 2014 22:35:40 GMT 1
OMG I had it like urs is! Splendid! And learned some new thing now ( still n00b in this). Chrome's RightClick Inspect element feature gives u address where to change default settings! There's new and owe-ride! That way, fried brain hoping I do same for drop-down list in a whole! Some variations of: /* "dropdown" and active list background */ .ui-filterlist > .list .filter filter-3 .condition-input .filter-condition-input { background-color: #00000; } ... doesn't help! Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 23, 2014 16:30:34 GMT 1
If you're referring to the 'select menu', you can set that in the: Visual Editor > Objects > Forms > Select Menus
You can set the background color, border, etc.
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 24, 2014 21:16:14 GMT 1
I be damned! So some things u fix this way, other that way. Pointless to act smart by me. Anyway, I made changes there so thanks for tips RA!
Two more question if I may ask. Why every second added search filter has white background? here on IOD is same. Is that changeable?
Login out...
END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 25, 2014 17:55:37 GMT 1
Yes, you can set that by adding this line to the bottom of your CSS:
.ui-filterlist > .list > table > tbody > tr:nth-child(2n) { background: #000000; } Then set the hex-color to your desired color.
By the way, have you noticed that everything in the pop-up is hard to read because of the semi-transparent background? I would strongly advice you to replace that for a solid background color! This is how:
In the /* Containers and Dialogs */ section of the CSS you will find this line (around line 450), starting with:
.container > .content, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane, .copy.container .clone {
In that line find the background: scroll url('http://images.proboards.com/v5/gradients/darkness.png') part and replace that with a solid color like: background: #000000
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 26, 2014 1:44:12 GMT 1
Nailed it! How you find those childish settings to change? U r rly a wizard! Also, thnx for advice! Totally is PRO now! One last step left and Im done. The username field background and typed text switch! "Inspected" as user-search-4-input user-search-input search-input ui-autosearch if u know what I mean. Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 26, 2014 19:45:04 GMT 1
The username field background and typed text switch! "Inspected" as user-search-4-input user-search-input search-input ui-autosearch if u know what I mean. Actually, that is the input field of the Micro-Profile! And yes, you can change that as well. However, before we proceed I would recommend that you remove the transparent border of your Micro-Profile and replace it for something we can actually see! This is what I suggest (all done in you CSS): /* Micro Profiles */ 2nd line: @micro_border: 1px solid #171717 ; 10th line: @micro_remove_border: 1px solid #171717 ;
Moving on to the input field (20th line): Replace: .micro-profile .info input { width: 112px; } and replace it with this: .micro-profile .info input { width: 112px; background-color: #000000; color: #757575; border: @micro_border; }
|
|
Member Bio
Currently: Offline
Joined: November 2011
Gender: Undisclosed
Posts: 65
|
Post by cvekiboy on Nov 26, 2014 22:29:14 GMT 1
And just as I thought its over, one things pop ups! Thread/Post Creator search result! To not explain much, here is a ss: No rush, as u find time and will, look into this. Hope its last spotted WHITE thing on my dark fora! Login out... END
|
|
Member Bio
Currently: Offline
Joined: March 2009
Gender: Male
Posts: 2,233
SemiTrans Signature URL - Theme id 13: http://storage.proboards.com/2815617/i/WF6qGGLds2CwwnCEPB26.png
Badges
|
Post by Admin ( FKA RADesign ) on Nov 27, 2014 19:56:30 GMT 1
And just as I thought its over, one things pop ups!
Well, yeah, but that's what pop-ups do.... they 'pop-up'
Let's see if we can make them a little less annoying by adjusting the colors. Just add this to the bottom of your CSS:
.ui-displaybox { display: none; position: absolute; z-index: 1050; background-color: #000000; border: 1px solid #171717; -moz-box-shadow: 3px 3px 6px #171717; -webkit-box-shadow: 2px 2px 3px #171717; box-shadow: 2px 2px 3px #171717; } .ui-selectlist .ui-selectlist-item.state-current { background-color: #823609; }
I think I picked the right colors to match your forum, but I know you are more then capable to adjust them to your liking. The first line is for the entire display box (the white area), including the border and shadow. The second is for the selected item only (the blue area).
|
|