XF 1.2 What's the property for this?

[Izagar]

I'm using this skin http://xenforo.com/community/resources/vb-3-x-fluid.2151/ for a new forum layout. But I just can't figure out what style property this uses:



That annoying white top is annoying. ._.;

I did an inspect element and got this:

<fieldset id="QuickSearch">
        <form action="search/search" method="post" class="formPopup">
           
            <div class="primaryControls">
                <!-- block: primaryControls -->
                <input type="search" name="keywords" value="" class="textCtrl" placeholder="Search..." results="0" title="Enter your search and hit enter" id="QuickSearchQuery">               
                <!-- end block: primaryControls -->
            </div>
           
            <div class="secondaryControls">
                <div class="controlsWrapper">
               
                    <!-- block: secondaryControls -->
                    <dl class="ctrlUnit">
                        <dt></dt>
                        <dd><ul>
                            <li><label><input type="checkbox" name="title_only" value="1" id="search_bar_title_only" class="AutoChecker" data-uncheck="#search_bar_thread"> Search titles only</label></li>
                        </ul></dd>
                    </dl>
               
                    <dl class="ctrlUnit">
                        <dt><label for="searchBar_users">Posted by Member:</label></dt>
                        <dd>
                            <input type="text" name="users" value="" class="textCtrl AutoComplete" id="searchBar_users" autocomplete="off">
                            <p class="explain">Separate names with a comma.</p>
                        </dd>
                    </dl>
               
                    <dl class="ctrlUnit">
                        <dt><label for="searchBar_date">Newer Than:</label></dt>
                        <dd><input type="text" data-orig-type="date" name="date" value="" class="textCtrl date" id="searchBar_date"></dd>
                    </dl>
                   
                   
                </div>
                <!-- end block: secondaryControls -->
               
                <dl class="ctrlUnit submitUnit">
                    <dt></dt>
                    <dd>
                        <input type="submit" value="Search" class="button primary Tooltip">
                        <div class="Popup" id="commonSearches">
                            <a rel="Menu" class="button NoPopupGadget Tooltip PopupControl" data-tipclass="flipped"><span class="arrowWidget"></span></a>
                           
                        </div>
                        <a href="search/" class="button moreOptions Tooltip">More...</a>
                    </dd>
                </dl>
               
            </div>
           
            <input type="hidden" name="_xfToken" value="1,1375465907,187e282b35f13b3edd87527efd9c3193854a9ee8">
        </form>       
    </fieldset>

But I don't know the right property >_<

Any help is appreciated... I'm a styling noob >_<

 

[Paul B]

Use #QuickSearch in EXTRA.css.
For example:

#QuickSearch {
background-color: red;
}

 

[Izagar]

Oh. That's not in my theme...

*adds to test*

I may have more questions in a bit though.

 

[Izagar]

Okay, what about the preview box, since it appears all white to me? And the header where it says preview:

<div class="PreviewContainer" style="display: block;"><div class="section">
    <h3 class="subHeading">Preview</h3>
    <div class="messageText primaryContent baseHtml">sdas</div>
</div></div>

Sorry if I'm asking too much.

 

[Paul B]

Again you will need to use EXTRA.css using the PreviewContainer class.

Not everything is covered in Style Properties.