Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14
  1. #1
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts

    Load new css on screen resolution

    I have my website setup for 1366px by 768px, and while it looks great here I need the website to resize the content depending on the screen resolution, I have looked at loading different css files with the @media extension, but wanted to get some insight as to what to use, I need the website to resize from such resolutions of 1366px X 768px down to 800px X 600px.

    http://www.tripinvestmentsgroupllc.com

  • #2
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    Header.php
    -------------------------------------------------------------------------------------
    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title><?=$title?></title>
    <?php if (isset($property)): ?>
    <meta name="description" content="<?=$property->description($system->translate->get_language(), 150)?>" />
    <meta name="keywords" content="<?=$property->keywords?>" />
    <?php elseif (isset($page)): ?>
    <meta name="description" content="<?=character_limiter(strip_tags($page->content), 150)?>" />
    <meta name="keywords" content="<?=$page->keywords?>" />
    <?php else: ?>
    <meta name="description" content="<?=Setting::value('website_description'Setting::value('website_title'CS_PRODUCT_NAME))?>" />
    <meta name="keywords" content="<?=Setting::value('website_keywords''properties, sales, rentals')?>" />
    <?php endif; ?>
    <meta name="revisit-after" content="7" />
    <meta name="robots" content="INDEX,FOLLOW,IMAGEINDEX,IMAGECLICK" />
    <meta name="googlebot" content="INDEX,FOLLOW,ARCHIVE"/>
    <meta name="classification" content="vacation rentals " />
    <meta name="distribution" content="global" />
    <meta name="author" content="<?=Setting::value('website_title'CS_PRODUCT_NAME)?>" />
    <link rel="stylesheet" href="<?=base_url().'min/?g=css'?>" type="text/css" media="screen" />

    <?php $stype = empty($query['property_type']) ? 'rent' $query['property_type']; ?>

    <script type="text/javascript">
    var SITE_URL = '<?=site_url()?>';
    var TEMPLATE_URL = '<?=$template->base_url()?>';
    var DATEPICKER_FORMAT = '<?php echo Setting::value("datepicker_format""dd/mm/yy"); ?>';

    var CURRENCY = '<?php echo Setting::value("default_currency""USD"); ?>';

    var RENT_MIN_PRICE = 0;
    var RENT_MAX_PRICE = <?php echo round($qs_rent_highest); ?>;
    var RENT_MIN_BOOKING_LENGTH = <?php echo round($qs_rent_min_booking_length); ?>;

    var RENT_MIN_SELECTED_PRICE = <?php echo (isset($query['price-from']) && $stype=='rent') ? $query['price-from'] : ?>;
    var RENT_MAX_SELECTED_PRICE = <?php echo (isset($query['price-to']) && $stype=='rent') ? $query['price-to'] : round($qs_rent_highest) ; ?>;

    var SELL_MIN_PRICE = 0;
    var SELL_MAX_PRICE = <?php echo round($qs_sell_highest); ?>;

    var SELL_MIN_SELECTED_PRICE = <?php echo (isset($query['price-from']) && $stype=='sell') ? $query['price-from'] : ?>;
    var SELL_MAX_SELECTED_PRICE = <?php echo (isset($query['price-to']) && $stype=='sell') ? $query['price-to'] : round($qs_sell_highest) ; ?>;

    var MAP_TYPE;

    var RecaptchaOptions = { theme : 'clean' };

    <?php $active_language $system->translate->get_language(); ?>
    var LANG = '<?=($active_language->name == Language::$default) ? "" $active_language->slug .'/' ?>';
    </script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"> </script>
    <script type="text/javascript" src="<?=base_url().'min/?g=js'?>"> </script>

    <?=$template->embed_all()?>

    <script type="text/javascript">

    function toggle_favorite(id)
    {
        $.get(SITE_URL + '/administration/ajax/toggle_favorite/' + id, function(data) {
            if (data.status != "OK")
            {
                popup_login_box();
            }
            else
            {
                if (data.msg == 'saved')
                {
                    //show delete
                    $('.fav_'+id).attr('src', TEMPLATE_URL+'/images/'+LANG+'save-to-fav2.png');
                }
                else
                {
                    //show save
                    $('.fav_'+id).attr('src', TEMPLATE_URL+'/images/'+LANG+'save-to-fav.png');
                }
                //alert(data.msg);
            }
        }, 'json');
    }


    function popup_login_box()
    {
        /*$.lightbox('<?=site_url("administration/auth/login")?>', {
            'width'        : 450,
            'height'    : 350,
            'autoresize': false,
            'iframe'    : true
        });//*/
        window.location = '<?=site_url("administration/auth/login")?>';
    }


    $(document).ready(function() {

        //fix lightbox
        $.extend($.lightbox().options, {
            moveTransition: 'linear',
            resizeTransition: 'linear',
            moveDuration    : 1,
            resizeDuration  : 500
        });

        //prepare select boxes
        $('#quick-search-form select').selectbox({
            bgImg: TEMPLATE_URL+'images/city_bg.png',
            arrowBg: TEMPLATE_URL+'images/select_arrow.gif',
        });
        $('div.rental-select select').selectbox({
            bgImg: TEMPLATE_URL+'images/select_rental.gif',
            arrowBg: TEMPLATE_URL+'images/select-rental_arrow.gif',
        });
        $('div.price-select select').selectbox({
            bgImg: TEMPLATE_URL+'images/select_price.gif',
            arrowBg: TEMPLATE_URL+'images/select-rental_arrow.gif',
        });

        //fadein quick search
        /*window.setTimeout(function() {
            $('#quick-search-form').css('opacity', 0).css('visibility', 'visible').animate({opacity: 100}, 500);
        }, 500);//*/

        <?php $template->write_dom_ready_js(); ?>

        //select active navigation item
        $('ul#nav li').each(function() {
            var a = $(this).find('a:first');

            if ($(a).attr('href') == location.href)
                $(this).addClass('selected');
        });

        //respond to converter link click
        $('a.converter').click(function(ev) {
            var $link = $(this).attr('href');

            $.lightbox($link, {
                'width'       : 330,
                'height'      : 240,
                'autoresize'  : false
            });
            ev.preventDefault();
            return false;
        });

        //respond to image loading failure
        $('img').error(function() {
            var src = $(this).attr('src');

            if (LANG == "")
                return;

            if (src.indexOf(LANG) > 0)
            {
                var newSrc = src.replace(LANG, "");
                $(this).attr('src', newSrc);
            }
        });

        $('#locations').autocomplete({
            serviceUrl: SITE_URL+'/administration/ajax/locations'
            , onSelect: function(value, data) { $('#location_id').val(data); }
        });

        $('.initial').focus(function() {
            if ($(this).val() == '<?=_e("Type location name...")?>')
                $(this).val('');
        }).blur(function() {
            if ($.trim($(this).val()) == '')
                $(this).val('<?=_e("Type location name...")?>');
        });



    });
    </script>
    <?php if (Setting::value("google_analytics_id") !== false): ?>
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '<?=Setting::value("google_analytics_id")?>']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
    <?php endif; ?>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js" defer="defer"></script>
    </head>
    <body>

    <div id="page">
        <div id="wood" style="width:1179px; margin-left:auto; margin-right:auto;">
    <ul id="nav">
      <li class="home"><a href="<?=site_url()?>"><span><?=_e("Home")?></span></a></li>
      <?php foreach (Page::factory()->where_related_language('id'$system->translate->get_language()->id)->where('show_in_header'true)->order_by('id')->limit(3)->get() as $page) : ?>
      <li><a href="<?=$page->get_url()?>"><span><?=$page->title?></span></a></li>
      <?php endforeach; ?>
      <?php if (Setting::value('website_allow_users_submit''yes') == 'yes'): ?>
      <li><a href="<?=(empty($user)) ? site_url("administration/auth/register") : site_url("administration/properties/add"?>"><span><?=_e("Submit Property")?></span></a></li>
      <?php endif; ?>
      <li><a href="<?=site_url("/map/all")?>"><span><?=_e("Map")?></span></a></li>
      <li><a href="<?=site_url("contact")?>"><span><?=_e("Contact Us")?></span></a></li>
     </ul>
     <?php if ($template->config['has_sidebar']): ?>
        <div id="q-s">

    <?php
    $site_type 
    Setting::value('website_type''both');
    $search_type = empty($query['property_type']) ? 'rent' $query['property_type'];

    if (
    $site_type != 'both')
        
    $search_type $site_type;
    ?>

            <div class="wrapper">

                    <img src="<?=$template->base_url()?>images/quick-search-icon.png" alt="" class="icon" />
                    <div class="rent-buy-toggle" <?php echo ($site_type != 'both') ? 'style="display: none;"' '' ?>>
                        <input type="radio" name="property-type" id="radio-rent" value="rent" <?php echo ($search_type == 'rent') ? 'checked="checked"' '' ?>>
                        <input type="radio" name="property-type" id="radio-buy" value="sell" <?php echo ($search_type == 'sell') ? 'checked="checked"' '' ?>>
                        <div class="track"><div class="handle<?php echo ($search_type=='sell') ? ' toggle-buy' '' ?>" style="margin-top: <?php echo ($search_type=='sell') ? 16 ?>px"></div></div>
                        <span <?php echo ($search_type=='rent') ? 'class="toggle-current"' '' ?> id="text-rent"><?php _e("Rent"); ?></span><br />
                        <span <?php echo ($search_type=='sell') ? 'class="toggle-current"' '' ?> id="text-buy"><?php _e("Buy"); ?></span>
                    </div>
                    <div class="select-location">
                        <h4><?php _e("Location"); ?></h4>

                        <?php Location::select_html( isset($query['location_id']) ? (int)$query['location_id'] : 0'location_id''&ndash;''%name%'0__('All locations'), TRUE);?>

                    </div>



                    <div id="q-s-rent" <?php echo ($search_type == 'sell') ? 'style="display: none;"' '' ?>>
                        <div class="input-dates">
                            <h4><?php _e("From"); ?></h4>
                            <input type="text" id="qs-date-from" name="free-from" class="input" value="<?php echo isset($query['free-from']) ? format_datepicker($query['free-from']) : 'dd/mm/yy'?>" />
                        </div>
                        <div class="input-dates date-to">
                            <h4><?php _e("To"); ?></h4>
                            <input type="text" id="qs-date-to" name="free-to" class="input" value="<?php echo isset($query['free-to']) ? format_datepicker($query['free-to']) : 'dd/mm/yy'?>" />
                        </div>
                        <div class="guests">
                            <h4><?php _e("Guests"); ?></h4>
                            <select id="guests-dropdown" name="guests">
                                <?php for ($i=0$i<=$qs_rent_max_occupants$i++): ?>
                                <option value="<?php echo $i?><?php echo (isset($query['guests']) && ($query['guests'] == $i)) ? 'selected="selected"' ''?>><?php echo ($i==0) ? __('any') : $i?></option>
                                <?php endfor; ?>
                            </select>
                        </div>
                        <div class="price-night-slider">
                            <input type="hidden" id="price-rent-from" value="<?php echo (isset($query['price-from']) && $search_type=='rent') ? $query['price-from'] : 0?>" />
                            <input type="hidden" id="price-rent-to" value="<?php echo (isset($query['price-to']) && $search_type=='rent') ? $query['price-to'] : round($qs_rent_highest); ?>" />
                            <h4><?php _e("Price Range"); ?></h4>
                            <div class="prices left" id="rent-price-from"><?php echo short_format_price((isset($query['price-from']) && ((float)$query['price-from'] <= $qs_rent_highest) && $search_type=='rent') ? $query['price-from'] : 0Setting::value('default_currency''USD')); ?></div>
                            <div id="rent-slider"></div>
                            <div class="prices right" id="rent-price-to"><?php echo short_format_price((isset($query['price-to']) && ((float)$query['price-to'] <= $qs_rent_highest) && $search_type=='rent') ? $query['price-to'] : round($qs_rent_highest), Setting::value('default_currency''USD')); ?></div>

                        </div>
                        <a href="javascript:;" onclick="do_a_quick_search()" class="go">Go</a>
                    </div>


                    <div id="q-s-sell" <?php echo ($search_type != 'sell') ? 'style="display: none;"' '' ?>>
                        <div class="property-specifics">
                            <h4><?php _e("Property type"); ?></h4>
                            <div class="property-specifics-select">
                            <?php Type::select_html(isset($query['type_id']) ? (int)$query['type_id'] : 0'type_id''id'__('All types'), TRUE); ?>
                        </div></div>

                        <div class="property-specifics bedroom-amount">
                            <h4><?php _e("Bedrooms"); ?></h4>
                            <div class="property-specifics-select">
                            <select name="bedrooms" id="qs-bedrooms">
                                <option value="0"><?=_e("All beds")?></option>
                                <option value="1"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '1') ? " selected='selected'" ""?>>1</option>
                                <option value="2"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '2') ? " selected='selected'" ""?>>2</option>
                                <option value="3"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '3') ? " selected='selected'" ""?>>3</option>
                                <option value="4"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '4') ? " selected='selected'" ""?>>4</option>
                                <option value="5+"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '5+') ? " selected='selected'" ""?>><?=_e("%d or more"5)?></option>
                            </select>
                        </div></div>
                        <div class="price-night-slider">
                        <h4><?php _e("Price Range"); ?></h4>
                            <input type="hidden" id="price-sell-from" value="<?php echo (isset($query['price-from']) && $search_type=='sell') ? $query['price-from'] : 0?>" />
                            <input type="hidden" id="price-sell-to" value="<?php echo (isset($query['price-to']) && $search_type=='sell') ? $query['price-to'] : round($qs_sell_highest); ?>" />
                            <div class="prices left" id="sell-price-from"><?php echo short_format_price((isset($query['price-from']) && ((float)$query['price-from'] <= $qs_sell_highest) && $search_type=='sell') ? $query['price-from'] : 0Setting::value('default_currency''USD')); ?></div>
                            <div id="sell-slider"></div>
                            <div class="prices right" id="sell-price-to"><?php echo short_format_price((isset($query['price-to']) && ((float)$query['price-to'] <= $qs_sell_highest) && $search_type=='sell') ? $query['price-to'] : round($qs_sell_highest), Setting::value('default_currency''USD')); ?></div>

                        </div>
                        <a href="javascript:;" onclick="do_a_quick_search()" class="go">Go</a>
                    </div>

            </div>
        </div>

    </div>
    <?php endif; ?>
     <div id="header">
      <div class="wrapper">

       <div id="logo"><a href="<?php echo site_url(); ?>"><img src="<?php echo $logo?>" alt="" border="0" /></a></div>
            <ul class="nav-block">
            <?php if (Setting::value('website_type''both') == 'both') : ?>
                <li><a class="toplink" href="<?=site_url("rentals")?>"><?=__("Rentals")?></a></li>
                <li><a class="toplink" href="<?=site_url("selling")?>"><?=__("Buying")?></a></li>
            <?php endif; ?>
            <?php if (!$system->loginmanager->is_logged_in()): ?>
                <li><a class="toplink" href="<?=site_url("administration/auth/login")?>"><?=__("Sign in")?></a></li>
                <li><a class="toplink" href="<?=site_url("administration/auth/register")?>"><?=__("Create account")?></a></li>
            <?php else: ?>
                <li><a class="toplink" href="<?=site_url("administration/dashboard")?>"><?=$user->name?></a></li>
                <li><a class="toplink" href="<?=site_url("administration/auth/logout")?>"><?=__("Sign out")?></a></li>
            <?php endif; ?>
            <?php if (Language::factory()->where('active'1)->get()->result_count() > 1): ?>
                <li class="language">
                    <img class="active-lang" src="<?php echo $template->base_url(); ?>images/flags/<?php echo $active_language->slug?>_big.png" alt="">

                    <ul class="language-options">
                    <?php $other_langs Language::factory()->where('id <>'$active_language->id)->where('active'1)->get(); ?>
                    <?php
                    
    foreach ($other_langs as $lng):

                    
    ?>
                        <li onclick="location.href=$(this).find('a:first').attr('href')"><a href="<?php echo i18n_url(current_url(), $lng->slug); ?>"><span><?php echo $lng->name?></span> <img src="<?php echo $template->base_url(); ?>images/flags/<?=$lng->slug?>.png" alt=""></a></li>
                    <?php endforeach; ?>
                    </ul>
                </li>
            <?php endif; ?>
            </ul>

      </div>

     </div>

     
    </div>

  • #3
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    Mapheader.php
    ---------------------------------------------------------------------------------------
    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title><?=$title?></title>
    <?php if (isset($property)): ?>
    <meta name="description" content="<?=$property->description($system->translate->get_language(), 150)?>" />
    <meta name="keywords" content="<?=$property->keywords?>" />
    <?php elseif (isset($page)): ?>
    <meta name="description" content="<?=character_limiter(strip_tags($page->content), 150)?>" />
    <meta name="keywords" content="<?=$page->keywords?>" />
    <?php else: ?>
    <meta name="description" content="<?=Setting::value('website_description'Setting::value('website_title'CS_PRODUCT_NAME))?>" />
    <meta name="keywords" content="<?=Setting::value('website_keywords''properties, sales, rentals')?>" />
    <?php endif; ?>
    <meta name="revisit-after" content="7" />
    <meta name="robots" content="INDEX,FOLLOW,IMAGEINDEX,IMAGECLICK" />
    <meta name="googlebot" content="INDEX,FOLLOW,ARCHIVE"/>
    <meta name="classification" content="vacation rentals " />
    <meta name="distribution" content="global" />
    <meta name="author" content="<?=Setting::value('website_title'CS_PRODUCT_NAME)?>" />
    <link rel="stylesheet" href="<?=base_url().'min/?g=css'?>" type="text/css" media="screen" />

    <?php $stype = empty($query['property_type']) ? 'rent' $query['property_type']; ?>

    <script type="text/javascript">
    var SITE_URL = '<?=site_url()?>';
    var TEMPLATE_URL = '<?=$template->base_url()?>';
    var DATEPICKER_FORMAT = '<?php echo Setting::value("datepicker_format""dd/mm/yy"); ?>';

    var CURRENCY = '<?php echo Setting::value("default_currency""USD"); ?>';

    var RENT_MIN_PRICE = 0;
    var RENT_MAX_PRICE = <?php echo round($qs_rent_highest); ?>;
    var RENT_MIN_BOOKING_LENGTH = <?php echo round($qs_rent_min_booking_length); ?>;

    var RENT_MIN_SELECTED_PRICE = <?php echo (isset($query['price-from']) && $stype=='rent') ? $query['price-from'] : ?>;
    var RENT_MAX_SELECTED_PRICE = <?php echo (isset($query['price-to']) && $stype=='rent') ? $query['price-to'] : round($qs_rent_highest) ; ?>;

    var SELL_MIN_PRICE = 0;
    var SELL_MAX_PRICE = <?php echo round($qs_sell_highest); ?>;

    var SELL_MIN_SELECTED_PRICE = <?php echo (isset($query['price-from']) && $stype=='sell') ? $query['price-from'] : ?>;
    var SELL_MAX_SELECTED_PRICE = <?php echo (isset($query['price-to']) && $stype=='sell') ? $query['price-to'] : round($qs_sell_highest) ; ?>;

    var MAP_TYPE;

    var RecaptchaOptions = { theme : 'clean' };

    <?php $active_language $system->translate->get_language(); ?>
    var LANG = '<?=($active_language->name == Language::$default) ? "" $active_language->slug .'/' ?>';
    </script>

    <script type="text/javascript" src="<?=base_url().'min/?g=js'?>"> </script>

    <?=$template->embed_all()?>

    <script type="text/javascript">

    function toggle_favorite(id)
    {
        $.get(SITE_URL + '/administration/ajax/toggle_favorite/' + id, function(data) {
            if (data.status != "OK")
            {
                popup_login_box();
            }
            else
            {
                if (data.msg == 'saved')
                {
                    //show delete
                    $('.fav_'+id).attr('src', TEMPLATE_URL+'/images/'+LANG+'save-to-fav2.png');
                }
                else
                {
                    //show save
                    $('.fav_'+id).attr('src', TEMPLATE_URL+'/images/'+LANG+'save-to-fav.png');
                }
                //alert(data.msg);
            }
        }, 'json');
    }


    function popup_login_box()
    {
        /*$.lightbox('<?=site_url("administration/auth/login")?>', {
            'width'        : 450,
            'height'    : 350,
            'autoresize': false,
            'iframe'    : true
        });//*/
        window.location = '<?=site_url("administration/auth/login")?>';
    }


    $(document).ready(function() {

        //fix lightbox
        $.extend($.lightbox().options, {
            moveTransition: 'linear',
            resizeTransition: 'linear',
            moveDuration    : 1,
            resizeDuration  : 500
        });

        //prepare select boxes
        $('#quick-search-form select').selectbox({
            bgImg: TEMPLATE_URL+'images/city_bg.png',
            arrowBg: TEMPLATE_URL+'images/select_arrow.gif',
        });
        $('div.rental-select select').selectbox({
            bgImg: TEMPLATE_URL+'images/select_rental.gif',
            arrowBg: TEMPLATE_URL+'images/select-rental_arrow.gif',
        });
        $('div.price-select select').selectbox({
            bgImg: TEMPLATE_URL+'images/select_price.gif',
            arrowBg: TEMPLATE_URL+'images/select-rental_arrow.gif',
        });

        //fadein quick search
        /*window.setTimeout(function() {
            $('#quick-search-form').css('opacity', 0).css('visibility', 'visible').animate({opacity: 100}, 500);
        }, 500);//*/

        <?php $template->write_dom_ready_js(); ?>

        //select active navigation item
        $('ul#nav li').each(function() {
            var a = $(this).find('a:first');

            if ($(a).attr('href') == location.href)
                $(this).addClass('selected');
        });

        //respond to converter link click
        $('a.converter').click(function(ev) {
            var $link = $(this).attr('href');

            $.lightbox($link, {
                'width'       : 330,
                'height'      : 240,
                'autoresize'  : false
            });
            ev.preventDefault();
            return false;
        });

        //respond to image loading failure
        $('img').error(function() {
            var src = $(this).attr('src');

            if (LANG == "")
                return;

            if (src.indexOf(LANG) > 0)
            {
                var newSrc = src.replace(LANG, "");
                $(this).attr('src', newSrc);
            }
        });

        $('#locations').autocomplete({
            serviceUrl: SITE_URL+'/administration/ajax/locations'
            , onSelect: function(value, data) { $('#location_id').val(data); }
        });

        $('.initial').focus(function() {
            if ($(this).val() == '<?=_e("Type location name...")?>')
                $(this).val('');
        }).blur(function() {
            if ($.trim($(this).val()) == '')
                $(this).val('<?=_e("Type location name...")?>');
        });



    });
    </script>
    <?php if (Setting::value("google_analytics_id") !== false): ?>
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '<?=Setting::value("google_analytics_id")?>']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
    <?php endif; ?>
    </head>
    <body>
    <div id="page">
        <div id="wood" style="width:1179px; margin-left:auto; margin-right:auto;">
    <ul id="nav">
      <li class="home"><a href="<?=site_url()?>"><span><?=_e("Home")?></span></a></li>
      <?php foreach (Page::factory()->where_related_language('id'$system->translate->get_language()->id)->where('show_in_header'true)->order_by('id')->limit(3)->get() as $page) : ?>
      <li><a href="<?=$page->get_url()?>"><span><?=$page->title?></span></a></li>
      <?php endforeach; ?>
      <?php if (Setting::value('website_allow_users_submit''yes') == 'yes'): ?>
      <li><a href="<?=(empty($user)) ? site_url("administration/auth/register") : site_url("administration/properties/add"?>"><span><?=_e("Submit Property")?></span></a></li>
      <?php endif; ?>
      <li><a href="<?=site_url("/map/all")?>"><span><?=_e("Map")?></span></a></li>
      <li><a href="<?=site_url("contact")?>"><span><?=_e("Contact Us")?></span></a></li>
     </ul>
     <?php if ($template->config['has_sidebar']): ?>
        <div id="q-s">

    <?php
    $site_type 
    Setting::value('website_type''both');
    $search_type = empty($query['property_type']) ? 'rent' $query['property_type'];

    if (
    $site_type != 'both')
        
    $search_type $site_type;
    ?>

            <div class="wrapper">

                    <img src="<?=$template->base_url()?>images/quick-search-icon.png" alt="" class="icon" />
                    <div class="rent-buy-toggle" <?php echo ($site_type != 'both') ? 'style="display: none;"' '' ?>>
                        <input type="radio" name="property-type" id="radio-rent" value="rent" <?php echo ($search_type == 'rent') ? 'checked="checked"' '' ?>>
                        <input type="radio" name="property-type" id="radio-buy" value="sell" <?php echo ($search_type == 'sell') ? 'checked="checked"' '' ?>>
                        <div class="track"><div class="handle<?php echo ($search_type=='sell') ? ' toggle-buy' '' ?>" style="margin-top: <?php echo ($search_type=='sell') ? 16 ?>px"></div></div>
                        <span <?php echo ($search_type=='rent') ? 'class="toggle-current"' '' ?> id="text-rent"><?php _e("Rent"); ?></span><br />
                        <span <?php echo ($search_type=='sell') ? 'class="toggle-current"' '' ?> id="text-buy"><?php _e("Buy"); ?></span>
                    </div>
                    <div class="select-location">
                        <h4><?php _e("Location"); ?></h4>

                        <?php Location::select_html( isset($query['location_id']) ? (int)$query['location_id'] : 0'location_id''&ndash;''%name%'0__('All locations'), TRUE);?>

                    </div>



                    <div id="q-s-rent" <?php echo ($search_type == 'sell') ? 'style="display: none;"' '' ?>>
                        <div class="input-dates">
                            <h4><?php _e("From"); ?></h4>
                            <input type="text" id="qs-date-from" name="free-from" class="input" value="<?php echo isset($query['free-from']) ? format_datepicker($query['free-from']) : 'dd/mm/yy'?>" />
                        </div>
                        <div class="input-dates date-to">
                            <h4><?php _e("To"); ?></h4>
                            <input type="text" id="qs-date-to" name="free-to" class="input" value="<?php echo isset($query['free-to']) ? format_datepicker($query['free-to']) : 'dd/mm/yy'?>" />
                        </div>
                        <div class="guests">
                            <h4><?php _e("Guests"); ?></h4>
                            <select id="guests-dropdown" name="guests">
                                <?php for ($i=0$i<=$qs_rent_max_occupants$i++): ?>
                                <option value="<?php echo $i?><?php echo (isset($query['guests']) && ($query['guests'] == $i)) ? 'selected="selected"' ''?>><?php echo ($i==0) ? __('any') : $i?></option>
                                <?php endfor; ?>
                            </select>
                        </div>
                        <div class="price-night-slider">
                            <input type="hidden" id="price-rent-from" value="<?php echo (isset($query['price-from']) && $search_type=='rent') ? $query['price-from'] : 0?>" />
                            <input type="hidden" id="price-rent-to" value="<?php echo (isset($query['price-to']) && $search_type=='rent') ? $query['price-to'] : round($qs_rent_highest); ?>" />
                            <h4><?php _e("Price Range"); ?></h4>
                            <div class="prices left" id="rent-price-from"><?php echo short_format_price((isset($query['price-from']) && ((float)$query['price-from'] <= $qs_rent_highest) && $search_type=='rent') ? $query['price-from'] : 0Setting::value('default_currency''USD')); ?></div>
                            <div id="rent-slider"></div>
                            <div class="prices right" id="rent-price-to"><?php echo short_format_price((isset($query['price-to']) && ((float)$query['price-to'] <= $qs_rent_highest) && $search_type=='rent') ? $query['price-to'] : round($qs_rent_highest), Setting::value('default_currency''USD')); ?></div>

                        </div>
                        <a href="javascript:;" onclick="do_a_quick_search()" class="go">Go</a>
                    </div>


                    <div id="q-s-sell" <?php echo ($search_type != 'sell') ? 'style="display: none;"' '' ?>>
                        <div class="property-specifics">
                            <h4><?php _e("Property type"); ?></h4>
                            <div class="property-specifics-select">
                            <?php Type::select_html(isset($query['type_id']) ? (int)$query['type_id'] : 0'type_id''id'__('All types'), TRUE); ?>
                        </div></div>

                        <div class="property-specifics bedroom-amount">
                            <h4><?php _e("Bedrooms"); ?></h4>
                            <div class="property-specifics-select">
                            <select name="bedrooms" id="qs-bedrooms">
                                <option value="0"><?=_e("All beds")?></option>
                                <option value="1"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '1') ? " selected='selected'" ""?>>1</option>
                                <option value="2"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '2') ? " selected='selected'" ""?>>2</option>
                                <option value="3"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '3') ? " selected='selected'" ""?>>3</option>
                                <option value="4"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '4') ? " selected='selected'" ""?>>4</option>
                                <option value="5+"<?=(isset($query['bedrooms']) && $query['bedrooms'] == '5+') ? " selected='selected'" ""?>><?=_e("%d or more"5)?></option>
                            </select>
                        </div></div>
                        <div class="price-night-slider">
                        <h4><?php _e("Price Range"); ?></h4>
                            <input type="hidden" id="price-sell-from" value="<?php echo (isset($query['price-from']) && $search_type=='sell') ? $query['price-from'] : 0?>" />
                            <input type="hidden" id="price-sell-to" value="<?php echo (isset($query['price-to']) && $search_type=='sell') ? $query['price-to'] : round($qs_sell_highest); ?>" />
                            <div class="prices left" id="sell-price-from"><?php echo short_format_price((isset($query['price-from']) && ((float)$query['price-from'] <= $qs_sell_highest) && $search_type=='sell') ? $query['price-from'] : 0Setting::value('default_currency''USD')); ?></div>
                            <div id="sell-slider"></div>
                            <div class="prices right" id="sell-price-to"><?php echo short_format_price((isset($query['price-to']) && ((float)$query['price-to'] <= $qs_sell_highest) && $search_type=='sell') ? $query['price-to'] : round($qs_sell_highest), Setting::value('default_currency''USD')); ?></div>

                        </div>
                        <a href="javascript:;" onclick="do_a_quick_search()" class="go">Go</a>
                    </div>

            </div>
        </div>

    </div>
    <?php endif; ?>
     <div id="header">
      <div class="wrapper">

       <div id="logo"><a href="<?php echo site_url(); ?>"><img src="<?php echo $logo?>" alt="" border="0" /></a></div>
            <ul class="nav-block">
            <?php if (Setting::value('website_type''both') == 'both') : ?>
                <li><a class="toplink" href="<?=site_url("rentals")?>"><?=__("Rentals")?></a></li>
                <li><a class="toplink" href="<?=site_url("selling")?>"><?=__("Buying")?></a></li>
            <?php endif; ?>
            <?php if (!$system->loginmanager->is_logged_in()): ?>
                <li><a class="toplink" href="<?=site_url("administration/auth/login")?>"><?=__("Sign in")?></a></li>
                <li><a class="toplink" href="<?=site_url("administration/auth/register")?>"><?=__("Create account")?></a></li>
            <?php else: ?>
                <li><a class="toplink" href="<?=site_url("administration/dashboard")?>"><?=$user->name?></a></li>
                <li><a class="toplink" href="<?=site_url("administration/auth/logout")?>"><?=__("Sign out")?></a></li>
            <?php endif; ?>
            <?php if (Language::factory()->where('active'1)->get()->result_count() > 1): ?>
                <li class="language">
                    <img class="active-lang" src="<?php echo $template->base_url(); ?>images/flags/<?php echo $active_language->slug?>_big.png" alt="">

                    <ul class="language-options">
                    <?php $other_langs Language::factory()->where('id <>'$active_language->id)->where('active'1)->get(); ?>
                    <?php
                    
    foreach ($other_langs as $lng):

                    
    ?>
                        <li onclick="location.href=$(this).find('a:first').attr('href')"><a href="<?php echo i18n_url(current_url(), $lng->slug); ?>"><span><?php echo $lng->name?></span> <img src="<?php echo $template->base_url(); ?>images/flags/<?=$lng->slug?>.png" alt=""></a></li>
                    <?php endforeach; ?>
                    </ul>
                </li>
            <?php endif; ?>
            </ul>

      </div>

     </div>

     
    </div>

  • #4
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css
    ---------------------------------------------------------------------------------------
    Code:
    /*
    Theme Name: Default
    Theme URI: http://www.cubescripts.com/
    Description: Real Estate Script
    */
    
    
    * {
      margin: 0px;
      padding: 0px;
      border: none;
    }
    p {
    	margin: 0;
    	padding: 7px 0;
    }
    h1 {
    	font-size: 4em;
    }
    
    h2 {
    	font-size: 1.3em;
    }
    
    h3 {
    	font-size: 1.3em;
    }
    h1, h2{
    	 font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	}
    h3 {
    	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    a:link, a:visited {
    	text-decoration: none;
    	color: #193867;
    }
    
    body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #5a5b5d;
      background: #fff url(../images/body_bg.png) repeat-x top left;
    }
    
    #wood {
    	height: 529px;
    	background: url(../images/wood.png) no-repeat;
    
    }
    
    .clear {
    	clear: both;
    }
    .wrapper {
    	width: 977px;
    	margin: 0 auto;
    
    }
    
    #header {
    	height: 106px;
    }
    
    
    #logo {
    	float: left;
    	padding: 0px 0 0 10px;
    }
    
    
    #chooser {
    	float: right !important;
    	width: 175px;
    	padding: 40px 0px 0 20px;
    }
    #languages {
     position:absolute;
     top:0;
     right:189px;
    }
    #registration {
    	float: right;
    	color: #fff;
    	padding-top: 47px;
    	padding-left: 20px;
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	background: url(../images/registration.png) no-repeat bottom left;
    	font-size:11px;
    }
    #registration a, #registration a:visited {
    	color: #fff;
    }
    
    #nav {
        font-size:12px;
    	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    	text-transform: uppercase;
    	font-weight: bold;
    	text-align: left;
        list-style:none;
        padding: 405px 0 0 60px;
        margin: 20px;
    	height: 35px;
        }
    #nav ul {
        float:left;
        list-style:none;
        margin:0;
        }
    #nav a {
        display:block;
        text-decoration:none;
        padding:0px 0px 0px 0px;
    	height: 26px;
    	line-height: 26px;
    	color: #d1e2f4;
    }
    #nav li {
        float:left;
    	margin-right: 10px;
    	padding-left: 10px;
    	background: url(../images/nav_sep.png) no-repeat center left;
    	position: relative;
    	z-index: 50;
    }
    #nav li.home {
    	background-image: none;
    }
    #nav ul {
        position:absolute;
    	z-index: 1;
        left:-999em;
        height:auto;
        width:213px;
        margin:0;
        line-height:1;
        border:0;
    	background: #000 url(../images/nav_ul.png) no-repeat top right;
    }
    #nav li a {
    	color: #d1e2f4;
    	padding-right: 15px;
    }
    #nav li a span {
    	display: block;
    	padding-left: 15px;
    }
    
    #nav li a:hover, #nav li.selected a {
    	color: #fff;
    	background: url(../images/nav_right.png) no-repeat center right;
    }
    #nav li a:hover span, #nav li.selected a span {
    	background: url(../images/nav_left.png) no-repeat center left;
    }
    #nav li.submit-property {
    	line-height: 26px;
    }
    
    #nav li.submit-property a:hover, #nav li.submit-property.selected a, #nav li.submit-property:hover a  {
    	color: #68d6e4;
    	font-size: 13px;
    	padding-right: 30px;
    	height: 35px;
    	line-height: 35px;
    	background: url(../images/nav_sub_prop_right.png) no-repeat top right;
    }
    #nav li.submit-property a:hover span, #nav li.submit-property.selected a span, #nav li.submit-property:hover a span {
    	background: url(../images/nav_sub_prop_left.png) no-repeat top left;
    }
    #nav li.submit-property ul li.last {
    	height: 23px;
    	width: 213px;
    	background: url(../images/nav_ul_bottom.png) no-repeat;
    }
    #nav li.submit-property ul li {
    	background: #000;
    	width:213px;
    	line-height: 36px;
    }
    
    
    #nav li.submit-property:hover ul li a, #nav li.submit-property:visited ul li a {
    	background: #000;
    }
    #nav li li {
        width:193px;
    	padding: 0;
    	margin: 0;
    	line-height: 36px;
    	font-size: 13px;
    }
    #nav li li a, #nav li li a:visited, #nav li.submit-property li a {
        padding: 0px 10px !important;
    	margin: 0;
        width:193px;
        color: #9f9f9f !important;
    	text-transform: none;
    	font-weight: normal;
        border-bottom:1px solid #232323;
    	background: none;
    }
    #nav li.submit-property ul li a {
    	background: none;
    	padding: 0px;
    }
    
    #nav li li a:hover {
    	color: #fff !important;
    	font-weight: bold;
    	margin: 0;
    }
    #nav li ul {
    	padding-top: 16px;
    	background: url(../images/nav_ul.png) no-repeat top right;
    }
    #nav li ul ul {
        margin:-20px 0 0 144px;
    }
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
        left:-999em;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
        left:auto;
    }
    #quick-search {
    	padding: 30px 20px 0 70px;
    	height: 39px;
    	margin-top: 25px;
    	font-size: 13px;
    	color: #fff;
    	font-weight: bold;
    	background: url(../images/quick-search_bg.gif) no-repeat;
    	margin-bottom: 25px;}
    #q-s {
    	padding: 14px 40px 0 40px;
    	height: 42px;
    	font-size: 13px;
    	color: #fff;
    	font-weight: bold;
    	margin-bottom: 25px;
    }
    .q-s {
    	float: left;
    	margin-right: 20px;
    }
    .quick-search {
    	position: absolute;
    	margin-top: -38px;
    	margin-left: -71px;
    }
    .search-text {
    	padding: 0;
    	background: url(../images/arrow_right.png) no-repeat center right;
    	margin-right: 5px;
    }
    #city .search-text {
    	float: left;
    	padding: 0;
    	background: url(../images/arrow_right.png) no-repeat center right;
    	padding: 6px 10px 6px 0;
    	margin-right: 5px;
    }
    #city #select-city input {
    	width: 190px;
    	padding: 7px;
    	color: #fff;
    	color: #fff;
    	font-weight: bold;
    	font-size: 12px;
    	font-family:Arial, Helvetica, sans-serif;
    	background: url(../images/loc_bg.png) no-repeat;
    	position: relative;
    	z-index: 0;
    	float: left;
    	display: inline;
    }
    #city .search-text input {
    	float: left;
    	padding: 0;
    	background: url(../images/arrow_right.png) no-repeat center right;
    	padding: 6px 10px 6px 0;
    	margin-right: 5px;
    	font-weight: normal !important;
    	}
    .autocomplete { border:1px solid #999; background:#fff; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:0px 6px 6px 0px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
    .autocomplete .selected { background:#F0F0F0; }
    .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
    .autocomplete strong { font-weight:normal; color:#3399FF; }
    
    #city #select-city select option {
    	color: #000;
    }
    #type .search-text {
    	float: left;
    	padding: 6px 10px 6px 0;
    	padding-left: 20px;
    }
    #type #select-type select {
    	width: 151px;
    	padding: 7px;
    	color: #fff;
    	font-weight: bold;
    	font-size: 11px;
    	background: url(../images/city_bg.png) no-repeat;
    }
    #type #select-type select option {
    	color: #000;
    }
    #bedrooms .search-text {
    	float: left;
    	padding: 6px 10px 6px 0;
    	padding-left: 36px;
    }
    #bedrooms #select-bedrooms select {
    	width: 123px;
    	padding: 7px;
    	color: #fff;
    	font-weight: bold;
    	font-size: 11px;
    	background: url(../images/select_type.gif) no-repeat;
    }
    #bedrooms #select-bedrooms select option {
    	color: #2e2e2e;
    }
    
    #srcbtn {
    	margin-left: 10px;
    }
    .advanced {
    	float: right;
    	margin-top: 3px;
    }
    .sort-by {
    	float: right;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	color: #909090;
    }
    .sort-by-rent {
    	width: 150px;
    	float:right
    }
    .text-show {
    	width: 40px;
    	float: left;
    	padding: 5px 0;
    }
    .rental-select {
    	float: left;
    }
    .rental-select select {
    	width: 102px;
    	float: left;
    	padding: 5px;
    	color: #394349;
    	font-weight: bold;
    	font-size: 11px;
    	background: url(../images/select_rental.gif) no-repeat;
    	}
    .rental-select select option {
    	color: #394349;
    }
    
    
    .sort-by-price {
    	float: right;
    }
    .text-sort {
    	float: left;
    	padding: 5px 5px 0px 0px;
    }
    .price-select {
    	float: left;
    }
    .price-select select {
    	width: 121px;
    	float: left;
    	padding: 5px;
    	color: #394349;
    	font-weight: bold;
    	font-size: 11px;
    	background: url(../images/select_price.gif) no-repeat;
    }
    .price-select select option {
    	color: #394349;
    }
    
    .rent-properties {
    	height: 1%;
    	overflow: hidden;
    	border-bottom: 1px solid #dae1e4;
    	margin-bottom: 20px;
    	margin-top: 0px;
    }
    .rent-properties h2 {
    	float: left;
    	text-transform: uppercase;
    	margin-right: 30px;
    	font-size:18px !important;
    	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold !important;
    	}
    .view-all {
    	padding-top: 2px;
    }
    .rent-properties table {
    	padding: 20px 0;
    }
    .rent-properties td {
    	text-align: center;
    }
    .price {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	color: #959595;
    }
    
    #content h2 {
    	color: #000;
    	font-size: 20px;
    }
    #content h3 {
    	color: #193867;
    	font-size: 14px;
    }
    #content h3 a, #content h3 a:visited {
    	color: #193867;
    	text-decoration: none;
    }
    #content .calendar {
    	float: left;
    	width: 720px;
    }
    #content .plans {
    	float: right;
    	width: 250px;
    }
    #content .plans h3 {
    	font-size: 15px; padding-bottom: 5px;
    	margin: 0 40px 10px 40px; text-align: center;
    	text-transform: uppercase;
    	border-bottom: 1px solid #b1b1b1;
    }
    #content .plans .plan {
    	text-align: center;
    	padding: 0 40px;
    }
    #content .plans .price {
    	display: block;
    	border-bottom: 1px solid #b1b1b1;
    	margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px;
    }
    .thumbnail {
    	width: 152px;
    	height: 116px;
    	margin: 0 auto;
    	text-align: left;
    	padding: 11px 12px;
    	background: url(../images/thumbnail_bg.png) no-repeat;
    }
    .thumb-details {
    	position: absolute;
    	margin-top: -23px;
    	background: #000 url(../images/thumb-details.png) no-repeat;
    	color: #dadada;
    	font-weight: bold;
    	height: 23px;
    	width: 76px;
    	padding-left: 10px;
    	overflow: hidden;
    }
    .thumb-details .beds {
    	padding: 5px;
    	float: left;
    	width: 18px;
    	padding-left: 15px;
    	background: url(../images/bed_ico.png) no-repeat center left;
    }
    .thumb-details .baths {
    	padding: 5px;
    	float: left;
    	padding-left: 18px;
    	background: url(../images/bath_ico.png) no-repeat center left;
    }
    
    .reduced {
    	width: 85px;
    	height: 85px;
    	background: url(../images/reduced.png) no-repeat;
    	position: absolute;
    	margin-top: -16px;
    	margin-left: 79px;
    }
    .sold {
    	width: 85px;
    	height: 85px;
    	background: url(../images/sold.png) no-repeat;
    	position: absolute;
    	margin-top: -16px;
    	margin-left: 79px;
    }
    .sold {
    	width: 85px;
    	height: 85px;
    	background: url(../images/sold.png) no-repeat;
    	position: absolute;
    	margin-top: -16px;
    	margin-left: 79px;
    }
    .buy-properties h2 {
    	float: left;
    	text-transform: uppercase;
    	margin-right: 30px;
    	font-size:18px !important;
    	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold !important;
    }
    .buy-properties table {
    	padding: 20px 0;
    }
    .buy-properties td {
    	text-align: center;
    }
    .register {
    	padding-left: 35px;
    	line-height: 20px;
    	color: #898989;
    	font-size: 11px;
    	font-weight: bold;
    	margin-bottom: 20px;
    	background: url(../images/register_bg.png) no-repeat;
    	text-transform:uppercase;
    }
    .register a, .register a:visited {
    	color: #898989;
    }
    
    #advanced-search {
    	margin-top: 30px; margin-bottom: 30px;
    	border-top: 1px solid #dae1e4;
    }
    #advanced-search .title {
    	clear: both;
    	border-bottom: 1px solid #ccc;
    	height:48px;
    	line-height: 48px;
    	text-transform:uppercase;
    }
    #content #advanced-search h2 {
    	float: left;
    	margin-right: 15px;
    }
    
    #search-results {
    	margin-top: 30px;
    	
    }
    #search-results .price {
    padding: 5px 0px 0px 0;
    }
    #search-results .title {
    	border-bottom: 1px solid #ccc;
    	height:48px;
    	line-height: 48px;
    	text-transform:uppercase;
    	margin: 0;
    	clear:left;
    }
    #content #search-results h2 {
    	float: left;
    	margin-right: 15px;
    }
    #search-results .sort-by {
    	padding-top: 10px;
    }
    #page-content {
    	margin-top: 30px;
    	}
    #page-content .title {
    	clear: both;
    	border-bottom: 1px solid #ccc;
    	height:48px;
    	line-height: 48px;
    	text-transform:uppercase;
    }
    #content #page-content h2 {
    	float: left;
    	margin-right: 15px;
    }
    #page-content .sort-by {
    	padding-top: 10px;
    }
    #page-content ul li {
    	list-style: none; margin: 10px 0;
       background: url(../images/icon-arrow-right.png) no-repeat 0% 50%; padding: 0 0 0 14px;
    }
    #page-content ol li {
    	list-style: none; margin: 10px 0;
        background: url(../images/ordered.png) no-repeat 0% 50%; padding: 0 0 0 14px;
    }
    .sresult {
    	padding: 25px 0;
    	background: url(../images/sresult_bg.png) repeat-x bottom left;
    	height: 1%;
    	overflow: hidden;
    	font-size: 15px;
    	color: #9f9f9f;
    }
    .page-inner {
    	padding: 35px 0;
    	height: 1%;
    	overflow: hidden;
    	font-size: 15px;
    	color: #9f9f9f;
    }
    .gallery {
    	width: 262px;
    	float: left;
    }
    .gallery .gallery-image {
    	width: 180px;
    	height: 134px;
    	padding: 14px;
    	margin: 0 auto;
    	background: url(../images/gallery-image_bg.png) no-repeat;
    }
    .gall-nav {
    	font-size: 12px;
    	text-align: center;
    	padding: 10px 5px 10px 0;
    }
    .gall-nav img {
    	padding: 0 5px;
    	vertical-align: top;
    	margin-top: 2px;
    }
    .search-ribbon {
    	position: absolute;
    	margin-top: -20px;
    	margin-left: -18px;
    }
    .homepage-ribbon {
    	width: 85px;
    	height: 85px;
    	position: absolute;
    	margin-top: -16px;
    	margin-left: 79px;
    }
    .navigation {
    	text-align: center;
    	padding: 40px 0;
    }
    .navigation a {
    	padding: 0 5px;
    	color: #1a6ec1;
    }
    .navigation .numbers a, .navigation .numbers a:visited {
    	color: #7d7d7d;
    }
    .navigation .numbers a.current {
    	color: #0b0b0b;
    }
    
    .sr-details {
    	float: right;
    	height: 1%;
    	overflow: hidden;
    	width: 710px;
    }
    .sr-content {
    	float: right;
    	height: 1%;
    	overflow: hidden;
    	text-align:justify;
    }
    .page-content {
    	float: right;
    	text-align:justify;
    	color:#888;
    }
    .path {
    	margin-bottom: 10px;
    	font-size: 12px;
    	color: #292424;
    	clear: both;
    }
    .path a, .path a:visited {
    	color: #595959;
    }
    .path-results {
    	margin-bottom: 4px;
    	font-size: 12px;
    	color: #292424;
    
    }
    .path-results a, .path a:visited {
    	color: #595959;
    }
    span.admin
    {
        float: right;
        position: static;
    	color:#ddd;
    	text-transform: capitalize;
    }
    span.admin a, span.admin a:visited
    {
    	color:#1F5081;
    	border-bottom: 1px #777 dotted;
    }
    span.admin a:hover
    {
    	color: #ffffff;
    	background-color: #3080cb;
    }
    #content #search-results .sr-title {
    	height: 35px;
    }
    #content #search-results .sr-title h2 {
    	margin-right: 30px;
    	font-size: 22px;
    	letter-spacing: -1px;
    }
    #content #page-content .sr-title {
    	height: 35px;
    }
    #content #page-content .sr-title h2 {
    	margin-right: 30px;
    	font-size: 24px;
    }
    #content .listing-title {
    	height: 50px;
    	line-height: 35px;
    	}
    #content .listing-title h2 {
    	margin-right: 34px;
    	font-size: 32px;
    	float: left;
    	color: #191919 !important;
    	font-weight: bold !important;
    	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;;
    	letter-spacing:-3px;
    }
    #content .listing-title h2 a, #content .listing-title h2 a:visited {
    	color: #191919;
    }
    
    .price {
    	color: #239030;
    	font-size: 18px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    .price a {
    	color: #191919;
    	font-size: 18px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    .homepage .price {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	color: #959595;
    	font-size: 12px;
    }
    
    .location {
    	font-size: 14px;
    	font-style: italic;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	color: #1f5081;
    	margin-bottom: 5px;
    }
    .location a:visited, .location a:visited {
    }
    .sr-extra {
    	margin-top: 15px;
    	height: 1%;
    	overflow: hidden;
    
    }
    .nr-beds {
    	width: 111px;
    	height: 25px;
    	float: left;
    	line-height: 25px;
    	background: url(../images/nr-beds.png) no-repeat;
    	padding: 0 15px;
    	font-size: 18px;
    	color: #fff;
    	font-weight: bold;
    	margin-right: 15px;
    }
    .nr-beds span {
    	color: #cecece;
    	display: block;
    	float: right;
    	padding: 0px 0px;
    	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	font-size:11px;
    	text-transform:uppercase;
    }
    .nr-baths {
    	width: 117px;
    	height: 25px;
    	float: left;
    	line-height: 25px;
    	background: url(../images/nr-baths.png) no-repeat;
    	padding: 0 20px;
    	font-size: 18px;
    	color: #fff;
    	font-weight: bold;
    	margin-right: 15px;
    }
    .nr-baths span {
    	color: #cecece;
    	display: block;
    	float: right;
    	padding: 0px 0px;
    	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	font-size:11px;
    	text-transform:uppercase;
    }
    .prop-type {
    	color: #3d3d3d;
    	padding-top: 5px;
    	float: left;
    	font-size: 13px;
    }
    .prop-type span {
    	color: #909090;
    	display: block;
    	float: left;
    	padding: 0px 5px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	font-size:12px;
    }
    .prop-type strong {
    	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	text-transform: uppercase;
    	font-size:11px;
    }
    .prop-type2 {
    	color: #3d3d3d;
    	padding-top: 5px;
    	float: left;
    	font-size: 13px;
    	margin-right: 5px;
    }
    .prop-type2 span {
    	color: #909090;
    	display: block;
    	float: left;
    	padding: 0px 5px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	font-size:12px;
    }
    .prop-type2 strong {
    	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	text-transform: uppercase;
    	font-size:12px;
    }
    .bread_crumbs {
    	color: #292424;
    	font-weight: bold;
    }
    .bread_crumbs a, .bread_crumbs a:visited {
    	color: #595959;
    }
    .rating-wrap {
    	float:right;
    }
    .rating-wrap span {
    	display: block;
    	float: left;
    	margin-right: 10px;
    	font-size: 13px;
    	font-style: italic;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    
    ul.rating{
    	background: url(../images/star.jpg) bottom;
    	height:15px;
    	width:80px;
    	overflow:hidden;
    	list-style:none;
    	float: left;
    }
    
    ul.rating li{
    	display:inline
    }
    
    .rating a {
    	display:block;
    	width:16px;
    	height:15px;
    	float:left;
    	text-indent:-9999px;
    	position:relative;
    }
    
    .rating a:hover {
    	background:url(../images/star.jpg) center;
    	width:80px;
    	margin-left:-64px;
    	position:static;
    }
    
    .rating a:active {
    	background-position:top;
    }
    .hr {
    	border-bottom: 1px solid #b8b8b8;
    	margin: 20px 0;
    }
    .listing-tools {
    	padding: 10px 0;
    	margin-bottom: 15px;
    }
    .listing-tools img {
    	vertical-align: top;
    }
    .listing-share {
    	float: right;
    	margin-top: 10px;
    }
    .back-link {
    	line-height:25px;
    	font-size: 11px;
    	color: #636363;
    	margin-right: 10px;
    	font-family: Tahoma, Geneva, sans-serif;
    }
    .back-link a, .back-link a:visited {
    	color: #636363;
    }
    .alignright {
    	float: right;
    	margin-left: 10px;
    }
    .alignleft {
    	float: left;
    	margin-right: 10px;
    }
    
    ul#tabcontrol  {
        padding:0;
        list-style:none;
    	font-size: 12px;
    	font-weight: bold;
    	text-transform: uppercase;
    	height: 33px;
    	background: url("../images/tab_bg.jpg") repeat-x bottom left;
    	position: relative;
    	z-index: 1;
    }
    #tabcontrol li {
    	float: left;
    	margin-right: 2px;
    	background: url(../images/tab_right.jpg) no-repeat top right;
    }
    
    #tabcontrol a, #tabcontrol a:visited {
    	display:block;
    	width: 110px;
    	height: 33px;
    	text-align: center;
    	line-height: 33px;
    	text-decoration: none;
    	outline: none;
    	color: #0a417c;
    	background: url(../images/tab_left.jpg) no-repeat top left;
    }
    
    #tabcontrol a:hover {
    	color: #2f2f2f;
    }
    #tabcontrol li.selected, #tabcontrol li:hover {
    	background: url(../images/tab-selected_right.jpg) no-repeat top right;
    }
    #tabcontrol li.selected a, #tabcontrol li a:hover {
    	background: url(../images/tab-selected_left.jpg) no-repeat top left;
    	color: #2f2f2f;
    }
    .vpadding {
    	padding: 15px 0;
    }
    
    .tabcontent {
    	padding: 40px 0px;
    	height: 1%;
    	overflow: hidden;
    	margin-bottom: 20px;
    }
    Last edited by chakanevil; 03-27-2013 at 06:58 PM.

  • #5
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css continued
    ---------------------------------------------------------------------------------------
    Code:
    .tabcontent-page {
    	padding: 0px 0px;
    	height: 1%;
    	overflow: hidden;
    	margin-bottom: 40px;
    }
    #tabcontrol li a .count, #tabcontrol li a:visited .count {
    	color: #5b5b5b;
    }
    .overview-left {
    	width: 480px;
    	float: left;
    	font-size: 15px;
    	color: #7a7a7a;
    	text-align:justify;
    	line-height: 22px;
    }
    span.seemore {
    	color: #909090;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    	font-size:12px;
    }
    .details-tab {
    	width: 800px;
    	float: left;
    	font-size: 15px;
    	color: #7a7a7a;
    	text-align:justify;
    	margin-bottom: 15px;
    	line-height: 22px;
    }
    .overview-gallery {
    	width: 461px;
    	float: right;
    }
    
    #content h3.vital-info {
    	color: #181818;
    	margin-bottom: 5px;
    	text-transform:uppercase;
    }
    .overview-left ul {
    	padding: 15px;
    	font-size: 12px;
    	margin-right: 30px;
    	font-weight:bold;
    }
    .overview-left ul li {
    	padding: 10px 0 10px 30px;
    	list-style: none;
    	background: url(../images/overview-li.jpg) no-repeat center left;
    }
    #Amenities {
    	background-color:#fff;
    }
    
    .contact-details {
    	float: right !important; width: 300px;
    	background: #edeeee;
    	padding: 10px;
    	margin-right: 20px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    
    #content .contact-details h3 {
    	color: #181818;
    }
    .contact-details strong {
    	color: #4d4d4d;
    }
    .booking-info {
    	float: right !important; width: 300px;
    	background: #FAF4F8;
    	padding: 10px;
    	margin-right: 20px;
    	margin-top:15px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	clear:both;
    }
    
    .booking-info h3 {
    	color: #181818;
    	text-transform:uppercase !important;
    }
    .booking-info strong {
    	color: #4d4d4d;
    }
    #contact-form .captcha {
    		width: 100px;
    	background: url(../images/contact-input-short.gif) no-repeat;
    }
    #contact-form .captcha:focus {
    	background: url(../images/contact-input-hover-short.gif) no-repeat;
    }
    .sendall-details {
    	float: right; width: 300px;
    	background: #faf4f8;
    	padding: 10px;
    	margin-right: 20px;
    	margin-top: 20px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    
    #content .sendall-details h3 {
    	color: #181818;
    	text-transform:uppercase !important;
    }
    .sendall-details strong {
    	color: #4d4d4d;
    }
    .send-to-all {
    	color: #918690;
    	margin-bottom: 30px;
    	float:right;
    }
    #content .send-to-all .send-to-all-title {
    	color: #603752;
    	font-size: 18px;
    	font-weight: bold;
    	display: block;
    	margin-bottom: 5px;
    	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    	text-transform:uppercase;
    }
    .send-to-all a {
    	height: 82px;
    	display:block;
    	padding-left: 90px;
    	padding-top: 17px;
    	color: #918690;
    	background: url(../images/send-to-all_bg.gif) no-repeat;
    }
    .send-to-all a:hover {
    	background: url(../images/send-to-all_grey.gif) no-repeat;
    }
    .contact-details address {
    	padding-top: 10px;
    	font-style: normal;
    	line-height: 18px;
    }
    .contact-form-wrap {
    	float: left;
    }
    .contact-form-wrap p{
    	padding: 7px 0 3px 0;
    	margin: 7px 0 0px 0;
    }
    #contact-form {
    	width: 314px;
    	color: #222;
    	font-size: 14px;
    
    }
    #contact-form input {
    	background: url(../images/contact-input.gif) no-repeat;
    	width: 298px;
    	padding: 8px;
    }
    #contact-form input:focus {
    	background: url(../images/contact-input-hover.gif) no-repeat;
    }
    #contact-form textarea {
    	background: url(../images/textarea.png) no-repeat;
    	width: 493px;
    	padding: 8px;
    	height: 249px;
    }
    
    
    #contact-form input.formButton {
    	width: 168px;
    	background-color:#3bb3e0;
    	padding:6px;
    	position:relative;
    	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    	font-size:14px;
    	text-decoration:none;
    	color:#fff;
    	border: solid 1px #186f8f;
    	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(44,160,202)),
    	color-stop(1, rgb(62,184,229))
    	);
    	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	-o-border-radius: 5px;
    	border-radius: 5px;
    	cursor: pointer !important;
    }
    
    #contact-form input.formButton::before {
    	background-color:#ccd0d5;
    	content:"";
    	display:block;
    	position:absolute;
    	width:100%;
    	height:100%;
    	padding:8px;
    	left:-8px;
    	top:-8px;
    	z-index:-1;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	-o-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    	-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    	-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    	box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    }
    
    #contact-form input.formButton:active {
    	padding-bottom:6px;
    	padding-left:10px;
    	padding-right:10px;
    	padding-top:6px;
    	top:1px;
    	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(62,184,229)),
    	color-stop(1, rgb(44,160,202))
    	);
    }
    #advanced-form {
    	color: #222;
    	font-size: 14px;
    
    }
    #advanced-form input {
    	background: url(../images/contact-input.gif) no-repeat;
    	width: 298px;
    	padding: 8px;
    }
    #advanced-form input.short {
    	width: 100px;
    	background: url(../images/contact-input-short.gif) no-repeat;
    }
    #advanced-form input:focus {
    	background: url(../images/contact-input-hover.gif) no-repeat;
    }
    #advanced-form input.short:focus {
    	background: url(../images/contact-input-hover-short.gif) no-repeat;
    }
    #advanced-form textarea {
    	background: url(../images/contact-textarea.gif) no-repeat;
    	width: 298px;
    	padding: 8px;
    	height: 147px;
    }
    #advanced-form input#results-button {
    	width: auto;
    	padding: 0;
    	background: none;
    }
    #advanced-form .form-float {
    	float: left; margin-right: 20px;
    	margin-top: 10px;
    }
    .optional {
    	color: #3468ab;
    	font-size: 12px;
    	font-style: italic;
    }
    #small-text {
    	color: #666;
    	font-size: 13px;
    	margin: 0px 0px 8px 0px;
    }
    
    #small-text .styled {
      width: 19px;
      height: 16px;
      margin: 0px 4px 0px 0px;
      float: left;
    }
    #small-text .forgot {
      float: right;
    }
    #footer {
    	background: url(../images/footer_bg.png) repeat-x;
    }
    #footer .inner {
    	margin: 0 auto;
    	padding: 40px 0;
    	height: 1%;
    	overflow: hidden;
    	width: 970px;
    }
    #footer .footer-logo {
    	padding: 25px 0;
    	width: 250px;
    	float: left;
    	margin-right: 20px;
    }
    #footer .copyright {
    	float: left;
    	padding-top: 25px;
    }
    #footer .copyright span {
    	padding: 0 5px;
    }
    #footer .copyright a {
    	color: #235b7b;
    }
    .follow {
    	width: 370px;
    	padding-top: 5px;
    	float: right;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    }
    .facebook {
    	float: left;
    	margin-right: 10px;
    	padding-top: 3px;
    }
    .separator {
    	float: left;
    	margin-right: 10px;
    }
    .twitter {
    	float: left;
    	margin-right: 10px;
    }
    .rss {
    	float: left;
    	padding-top: 5px;
    }
    #footer a {
    
    }
    #myGallery {
    	height: 255px;
    	z-index: 0;
    	margin-top: 20px;
    	overflow:hidden;
    		}
    .hideOverflow {
        overflow: hidden !important;
    }
    
    
    .jdGallery .slideInfoZone
    {
    	position: absolute;
    	z-index: -9999;
    	width: 255px;
    	float: right;
    	background: url(../images/slideinfozone_bg.png) no-repeat;
    	padding: 25px 15px 15px 40px;
    	height: 170px;
    	margin: 0px;
    	right: 0;
    	bottom: 0;
    	color: #9f9f9f;
    	text-indent: 0;
    	text-align:justify;
    		}
    .jdGallery .slideInfoZone .price {
    	color: #fff;
    	font-size: 13px;
    	margin-top: 20px;
    	display: block;
    }
    .jdGallery .slideElement
    {
    	width: 663px;
    	height: 100%;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-image: url('../images/loading-bar-black.gif');
    	}
    .jdGallery .slideElement .introwrap {
    	margin: 80px 0 0 10px;
    	opacity: 0.65;
    	filter: alpha(opacity=65);
    }
    .jdGallery .slideElement .introwrap.real {
    	opacity: 1;	
    	filter: alpha(opacity=100);
    	position: absolute;
    	top: 0px;
    	}
    .jdGallery .slideElement .intro {
    	font-size: 30px;
    	line-height: 28px;
    	background: #69dcf5;
    	color: #69dcf5;
    	padding: 12px 10px 0 10px;
    	float: left;
    	clear: left;
    	letter-spacing: -1px;
    	overflow:visible !important;
    	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    		}
    .jdGallery .slideElement .real .intro {
    	background: none;
    	color: white;
    	}
    .jdGallery .slideElement .intro.firsttext {
    	padding-top: 16px !important;
    }
    .jdGallery .slideElement .intro.lasttext {
    	padding-bottom: 16px !important;
    	font-size:26px;
    }
    /*.jdGallery .slideElement .introwrap .corner {
    	
    	background: url('../images/intro-corner.png') no-repeat;
    	width: 9px;
    	height: 6px;
    	float: left;
    	clear: left;
    	margin: -1px 0 0 -1px;
    
    }
    .jdGallery .slideElement .introwrap.real .corner {
    	height: 0;
    }*/
    
    #myGallery img.thumbnail, #myGallerySet img.thumbnail
    {
    	display: none;
    }
    
    .jdGallery
    {
    	position: relative;
    }
    
    .jdGallery img
    {
    	border: 0;
    	margin: 0;
    }
    .jdGallery .loadingElement
    {
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	left: 0;
    	top: 0;
    	background-color: #000;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-image: url('../images/loading-bar-black.gif');
    }
    
    * html .jdGallery .slideInfoZone
    {
    bottom: -1px;
    }
    
    .jdGallery .slideInfoZone h2
    {
    	padding: 0;
    	font-size: 15px;
    	margin: 15px 0px;
    	font-weight: normal;
    	text-transform: uppercase;
    	color: #70d8e5;
    }
    
    .jdGallery .slideInfoZone p
    {
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	line-height: 20px;
    }
    
    .jdGallery div.carouselContainer
    {
    	position: absolute;
    	height: 135px;
    	width: 100%;
    	z-index: 10;
    	margin: 0px;
    	left: 0;
    	top: 0;
    }
    .jdGallery a.carouselBtn
    {
    	position: absolute;
    	bottom: 0;
    	right: 30px;
    	height: 20px;
    	/*width: 100px; background: url('../images/images/img/carousel_btn.gif') no-repeat;*/
    	text-align: center;
    	padding: 0 10px;
    	font-size: 13px;
    	background: #000;
    	color: #fff;
    	cursor: pointer;
    }
    
    .jdGallery .carousel
    {
    	position: absolute;
    	width: 100%;
    	margin: 0px;
    	left: 0;
    	top: 0;
    	height: 115px;
    	background: #000;
    	color: #fff;
    	text-indent: 0;
    	overflow: hidden;
    }
    
    .jdExtCarousel
    {
    	overflow: hidden;
    	position: relative;
    }
    
    .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
    {
    	position: absolute;
    	width: 100%;
    	height: 78px;
    	top: 10px;
    	left: 0;
    	overflow: hidden;
    }
    
    .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
    {
    	position: relative;
    }
    
    .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
    {
    	cursor: pointer;
    	background: #000;
    	background-position: center center;
    	float: left;
    	border: solid 1px #fff;
    }
    
    .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
    {
    	margin-bottom: 10px;
    }
    
    .jdGallery .carousel .label, .jdExtCarousel .label
    {
    	font-size: 13px;
    	position: absolute;
    	bottom: 5px;
    	left: 10px;
    	padding: 0;
    	margin: 0;
    }
    
    .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
    {
    	font-size: 10px;
    	position: absolute;
    	bottom: 5px;
    	right: 10px;
    	padding: 1px 2px;
    	margin: 0;
    	background: #222;
    	border: 1px solid #888;
    	cursor: pointer;
    }
    
    .jdGallery .carousel .label .number, .jdExtCarousel .label .number
    {
    color: #b5b5b5;
    }
    
    .jdGallery a
    {
    	font-size: 100%;
    	text-decoration: none;
    	color: inherit;
    }
    
    .jdGallery a.right, .jdGallery a.left
    {
    	position: absolute;
    	height: 25px;
    	width: 55px;
    	cursor: pointer;
    	z-index:10;
    }
    
    * html .jdGallery a.right, * html .jdGallery a.left {
    
    }
    
    .jdGallery a.right:hover, .jdGallery a.left:hover
    {
    
    }
    
    .jdGallery a.left
    {
    	left: 569px;
    	top: 10px;
    	background: url('../images/fleche1.png') no-repeat top left;
    }
    
    * html .jdGallery a.left { background: url('../images/fleche1.gif') no-repeat center left; }
    
    .jdGallery a.right
    {
    	left: 624px;
    	top: 10px;
    	background: url('../images/fleche2.png') no-repeat top left;
    }
    
    * html .jdGallery a.right { background: url('../images/fleche2.gif') no-repeat center right; }
    
    .jdGallery a.open
    {
    	left: 0;
    	top: 0;
    	width: 100%;
    	height: 100%;
    }
    
    .withArrows a.open
    {
    	position: absolute;
    	top: 0;
    	left: 0;
    	height: 99%;
    	width: 68%;
    	cursor: pointer;
    	z-index: 10;
    	background: none;
    	-moz-opacity:0.8;
    	-khtml-opacity: 0.8;
    	opacity: 0.8;
    	margin: 15px 0px 0px 7px;
    }
    
    .withArrows a.open:hover { background: url('../images/open.png') no-repeat;}
    
    * html .withArrows a.open:hover { background: url('../images/open.gif') no-repeat center center;
    filter:alpha(opacity=80); }
    
    
    /* Gallery Sets */
    
    .jdGallery a.gallerySelectorBtn
    {
    	z-index: 15;
    	position: absolute;
    	top: 0;
    	left: 30px;
    	height: 20px;
    	/*width: 100px; background: url('../images/images/img/carousel_btn.gif') no-repeat;*/
    	text-align: center;
    	padding: 0 10px;
    	font-size: 13px;
    	background: #000;
    	color: #fff;
    	cursor: pointer;
    	opacity: .4;
    	-moz-opacity: .4;
    	-khtml-opacity: 0.4;
    	filter:alpha(opacity=40);
    }
    
    .jdGallery .gallerySelector
    {
    	z-index: 20;
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: #000;
    }
    
    .jdGallery .gallerySelector h2
    {
    	margin: 0;
    	padding: 10px 20px 10px 20px;
    	font-size: 20px;
    	line-height: 30px;
    	color: #fff;
    }
    
    .jdGallery .gallerySelector .gallerySelectorWrapper
    {
    	overflow: hidden;
    }
    
    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
    {
    	margin-left: 10px;
    	margin-top: 10px;
    	border: 1px solid #888;
    	padding: 5px;
    	height: 40px;
    	color: #fff;
    	cursor: pointer;
    	float: left;
    }
    
    .jdGallery .gallerySelector .gallerySelectorInner div.hover
    {
    	background: #000;
    }
    
    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
    {
    	background: #000;
    	background-position: center center;
    	float: left;
    	border: none;
    	width: 40px;
    	height: 40px;
    	margin-right: 5px;
    }
    
    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
    {
    	margin: 0;
    	padding: 0;
    	font-size: 12px;
    	font-weight: normal;
    }
    
    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
    {
    	margin: 0;
    	padding: 0;
    	font-size: 12px;
    	font-weight: normal;
    	color: #aaa;
    }
    
    .rooms {
    	position: absolute;
    	top: 10px;
    	right: 15px;
    	font-weight: bold;
    	color: #fff;
    }
    .rooms .beds {
    	border-right: 1px solid #333333;
    	background: url(../images/beds.png) no-repeat center left;
    	padding-left: 17px;
    	padding-right: 5px;
    	margin-right: 5px;
    }
    .rooms .baths {
    	background: url(../images/baths.png) no-repeat center left;
    	padding-left: 17px;
    	padding-right: 5px;
    }
    
    
    .tool-tip {
    	color: #9f9f9f;
    	width: 287px;
    	z-index: 13000;
    	position: absolute;
    	margin-top: -130px;
    	margin-left: -50px;
    }
    
    .tool-title {
    	font-weight: bold;
    	text-transform: uppercase;
    	margin: 0;
    	color: #9FD4FF;
    	padding: 11px 8px 0px;
    	background: url(../images/bubble.png) top left;
    }
    
    .tool-text {
    	padding: 10px 8px 28px;
    	background: url(../images/bubble.png) bottom right;
    }
    .twitter-share-button {
    	margin-top: 16px;
    }
    .addthis_toolbox {
      width: 160px;
    }
    textarea{resize: none}
    
    .bgblue a {
    	position:relative;
    	float:right;
    	margin-top: 15px;
    	padding: 5px 6px 5px 6px;
    	background-color: #376EA6;
    	font: bold 12px Arial;
    	color: #fff;
    	text-decoration: none;
    	/*BELOW 4 LINES add rounded bottom corners to each menu item.
      ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
      REMOVE IF DESIRED*/
    	-moz-border-radius-bottomleft: 5px;
    	border-bottom-left-radius: 5px;
    	-moz-border-radius-bottomright: 5px;
    	border-bottom-right-radius: 5px;
    
    	-moz-border-radius-topleft: 5px;
    	border-top-left-radius: 5px;
    	-moz-border-radius-topright: 5px;
    	border-top-right-radius: 5px;
    }
    .bgblue a:hover{
    	background-color: #999;
    	font: bold 12px Arial;
    	color: #fff;
    	text-decoration: none;
    
    }
    
    #quick-search-form {
    	visibility: hidden;
    }
    /* booking form */
    .booking {
    	float: right; width: 235px;
    	background: #edeeee;
    	padding: 5px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    
    .booknow {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	text-transform: uppercase;
    	font-size: 20px;
    	padding: 0px 3px 2px 3px;
    	margin: 10px 3px 18px 3px;
    	border-bottom: 1px solid #cccbcb;
    	color:#000000;
    }
    
    .booking label {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-size: 16px;
    	color: #020202;
    	font-style: italic;
    	width: 215px; height: 35px;
    	margin: auto;
    	display: block;
    }
    .booking .input {
    	background: #000000 url(../images/arr.png) no-repeat center right;
    	width: 115px;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	overflow: hidden;
    	float: right;
    	text-align: left;
    }
    
    .booking label span {
    	display: inline-block;
    	width: 90px;
    	text-align: right;
    	padding-top: 2px;
    }
    
    .booking .input input {
    	background: none;
    	border: 0;
    	padding: 5px 5px 5px 22px;
    	width: 75px;
    	color: #ffffff;
    	background: url(../images/cal.png) no-repeat 5px 4px;
    	font-size: 12px;
    }
    .booking input.text {
    	font-size:13px;
    	color:#EDEEEE;
    	font-family:Arial, Helvetica, sans-serif;
    	font-weight:bold;
    }
    .booking .input input:focus {
    	outline: none;
    }
    
    .booking .date {
    	text-align: center;
    	color: #666666;
    	font-style: italic;
    	border-top: 1px solid #cccbcb;
    	padding: 10px 0px 0px 0px;
    	margin: 0px 0px 10px 0px;
    }
    
    .booking .price {
    	text-align: center;
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 10px 0px;
    }
    
    .booking .total {
    	font-size: 20px;
    	overflow: hidden;
    	padding: 7px 7px 17px 7px;
    	border-top: 1px solid #cccbcb;
    }
    .booking .total strong {
    	float: right;
    	color: #020202;
    }
    .booking .subtotal strong {
    	float: right;
    	color: #020202;
    	font-size: 10px;
    	line-height: 16px;
    	font-family:Verdana, Geneva, sans-serif;
    }
    .booking .subtotal #subtotal_str, #cleaning_fee_str, #refundable_deposit_str, #total_str {
    	float: right;
    	color: #020202;
    	font-size: 10px;
    	line-height: 16px;
    	font-family:Verdana, Geneva, sans-serif;
    }
    .booking .subtotal {
    	display: none;
    	overflow: hidden;
    	padding: 7px 7px 7px 7px;
    	border-top: 1px solid #cccbcb;
    	font-size: 11px;
    	line-height: 16px;
    }
    .booking .submit {
    	text-align: center;
    }
    .book_guests {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-size: 16px;
    	color: #020202;
    	font-style: italic;
    	width: 215px; height: 35px;
    	margin: auto;
    	display: block;
    }
    .book_guests span.guest {
    	display: inline-block;
    	width: 152px;
    	text-align: right;
    	padding-top: 2px;
    }

  • #6
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css continued
    ---------------------------------------------------------------------------------------
    Code:
    .occupants-select {
    	float: right !important;
    }
    .occupants-select select {
    	width: 59px;
    	float: right;
    	padding: 5px;
    	color: #fff !important;
    	font-weight: bold;
    	font-size: 11px;
    	background: url(../images/occupants.png) no-repeat;
    }
    
    .occupants-select select option {
    	color: #fff !important;
    }
    .occupants-select .jquery-selectbox-currentItem {
    	color: #fff !important;
    	font-weight: bold;
    	font-size: 11px;
    	position:absolute;
    
    }
    .booking-info2 {
    	position:relative;
    	float: right !important; width: 235px;
    	background: #FAF4F8;
    	padding: 5px;
    	margin-right: 0px;
    	margin-top:15px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	clear:both !important;
    }
    
    .booking-info2 h3 {
    	color: #181818;
    	text-transform:uppercase !important;
    	padding-left: 5px;
    }
    .booking-info2 p {
    	padding-left: 5px;
    	line-height: 16px;
    }
    .booking-info2 strong {
    	color: #4d4d4d;
    }
    /* end booking form */
    
    .owner-photo {
    	padding:4px;
    	border:solid;
    	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    	border-width: 1px 2px 2px 1px;
    	background-color:white;
    
    }
    .property-photo {
    	padding:4px;
    	border:solid;
    	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    	border-width: 1px 2px 2px 1px;
    	background-color:white;
    	float:right;
    	margin-right: 0px;
    
    }
    .viewall a {
    	font-family:Tahoma, Geneva, sans-serif;
    	font-size:11px;
    	text-transform: uppercase;
    	color: #0a417c;
    	font-weight:bold;
    }
    /*Checkout Page*/
    
    #checkout {
    	margin-top: 30px; margin-bottom: 30px;
    	border-top: 1px solid #dae1e4;
    }
    #checkout .title {
    	clear: both;
    	border-bottom: 1px solid #ccc;
    	height:48px;
    	line-height: 48px;
    	text-transform:uppercase;
    }
    #checkoutleft {
    	position:relative;
    }
    #checkoutright {
    	float:right;
    }
    
    .checkout-details {
    	float: left !important; width: 600px;
    	background: #EDEEEE;
    	padding: 10px;
    	margin-right: 0px;
    	margin-top: 0px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-size:13px;
    }
    #content .checkout-details h3 {
    	color: #181818;
    	text-transform:uppercase !important;
    	font-size:15px;
    }
    #content .checkout-details p {
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    .checkout-details strong {
    	color: #4d4d4d;
    }
    .checkout-details .total {
    	font-size: 20px;
    	overflow: hidden;
    	padding: 6px 0px 17px 0px;
    	border-top: 1px solid #cccbcb;
    }
    
    .checkout-details .total strong {
    	float: right;
    	color: #020202;
    }
    .checkout-details .sub-total {
    	font-size: 12px;
    	overflow: hidden;
    	padding: 5px 0px 5px 0px;
    	}
    
    .checkout-details .sub-total strong {
    	float: right;
    	color: #020202;
    }
    #checkout-details-bottom {
    	float: left; width: 600px;
    	background: #C9EAF3;
    	padding: 10px;
    	margin-right: 0px;
    	margin-top: 20px;
    	border-radius: 15px;
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-family: Georgia, "Times New Roman", Times, serif;
    }
    #checkout-details-bottom input {
    -x-system-font:none;
      display:inline;
      float:left;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size:14px;
      font-size-adjust:none;
      font-stretch:normal;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
      line-height:18px;
      margin-left:5px;
    }
    
    /* Google Map tooltip */
    
    .mapDescription {
    	width: 220px !important;
    }
    .mapHeading {
    	font-size:14px !important;
    }
    .mapLink {
    	padding: 3px 3px 3px 3px;
    	background:#e4e6e7;
    	color:#555 !important;
    	-moz-border-radius-bottomleft: 5px;
    	border-bottom-left-radius: 5px;
    	-moz-border-radius-bottomright: 5px;
    	border-bottom-right-radius: 5px;
    
    	-moz-border-radius-topleft: 5px;
    	border-top-left-radius: 5px;
    	-moz-border-radius-topright: 5px;
    	border-top-right-radius: 5px;
    	text-decoration:none !important;
    }
    
    
    .switcherMenu a,.switcherMenu a:hover{text-decoration:none;border-bottom:0;}
    .switcherMenu{display:inline-block;width:0px;height:10px;position:relative;top:0;left:0;z-index:2000; float:right}
    .switcherMenu>ul.dropdown{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;}
    .switcherMenu:hover>ul.dropdown{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 3px 3px rgba(0,0,0,0.1);-o-box-shadow:0 0 3px 3px rgba(0,0,0,0.1);box-shadow:0 0 3px 3px rgba(0,0,0,0.1);}
    .switcherMenu>ul.dropdown>li>a{display:none;width:100px;height:10px;padding:5px 20px 10px 10px;font-size:11px;font-weight:bold;letter-spacing:-0.01em;color:#fff;text-shadow:0 1px 1px #000;text-decoration:none;text-align:left;border:0;background-color:#666666;}
    .switcherMenu>ul.dropdown>li>a>img{vertical-align:middle;padding-bottom:3px;border:0;}
    .switcherMenu:hover>ul.dropdown>li:first-child>a{-moz-border-radius-topLeft:5px!important;-webkit-border-top-left-radius:5px!important;border-top-left-radius:5px!important;-moz-border-radius-topRight:5px!important;-webkit-border-top-right-radius:5px!important;border-top-right-radius:5px!important;}
    .switcherMenu:hover>ul.dropdown>li:last-child>a{border-bottom:1px solid #666;-moz-border-radius-bottomLeft:5px!important;-webkit-border-bottom-left-radius:5px!important;border-bottom-left-radius:5px!important;-moz-border-radius-bottomRight:5px!important;-webkit-border-bottom-right-radius:5px!important;border-bottom-right-radius:5px!important;}
    .switcherMenu>ul.dropdown>li>a.active{display:block;border-bottom:1px solid #;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background: url(../images/switch/btnToggle.png) no-repeat 98% center;-moz-box-shadow:inset 0 -3px 0 0 #22588F,inset 0 -4px 0 0 #22588F;-webkit-box-shadow:inset 0 -3px 0 0 #22588F,inset 0 -4px 0 0 #22588F;-o-box-shadow:inset 0 -3px 0 0 #22588F,inset 0 -4px 0 0 #22588F;box-shadow:inset 0 -3px 0 0 #22588F,inset 0 -4px 0 0 #22588F;}
    .switcherMenu:hover>ul.dropdown>li>a{display:block;-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;position:static;}
    .switcherMenu>ul.dropdown>li>a:hover{border:0;background-color:#383838;}
    .switcherMenu:hover>ul.dropdown>li>a.active:active,.switcherMenu>ul.dropdown>li>a:active{border:0;-moz-box-shadow:inset 0 5px 0px 5px rgba(38,38,38,0.5)!important;-webkit-box-shadow:inset 0 5px 15px 15px rgba(38,38,38,0.5)!important;-o-box-shadow:inset 0 5px 15px 15px rgba(38,38,38,0.5)!important;box-shadow:inset 0 5px 15px 15px rgba(38,38,38,0.5)!important;}
    .switcherMenu:hover>ul.dropdown>li>a.active{border:0!important;background-color:#;background-image:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;-o-box-shadow:none!important;box-shadow:none!important;}
    
    
    #pricing-plans
    {
    	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    	font-size: 12px;
    	margin: 15px;
    	width: 580px;
    	text-align: left;
    	border-collapse: collapse;
    }
    #pricing-plans th
    {
    	font-size: 14px;
    	font-weight: normal;
    	padding: 10px 8px;
    	color: #039;
    }
    #pricing-plans td
    {
    	padding: 8px;
    	color: #669;
    }
    #pricing-plans .odd
    {
    	background: #e8edff;
    }
    
    
    
    /*** ADDON ***/
    
    
    #q-s {
    	height: 66px;
    	padding: 0;
    }
    
    	#q-s .icon {
    		margin: 16px 20px 0 10px;
    		float: left;
    	}
    	
    	#q-s .rent-buy-toggle {
    		color: #a3a3a3;
    		font-size: 12px;
    		width: 70px;
    		padding: 18px 5px 0 0;
    		float: left;
    	}
    		
    		#q-s .rent-buy-toggle input[type=radio] {
    			display: none;
    		}
    
    		.rent-buy-toggle .track {
    			background: url(../images/rent-buy-toggle-track.png) no-repeat 1px 0;
    			width: 20px;
    			height: 35px;
    			margin: 0 10px 0 0;
    			float: left;
    		}
    		
    		.rent-buy-toggle .track .handle {
    			background: url(../images/toggle-handle.png) no-repeat;
    			width: 18px;
    			height: 19px;
    			cursor: pointer;
    		}
    		
    		.rent-buy-toggle span {
    			padding: 1px 0 0 0;
    			float: left;
    			cursor: pointer;
    		}
    		
    		.rent-buy-toggle .toggle-current {
    			color: #fff;
    		}
    		
    	#q-s .select-location {
    		width: 155px;
    		padding: 6px 0 0 0;
    		float: left;
    		color: #eaeaea !important;
    		font-size: 12px !important;
    	}
    
    	#q-s .select-location span{
    		color: #eaeaea !important;
    		font-size: 12px !important;
    	}	
    		#q-s .select-location h4,
    		#q-s .input-dates h4,
    		#q-s .price-night-slider h4,
    		#q-s .guests h4,
    		#q-s .property-specifics h4 {
    			color: #bdbdbd;
    			font-size: 11px;
    			text-align: center;
    			padding: 0 0 5px 0;
    		}
    		
    	#q-s .input-dates {
    		color: #eaeaea !important;
    		font-size: 12px !important;
    		width: 125px;
    		padding: 6px 0 0 10px;
    		float: left;
    	}
    		#q-s .input-dates h4 {
    			text-align: center;
    			padding: 0 0 5px 0;
    		}
    	
    		#q-s .input-dates .input {
    			font-family:Arial, Helvetica, sans-serif;
    			color: #eaeaea !important;
    			font-size: 12px !important;
    			font-weight:bold !important;
    			background: url(../images/ui-datepicker-bg.png) no-repeat top left;
    			width: 109px;
    			height: 27px;
    			padding: 2px 0 0 14px;
    		}
    		
    		#q-s .input-dates input:hover,
    		#q-s .input-dates input:focus {
    			background: url(../images/ui-datepicker-bg.png) no-repeat bottom left;
    		}
    		
    	#q-s .date-to {
    		padding: 6px 0 0 9px;
    	}
    	
    	#q-s .guests {
    		color: #eaeaea !important;
    		font-size: 12px !important;
    		width: 60px;
    		padding: 6px 0 0 18px;
    		float: left;
    	}
    	
    	#q-s .price-night-slider {
    		width: 280px;
    		padding: 6px 0 0 20px;
    		float: left;
    		position: relative;
    	}
    	
    		#q-s .price-night-slider h4 {
    			text-align: left;
    			padding: 0 0 10px 70px;
    		}
    		
    		#q-s .price-night-slider #rent-slider {
    			width: 124px;
    			float: left;
    			margin: 7px 10px 0 15px;
    		}
    		
    			#q-s .price-night-slider #sell-slider {
    			width: 124px;
    			float: left;
    			margin: 7px 10px 0 15px;
    		}
    		
    		#q-s .price-night-slider .prices {
    			color: #aeaeae;
    			font-size: 10px;
    			background: #4a4a4a;
    			-moz-border-radius: 5px;
    			-webkit-border-radius: 5px;
    			border-radius: 5px;
    			padding: 4px 8px 3px 8px;
    			/*
    			position: absolute;
    			top: 30px;
    			*/
    			float: left;
    		}
    
    	#q-s .go {
    		text-indent: -9999em;
    		background: url(../images/button-go.png) no-repeat;
    		width: 29px;
    		height: 29px;
    		margin: 20px 0 0 0;
    		float: left;
    	}
    	
    	#q-s .go:hover {
    		background: url(../images/button-go.png) no-repeat bottom left;
    	}
    
    .ui-datepicker-calendar thead {
    	color: #fff;
    	font-size: 11px;
    	font-weight: bold;
    }
    
    :focus {
    	outline: none;
    }
    
    .property-specifics {
    	width: 135px;
    	padding: 6px 0 0 20px;
    	float: left;
    }
    
    	.property-specifics h4 {
    		padding: 0 0 5px 0 !important;
    	}
    	
    	.bedroom-amount {
    		padding: 6px 20px 0 20px;
    	}
    
    /* @group Base */
    
    .chzn-container {
    	font-size: 13px;
    	position: relative;
    	display: inline-block;
    	zoom: 1;
    	*display: inline;
    }
    
    .chzn-container .chzn-drop {
    	background: #000 url(../images/chosen-drop-bg.png) no-repeat;
    	width: 184px !important;	
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;	
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	margin: 13px 0 0 -30px; padding: 30px 16px 10px 16px;
    	position: absolute;  
    	top: 100px;
    	left: 0;
    	z-index: 1010;
    }
    /* @end */
    
    
    /* @group Base */
    
    .chzn-container {
    	font-size: 13px;
    	position: relative;
    	display: inline-block;
    	zoom: 1;
    	*display: inline;
    }
    
    .chzn-container .chzn-drop {
    	background: #000 url(../images/chosen-drop-bg.png) no-repeat;
    	width: 184px !important;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	margin: 13px 0 0 -30px; padding: 30px 16px 10px 16px;
    	position: absolute;
    	top: 100px;
    	left: 0;
    	z-index: 1010;
    }
    /* @end */
    
    /* @group Single Chosen */
    .chzn-container-single .chzn-single {
    
    	background: url(../images/chosen-location-input.png) no-repeat;
    
      display: block;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      height: 29px;
      line-height: 29px;
      padding: 0 0 0 8px;
      color: #eaeaea;
      font-size: 12px;
      text-decoration: none;
    
    }
    .chzn-container-single .chzn-default {
      color: #999;
    }
    .chzn-container-single .chzn-single span {
      margin-right: 26px;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
    }
    .chzn-container-single .chzn-single abbr {
      display: block;
      position: absolute;
      right: 26px;
      top: 6px;
      width: 12px;
      height: 13px;
      font-size: 1px;
      background: url('../images/chosen-sprite.png') right top no-repeat;
    }
    .chzn-container-single .chzn-single abbr:hover {
      background-position: right -11px;
    }
    .chzn-container-single.chzn-disabled .chzn-single abbr:hover {
      background-position: right top;
    }
    .chzn-container-single .chzn-single div {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      height: 100%;
      width: 18px;
    }
    .chzn-container-single .chzn-single div b {
      background: url('../images/chosen-sprite.png') no-repeat 0 0;
      display: block;
      width: 100%;
      height: 100%;
    }
    .chzn-container-single .chzn-search {
      padding: 3px 4px;
      position: relative;
      margin: 0;
      white-space: nowrap;
      z-index: 1010;
    }
    
    .chzn-container-single .chzn-search input {
    	color: #696969;
    	font-size: 12px;
    	background: #333 url(../images/ico-search.png) no-repeat 13px center;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	width: 138px !important;
    	height: 33px !important;
    	margin: 0 0 15px 0; padding: 0 0 0 40px;
    	outline: 0;
    }
    
    
    .chzn-container-single .chzn-drop {
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius   : 0 0 4px 4px;
      border-radius        : 0 0 4px 4px;
      -moz-background-clip   : padding;
      -webkit-background-clip: padding-box;
      background-clip        : padding-box;
    }
    /* @end */
    
    .chzn-container-single-nosearch .chzn-search input {
      position: absolute;
      left: -9000px;
    }
    
    /* @group Multi Chosen */
    .chzn-container-multi .chzn-choices {
      background-color: #fff;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
      background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      border: 1px solid #aaa;
      margin: 0;
      padding: 0;
      cursor: text;
      overflow: hidden;
      height: auto !important;
      height: 1%;
      position: relative;
    }
    .chzn-container-multi .chzn-choices li {
      float: left;
      list-style: none;
    }
    .chzn-container-multi .chzn-choices .search-field {
    	background: url(../images/chosen-location-input.png) no-repeat;
    	white-space: nowrap;
    	margin: 0;
    	padding: 0;
    }
    .chzn-container-multi .chzn-choices .search-field input {
      color: #666;
      background: transparent !important;
      border: 0 !important;
      font-family: sans-serif;
      font-size: 100%;
      height: 15px;
      padding: 5px;
      margin: 1px 0;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow   : none;
      -o-box-shadow     : none;
      box-shadow        : none;
    }
    .chzn-container-multi .chzn-choices .search-field .default {
      color: #999;
    }
    .chzn-container-multi .chzn-choices .search-choice {
      -webkit-border-radius: 3px;
      -moz-border-radius   : 3px;
      border-radius        : 3px;
      -moz-background-clip   : padding;
      -webkit-background-clip: padding-box;
      background-clip        : padding-box;
      background-color: #e4e4e4;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
      background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
      -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
      box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
      color: #333;
      border: 1px solid #aaaaaa;
      line-height: 13px;
      padding: 3px 20px 3px 5px;
      margin: 3px 0 3px 5px;
      position: relative;
      cursor: default;
    }
    .chzn-container-multi .chzn-choices .search-choice-focus {
      /* background: #d4d4d4; */
    }
    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
      display: block;
      position: absolute;
      right: 3px;
      top: 4px;
      width: 12px;
      height: 13px;
      font-size: 1px;
      background: url('../images/chosen-sprite.png') right top no-repeat;
    }
    .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
      background-position: right -11px;
    }
    .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    	/* background-position: right -11px; */
    }
    /* @end */
    
    /* @group Results */
    
    .chzn-container .chzn-results {
      margin: 0 4px 4px 0;
      max-height: 240px;
      padding: 0 0 0 4px;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .chzn-container-multi .chzn-results {
      margin: -1px 0 0;
      padding: 0;
    }
    
    	.chzn-container .chzn-results li {
    		color: #9e9e9e;
    		font-size: 12px;
    		border-bottom: 1px solid #2c2c2c;
    		display: none;
    		line-height: 30px;
    		margin: 0; padding: 0 18px;
    		list-style: none;
    	}
    
    	.chzn-container .chzn-results li:last-child {
    		border: 0;
    	}
    
    .chzn-container .chzn-results .active-result {
      cursor: pointer;
      display: list-item;
    }
    .chzn-container .chzn-results .highlighted {
      background: #171717;
    }
    .chzn-container .chzn-results li em {
    	color: #00eaff !important;
    	font-style: normal;
    }
    .chzn-container .chzn-results .highlighted em {
      background: transparent;
    }
    .chzn-container .chzn-results .no-results {
    
      display: list-item;
    }
    .chzn-container .chzn-results .group-result {
      cursor: default;
      color: #999;
      font-weight: bold;
    }
    .chzn-container .chzn-results .group-option {
      padding-left: 15px;
    }
    .chzn-container-multi .chzn-drop .result-selected {
      display: none;
    }
    .chzn-container .chzn-results-scroll {
      background: white;
      margin: 0 4px;
      position: absolute;
      text-align: center;
      width: 321px; /* This should by dynamic with js */
      z-index: 1;
    }
    .chzn-container .chzn-results-scroll span {
      display: inline-block;
      height: 17px;
      text-indent: -5000px;
      width: 9px;
    }
    .chzn-container .chzn-results-scroll-down {
      bottom: 0;
    }
    .chzn-container .chzn-results-scroll-down span {
      background: url('../images/chosen-sprite.png') no-repeat -4px -3px;
    }
    .chzn-container .chzn-results-scroll-up span {
      background: url('../images/chosen-sprite.png') no-repeat -22px -3px;
    }
    /* @end */
    
    /* @group Active  */
    .chzn-container-active .chzn-single {
    
    }
    
    .chzn-container-active .chzn-single-with-drop {
    
    	/* ACTIVE */
    
    
    }

  • #7
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css continued
    ---------------------------------------------------------------------------------------
    Code:
    .chzn-container-active .chzn-single-with-drop div {
      background: transparent;
      border-left: none;
    }
    .chzn-container-active .chzn-single-with-drop div b {
      background-position: -18px 1px;
    }
    .chzn-container-active .chzn-choices {
      -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
      -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
      -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
      box-shadow        : 0 0 5px rgba(0,0,0,.3);
      border: 1px solid #5897fb;
    }
    .chzn-container-active .chzn-choices .search-field input {
      color: #111 !important;
    }
    /* @end */
    
    /* @group Disabled Support */
    .chzn-disabled {
      cursor: default;
      opacity:0.5 !important;
    }
    .chzn-disabled .chzn-single {
      cursor: default;
    }
    .chzn-disabled .chzn-choices .search-choice .search-choice-close {
      cursor: default;
    }
    
    /* @group Right to Left */
    .chzn-rtl { text-align: right; }
    .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
    .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
    
    .chzn-rtl .chzn-single div { left: 3px; right: auto; }
    .chzn-rtl .chzn-single abbr {
      left: 26px;
      right: auto;
    }
    .chzn-rtl .chzn-choices .search-field input { direction: rtl; }
    .chzn-rtl .chzn-choices li { float: right; }
    .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
    .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
    .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
    .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
    .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
    .chzn-rtl .chzn-search input {
      background: #fff url('../images/chosen-sprite.png') no-repeat -38px -22px;
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url('../images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      padding: 4px 5px 4px 20px;
      direction: rtl;
    }
    /* @end */
    
    /*!
     * jQuery UI CSS Framework 1.8.21
     *
     * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Theming/API
     */
    
    /* Layout helpers
    ----------------------------------*/
    .ui-helper-hidden { display: none; }
    .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
    .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
    .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
    .ui-helper-clearfix:after { clear: both; }
    .ui-helper-clearfix { zoom: 1; }
    .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
    
    
    /* Interaction Cues
    ----------------------------------*/
    .ui-state-disabled { cursor: default !important; }
    
    
    /* Icons
    ----------------------------------*/
    
    /* states and images */
    .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
    
    
    /* Misc visuals
    ----------------------------------*/
    
    /* Overlays */
    .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    /*!
     * jQuery UI CSS Framework 1.8.21
     *
     * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Theming/API
     */
    
    /* Layout helpers
    ----------------------------------*/
    .ui-helper-hidden { display: none; }
    .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
    .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
    .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
    .ui-helper-clearfix:after { clear: both; }
    .ui-helper-clearfix { zoom: 1; }
    .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
    
    
    /* Interaction Cues
    ----------------------------------*/
    .ui-state-disabled { cursor: default !important; }
    
    
    /* Icons
    ----------------------------------*/
    
    /* states and images */
    .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
    
    
    /* Misc visuals
    ----------------------------------*/
    
    /* Overlays */
    .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    
    /*!
     * jQuery UI CSS Framework 1.8.21
     *
     * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Theming/API
     *
     * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
     */
    
    
    /* Component containers
    ----------------------------------*/
    .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
    .ui-widget .ui-widget { font-size: 1em; }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
    .ui-widget-content {  background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
    .ui-widget-content a { color: #333333; }
    .ui-widget-header {  color: #fff; font-weight: bold; font-size: 15px}
    .ui-widget-header a { color: #ffffff; }
    
    /* Interaction states
    ----------------------------------*/
    
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    	font-size: 11px;
    	font-weight: bold;
    	color: #fff;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    
    	padding: 3px 4px 2px 4px;
    
    	float: right;
    
    	text-align: right;
    }
    
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
    
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { }
    
    .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
    
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    	background: #00eaff;
    	font-weight: bold; color: #003f51;
    }
    
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
    .ui-widget :active { outline: none; }
    
    /* Interaction Cues
    ----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
    	/*
    	background: #00eaff;
    	color: #003f51;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	*/
    }
    
    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
    
    /* Icons
    ----------------------------------*/
    
    /* states and images */
    .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
    .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
    .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
    .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
    .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
    .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
    .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
    
    /* positioning */
    .ui-icon-carat-1-n { background-position: 0 0; }
    .ui-icon-carat-1-ne { background-position: -16px 0; }
    .ui-icon-carat-1-e { background-position: -32px 0; }
    .ui-icon-carat-1-se { background-position: -48px 0; }
    .ui-icon-carat-1-s { background-position: -64px 0; }
    .ui-icon-carat-1-sw { background-position: -80px 0; }
    .ui-icon-carat-1-w { background-position: -96px 0; }
    .ui-icon-carat-1-nw { background-position: -112px 0; }
    .ui-icon-carat-2-n-s { background-position: -128px 0; }
    .ui-icon-carat-2-e-w { background-position: -144px 0; }
    .ui-icon-triangle-1-n { background-position: 0 -16px; }
    .ui-icon-triangle-1-ne { background-position: -16px -16px; }
    .ui-icon-triangle-1-e { background-position: -32px -16px; }
    .ui-icon-triangle-1-se { background-position: -48px -16px; }
    .ui-icon-triangle-1-s { background-position: -64px -16px; }
    .ui-icon-triangle-1-sw { background-position: -80px -16px; }
    .ui-icon-triangle-1-w { background-position: -96px -16px; }
    .ui-icon-triangle-1-nw { background-position: -112px -16px; }
    .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
    .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
    .ui-icon-arrow-1-n { background-position: 0 -32px; }
    .ui-icon-arrow-1-ne { background-position: -16px -32px; }
    .ui-icon-arrow-1-e { background-position: -32px -32px; }
    .ui-icon-arrow-1-se { background-position: -48px -32px; }
    .ui-icon-arrow-1-s { background-position: -64px -32px; }
    .ui-icon-arrow-1-sw { background-position: -80px -32px; }
    .ui-icon-arrow-1-w { background-position: -96px -32px; }
    .ui-icon-arrow-1-nw { background-position: -112px -32px; }
    .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
    .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
    .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
    .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
    .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
    .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
    .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
    .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
    .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
    .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
    .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
    .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
    .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
    .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
    .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
    .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
    .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
    .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
    .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
    .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
    .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
    .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
    .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
    .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
    .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
    .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
    .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
    .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
    .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
    .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
    .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
    .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
    .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
    .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
    .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
    .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
    .ui-icon-arrow-4 { background-position: 0 -80px; }
    .ui-icon-arrow-4-diag { background-position: -16px -80px; }
    .ui-icon-extlink { background-position: -32px -80px; }
    .ui-icon-newwin { background-position: -48px -80px; }
    .ui-icon-refresh { background-position: -64px -80px; }
    .ui-icon-shuffle { background-position: -80px -80px; }
    .ui-icon-transfer-e-w { background-position: -96px -80px; }
    .ui-icon-transferthick-e-w { background-position: -112px -80px; }
    .ui-icon-folder-collapsed { background-position: 0 -96px; }
    .ui-icon-folder-open { background-position: -16px -96px; }
    .ui-icon-document { background-position: -32px -96px; }
    .ui-icon-document-b { background-position: -48px -96px; }
    .ui-icon-note { background-position: -64px -96px; }
    .ui-icon-mail-closed { background-position: -80px -96px; }
    .ui-icon-mail-open { background-position: -96px -96px; }
    .ui-icon-suitcase { background-position: -112px -96px; }
    .ui-icon-comment { background-position: -128px -96px; }
    .ui-icon-person { background-position: -144px -96px; }
    .ui-icon-print { background-position: -160px -96px; }
    .ui-icon-trash { background-position: -176px -96px; }
    .ui-icon-locked { background-position: -192px -96px; }
    .ui-icon-unlocked { background-position: -208px -96px; }
    .ui-icon-bookmark { background-position: -224px -96px; }
    .ui-icon-tag { background-position: -240px -96px; }
    .ui-icon-home { background-position: 0 -112px; }
    .ui-icon-flag { background-position: -16px -112px; }
    .ui-icon-calendar { background-position: -32px -112px; }
    .ui-icon-cart { background-position: -48px -112px; }
    .ui-icon-pencil { background-position: -64px -112px; }
    .ui-icon-clock { background-position: -80px -112px; }
    .ui-icon-disk { background-position: -96px -112px; }
    .ui-icon-calculator { background-position: -112px -112px; }
    .ui-icon-zoomin { background-position: -128px -112px; }
    .ui-icon-zoomout { background-position: -144px -112px; }
    .ui-icon-search { background-position: -160px -112px; }
    .ui-icon-wrench { background-position: -176px -112px; }
    .ui-icon-gear { background-position: -192px -112px; }
    .ui-icon-heart { background-position: -208px -112px; }
    .ui-icon-star { background-position: -224px -112px; }
    .ui-icon-link { background-position: -240px -112px; }
    .ui-icon-cancel { background-position: 0 -128px; }
    .ui-icon-plus { background-position: -16px -128px; }
    .ui-icon-plusthick { background-position: -32px -128px; }
    .ui-icon-minus { background-position: -48px -128px; }
    .ui-icon-minusthick { background-position: -64px -128px; }
    .ui-icon-close { background-position: -80px -128px; }
    .ui-icon-closethick { background-position: -96px -128px; }
    .ui-icon-key { background-position: -112px -128px; }
    .ui-icon-lightbulb { background-position: -128px -128px; }
    .ui-icon-scissors { background-position: -144px -128px; }
    .ui-icon-clipboard { background-position: -160px -128px; }
    .ui-icon-copy { background-position: -176px -128px; }
    .ui-icon-contact { background-position: -192px -128px; }
    .ui-icon-image { background-position: -208px -128px; }
    .ui-icon-video { background-position: -224px -128px; }
    .ui-icon-script { background-position: -240px -128px; }
    .ui-icon-alert { background-position: 0 -144px; }
    .ui-icon-info { background-position: -16px -144px; }
    .ui-icon-notice { background-position: -32px -144px; }
    .ui-icon-help { background-position: -48px -144px; }
    .ui-icon-check { background-position: -64px -144px; }
    .ui-icon-bullet { background-position: -80px -144px; }
    .ui-icon-radio-off { background-position: -96px -144px; }
    .ui-icon-radio-on { background-position: -112px -144px; }
    .ui-icon-pin-w { background-position: -128px -144px; }
    .ui-icon-pin-s { background-position: -144px -144px; }
    .ui-icon-play { background-position: 0 -160px; }
    .ui-icon-pause { background-position: -16px -160px; }
    .ui-icon-seek-next { background-position: -32px -160px; }
    .ui-icon-seek-prev { background-position: -48px -160px; }
    .ui-icon-seek-end { background-position: -64px -160px; }
    .ui-icon-seek-start { background-position: -80px -160px; }
    /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
    .ui-icon-seek-first { background-position: -80px -160px; }
    .ui-icon-stop { background-position: -96px -160px; }
    .ui-icon-eject { background-position: -112px -160px; }
    .ui-icon-volume-off { background-position: -128px -160px; }
    .ui-icon-volume-on { background-position: -144px -160px; }
    .ui-icon-power { background-position: 0 -176px; }
    .ui-icon-signal-diag { background-position: -16px -176px; }
    .ui-icon-signal { background-position: -32px -176px; }
    .ui-icon-battery-0 { background-position: -48px -176px; }
    .ui-icon-battery-1 { background-position: -64px -176px; }
    .ui-icon-battery-2 { background-position: -80px -176px; }
    .ui-icon-battery-3 { background-position: -96px -176px; }
    .ui-icon-circle-plus { background-position: 0 -192px; }

  • #8
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css continued
    ---------------------------------------------------------------------------------------
    Code:
    .ui-icon-circle-minus { background-position: -16px -192px; }
    .ui-icon-circle-close { background-position: -32px -192px; }
    .ui-icon-circle-triangle-e { background-position: -48px -192px; }
    .ui-icon-circle-triangle-s { background-position: -64px -192px; }
    .ui-icon-circle-triangle-w { background-position: -80px -192px; }
    .ui-icon-circle-triangle-n { background-position: -96px -192px; }
    .ui-icon-circle-arrow-e { background-position: -112px -192px; }
    .ui-icon-circle-arrow-s { background-position: -128px -192px; }
    .ui-icon-circle-arrow-w { background-position: -144px -192px; }
    .ui-icon-circle-arrow-n { background-position: -160px -192px; }
    .ui-icon-circle-zoomin { background-position: -176px -192px; }
    .ui-icon-circle-zoomout { background-position: -192px -192px; }
    .ui-icon-circle-check { background-position: -208px -192px; }
    .ui-icon-circlesmall-plus { background-position: 0 -208px; }
    .ui-icon-circlesmall-minus { background-position: -16px -208px; }
    .ui-icon-circlesmall-close { background-position: -32px -208px; }
    .ui-icon-squaresmall-plus { background-position: -48px -208px; }
    .ui-icon-squaresmall-minus { background-position: -64px -208px; }
    .ui-icon-squaresmall-close { background-position: -80px -208px; }
    .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
    .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
    .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
    .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
    .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
    .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
    
    
    /* Misc visuals
    ----------------------------------*/
    
    /* Corner radius */
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    
    /* Overlays */
    .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
    .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*!
    
     * jQuery UI Slider 1.8.21
     *
     * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Slider#theming
     */
    
    .ui-slider {
    	position: relative;
    	text-align: left;
    	background: url(../images/slider-bg.png) no-repeat;
    }
    
    .ui-slider .ui-slider-handle {
    	background: url(../images/ui-slider-handle.png) no-repeat;
    	position: absolute;
    	z-index: 2;
    	width: 14px;
    	height: 14px;
    	cursor: default;
    }
    
    .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: url(../images/slider-range.png) repeat-x 0 2px;}
    
    .ui-slider-horizontal { height: .8em; }
    .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
    .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
    .ui-slider-horizontal .ui-slider-range-min { left: 0; }
    .ui-slider-horizontal .ui-slider-range-max { right: 0; }
    
    .ui-slider-vertical { width: .8em; height: 100px; }
    .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
    .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
    .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
    .ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
    
    /*!
     * jQuery UI Datepicker 1.8.21
     *
     * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Datepicker#theming
     */
    .ui-datepicker {
    	width: 186px;
    	display: none;
    	margin: 15px 0 0 -40px; padding: 20px 15px 10px 15px;
    	background: #000 url(../images/date-drop-bg.png) no-repeat;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    }
    
    .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
    
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    	position:absolute;
    	top: 2px;
    	width: 1.8em;
    	height: 1.8em;
    
    }
    
    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
    
    .ui-datepicker .ui-datepicker-prev {
    	left: 10px;
    	top: 12px;
    	background: url(../images/icon-arrow-left.png) no-repeat;
    	cursor: pointer;
    }
    
    .ui-datepicker .ui-datepicker-next {
    	background: url(../images/icon-arrow-right.png) no-repeat;
    	right: -15px;
    	top: 12px;
    	cursor: pointer;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover {
    	left: 10px;
    	top: 12px;
    }
    
    .ui-datepicker .ui-datepicker-next-hover {
    	right: -15px;
    	top: 12px;
    }
    
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
    .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
    .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
    .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year { width: 49%;}
    .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
    .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
    .ui-datepicker td { border: 0; padding: 1px; }
    .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
    .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
    
    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi { width:auto; }
    .ui-datepicker-multi .ui-datepicker-group { float:left; }
    .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
    .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
    .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
    .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
    .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
    .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
    
    /* RTL support */
    .ui-datepicker-rtl { direction: rtl; }
    .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
    .ui-datepicker-rtl .ui-datepicker-group { float:right; }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
    
    /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
    .ui-datepicker-cover {
        display: none; /*sorry for IE5*/
        display/**/: block; /*sorry for IE5*/
        position: absolute; /*must have*/
        z-index: -1; /*must have*/
        filter: mask(); /*must have*/
        top: -4px; /*must have*/
        left: -4px; /*must have*/
        width: 200px; /*must have*/
        height: 200px; /*must have*/
    }
    
    
    /**
    * Stylish Select 0.4.9 - $ plugin to replace a select drop down box with a stylable unordered list
    * http://github.com/scottdarby/Stylish-Select/
    * 
    * Copyright (c) 2009 Scott Darby
    * 
    * Requires: jQuery 1.3 or newer
    * 
    * Dual licensed under the MIT and GPL licenses.
    */
    
    /**
    * Hide lists on page load
    ---------------------------------------------------------*/
    
    .stylish-select .SSContainerDivWrapper {
    	left:-9999px;
    }
    
    /*
    * Red example
    ---------------------------------------------------------*/
    
    .stylish-select .SSContainerDivWrapper {
    	margin: 15px 0 0 0;
    	padding:0;
    	width: 59px;
    	position:absolute;
    	top:22px;
    	left:0;
    	z-index:2;
    }
    .property-specifics-select .SSContainerDivWrapper {
    	margin: 15px 0 0 0;
    	padding:0;
    	width: 133px;
    	position:absolute;
    	top:20px;
    	left:0;
    	z-index:2;
    }
    .stylish-select ul.newList {
    	margin:0;
    	padding: 18px 0 0 0;
    	list-style:none;
    	color:#000;
    	background: #000 url(../images/guests-dropdown-bg.png) no-repeat;
    	overflow:auto;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;	
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    }
    .property-specifics-select ul.newList {
    	margin:0;
    	padding:30px 0 0 0;
    	list-style:none;
    	color:#000;
    	background: #000 url(../images/property-type-drop.png) no-repeat;
    	overflow:auto;
    	-moz-border-radius-bottomright: 5px;
    	-moz-border-radius-bottomleft: 5px;	
    	-webkit-border-bottom-right-radius: 5px;
    	-webkit-border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    }
    
    .stylish-select ul.newList * {
    	margin:0;
    	padding:0;
    }
    .stylish-select ul.newList a {
    	color: #9e9e9e;
    	text-decoration:none;
    	display:block;
    	padding:5px 8px;
    	border-bottom: 1px solid #2c2c2c;
    }
    
    .stylish-select .newListSelected {
    	color: #eaeaea;
    	font-size: 12px;
    	background: url(../images/guests-dropdown.png) no-repeat;
    	width: 59px;
    	height: 29px;
    	float: left;	
    }
    
    .property-specifics-select .newListSelected {
    	color: #eaeaea;
    	font-size: 12px;
    	background: url(../images/property-type-select.png) no-repeat;
    	width: 133px;
    	height: 29px;
    	float: left;	
    }
    
    .stylish-select ul.newList li a:focus {
    	-moz-outline-style: none;
    }
    
    .stylish-select .selectedTxt {
    	width: 41px;
    	height: 22px;
    	padding: 7px 0 0 12px;
    	overflow: hidden;
    }
    
    .property-specifics-select .selectedTxt {
    	width: 114px !important;
    	padding: 7px 0 0 18px;
    }
    
    .stylish-select .hiLite {
    	background:#171717!important;
    	color:#9e9e9e!important;
    }
    
    .stylish-select .newListHover {
    	background: #171717 !important;
    	cursor: default;
    }
    
    .stylish-select .newListDisabled {
    
    }
    
    .stylish-select .newListItemDisabled {
    
    }
    
    .stylish-select .newListOptionDisabled {
    
    }
    
    .stylish-select .newListSelHover,
    .stylish-select .newListSelFocus {
    
    	cursor:default;
    }
    
    .stylish-select .newListOptionTitle {
    	font-weight:bold;
    }
    
    .stylish-select .newListOptionTitle ul {
    	margin:3px 0 0;
    }
    
    .stylish-select .newListOptionTitle li {
    	font-weight:normal;
    }
    
    /*Homepage welcome text */
    
    	.home-welcome {
    		position:inherit;
    		padding: 15px 0 15px 0;
    		overflow: hidden;
    		clear: both;
    		width: 997px !important;
    		margin: 0 auto;
    			}
    		
    		.home-welcome .welcome {
    			width: 465px;
    			padding: 15px;
    			float: left;
    		}
    		
    			.home-welcome .welcome h2 {
    				color: #1f5182 !important;
    				font-size: 13px !important;
    			}
    		
    			.home-welcome .welcome .first {
    				color: #484646 !important;
    				font-size: 16px !important;
    				clear: both !important;
    			}
    			
    			.home-welcome .welcome .second {
    				color: #9f9f9f !important;
    				font-size: 13px !important;
    			}
    			
    		.home-welcome .homepage1 {
    			width: 465px;
    			padding: 5px 0 0 0;
    			overflow: hidden;
    			float: right;
    		}
    		
    			.home-welcome .homepage1 h2 a {
    				color: #238ea4 !important;
    				font-size: 13px !important;
    				background: url(../images/icon-tick.png) no-repeat left center;
    				padding: 0 0 0 22px;
    				float: left;
    				text-transform:uppercase;
    			}
    			.home-welcome .homepage1 p {
    				color: #9f9f9f;
    				font-size: 13px;
    				width: 245px;
    				padding: 15px 0 0 0 !important;
    				float: left;
    				clear: left;
    			}
    				.home-welcome .homepage1 .img-wrap {
    				border: 1px solid #e0e0e0;
    				-moz-border-radius: 5px;
    				-webkit-border-radius: 5px;
    				border-radius: 5px;
    				-moz-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, .2);
    				-webkit-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, .2);
    				box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, .2);
    				margin: -15px 25px 0px 0; padding: 10px;
    				float: right;
    			}
    			
    .recaptchatable * {
        margin: 0px;
        padding: 0px;
        border: 0px none !important;
        color: none !important;
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        text-align: left !important;
    }
    .recaptchatable {
        line-height: 1em;
        border: 0px solid rgb(255, 255, 255) !important;
    }
    .recaptchatable .recaptcha_image_cell, #recaptcha_table {
        background-color:#FFF !important; // reCAPTCHA widget background color
      }
      
      #recaptcha_table {
        border-color: #FFF !important; // reCAPTCHA widget border color
      }
      
      #recaptcha_area #recaptcha_response_field {
        position: static !important;
        border-color: #FFF !important; // Text input field border color
        background-color: #FFF !important; //Text input field background color
      }
    
    #header .nav-block {
    	margin: 10px 0 0 0;
    	list-style: none;
    	float: right;
    	   			}
    .nav-block li {
    	float: left;
    }
    
    .nav-block li a.toplink {
    	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    	color: #d1e2f4;
    	font-size: 11px;
    	text-transform: uppercase;
    	background: #15395f url(../images/nav_sep.png) no-repeat right center;
    	height: 19px;
    	padding: 7px 10px 0 10px;
    	display: block;
    }
    
    .nav-block li a:hover {
    	background: #1a4169 url(../images/nav_sep.png) no-repeat right center;
    }
    
    .nav-block .language {
    	width: 31px;
    	height: 20px;
    	padding: 6px 0 0 7px;
    	background: #15395f;
    	position: relative;
    	cursor: pointer;
    	}
    	
    img.active-lang { margin-top: -4px !important; }
    
    .nav-block .language:hover {
    	background: #1a4169;
    }
    
    	.nav-block .language .language-options {
    		top: 26px; right: 0;
    		position: absolute;
    		list-style: none;
    		display: none;
    	}
    
    .nav-block .language .language-options li {
    	background: #000;
    	width: 115px;
    	height: 20px;
    }
    .nav-block .language .language-options li a {
    	color: #9f9f9f !important;
    	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    	color: #d1e2f4;
    	font-size: 11px;
    }
    .nav-block .language .language-options li:nth-child(odd) {
    	background: #0a0a0a;
    }
    
    .nav-block .language .language-options span {
    	padding: 2px 0 0 4px;
    	float: left;
    }
    
    .nav-block .language .language-options img {
    	margin: 3px 4px 0 0;
    	float: right;
    }
    .nav-block .language .language-options li:hover {
    background: #1a1a1a !important;
    }
    #weather
    {
    	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    	font-size: 12px;
    	margin: 15px;
    	width: 450px !important;
    	text-align: left;
    	border-collapse: collapse;
    }
    #weather th
    {
    	font-size: 14px;
    	font-weight: normal;
    	padding: 10px 8px;
    	color: #039;
    }
    #weather td
    {
    	padding: 8px;
    	color: #669;
    }
    #weather .odd
    {
    	background: #e8edff;
    }
    
    button,
    .button {
      display : inline-block;
      cursor : pointer;
      
      border-style : solid;
      border-width : 1px;
      border-radius : 50px;
      padding : 3px 14px 2px 14px;
      box-shadow : 0 1px 4px rgba(0,0,0,.6);
      font-size : 10px;
      text-transform:uppercase;
      color : #18454b !important;
      text-shadow : 0 1px 3px rgba(0,0,0,.4);
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      text-decoration : none;
    }
    
    button.blue,
    .button.blue {
      border-color : #70D8E5;
      background: #70D8E5;
      background: -moz-linear-gradient(top, #70D8E5 0%, #70D8E5 100%);
      background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#70D8E5), color-stop(100%,#70D8E5));
      background: -webkit-linear-gradient(top, #70D8E5 0%,#70D8E5 100%);
      background: -o-linear-gradient(top, #70D8E5 0%,#70D8E5 100%);
      background: -ms-linear-gradient(top, #70D8E5 0%,#70D8E5 100%);
      background: linear-gradient(top, #70D8E5 0%,#70D8E5 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( 
        startColorstr='#70D8E5', endColorstr='#70D8E5',GradientType=0 );
    }
    /*  Super Awesome Buttons with CSS3 and RGBA
        Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
    */
    .awesome, .awesome:visited {
    	        background: #222 url(alert-overlay.png) repeat-x !important; 
    	        display: inline-block !important; 
    	        padding: 5px 10px 6px !important; 
    	        color: #fff !important; 
    	        text-decoration: none !important;
    			font-weight: bold !important;
    			line-height: 1 !important;
    	        -moz-border-radius: 5px !important; 
    	        -webkit-border-radius: 5px !important;
    	        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    	        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    	        text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
    	        border-bottom: 1px solid rgba(0,0,0,0.25) !important;
    	        position: relative !important;
    	        cursor: pointer !important;
                }
    
    .awesome:hover							{ background-color: #111 !important;}
    .awesome:active							{ top: 1px !important; }
    .small.awesome, .small.awesome:visited 			{ font-size: 11px !important;}
    .awesome, .awesome:visited,
    .medium.awesome, .medium.awesome:visited 		{ font-size: 13px !important;}
    .large.awesome, .large.awesome:visited 			{ font-size: 14px !important; padding: 8px 14px 9px !important;}
    	
    .green.awesome, .green.awesome:visited		{ background-color: #91bd09 !important;}
    .green.awesome:hover						{ background-color: #749a02 !important;}
    .blue.awesome, .blue.awesome:visited		{ background-color: #2daebf !important;}
    .blue.awesome:hover							{ background-color: #007d9a !important;}
    .red.awesome, .red.awesome:visited			{ background-color: #e33100 !important;}
    .red.awesome:hover							{ background-color: #872300 !important;}
    .magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b !important;}
    .magenta.awesome:hover							{ background-color: #630030 !important;}
    .orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00 !important;}
    .orange.awesome:hover							{ background-color: #d45500 !important;}
    .yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515 !important;}
    .yellow.awesome:hover							{ background-color: #fc9200 !important;}

  • #9
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    style.css continued
    ---------------------------------------------------------------------------------------
    Code:
    /* Calendar */
    
    *{padding:0;margin:0;}
    .smoothcalendar{font-family:"Lucida Grande", "Lucida Sans Unicode";font-size:12px;position:relative;color:#fff;overflow:hidden;width:650px;margin:0px 0px;}
    .smoothcalendar .monthly-view{background-color:transparent;}
    .smoothcalendar .daily-view,
    .smoothcalendar .event-view{padding:8px;background-color:#000;}
    .smoothcalendar .navigations{overflow:hidden;height:30px;line-height:28px;}
    .smoothcalendar .navigations div{float:left;text-align:center;}
    .smoothcalendar .columns{float:left;padding-left:1px;}
    .smoothcalendar .weekDays{overflow:hidden;}
    .smoothcalendar .weekDays div{display:block;margin-bottom:1px;}
    .smoothcalendar .dayNames{display:block;text-transform:uppercase;font-size:12px;color:#333;text-align:center;padding:15px 7px 7px 0px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
    .smoothcalendar a{text-decoration:none;color:#18191D;font-size:150%;outline:none;}
    .current_date{font-size:16pt;font-weight:bold;color:#555;}
    .current_date_IE6{font-size:10pt;font-weight:bold;color:#2A659E;}
    .days_of_the_week div{text-transform:uppercase;padding:10px 0px;font-size:85%;color:#18191D;padding:4px;}
    .day_content, .emptyBox{background-color:#999998;border:3px solid #999998;padding:4px;display:block;overflow:hidden;}
    .day_content_today{background-color:#2F9724;border:3px solid #2F9724;padding:4px;display:block;overflow:hidden;}
    .emptyBox{padding:7px;border:none;background-color:transparent;}
    .day_content_today_with_event{background-color:#2F9724;border:3px solid #2F9724;padding:4px;z-index:500;display:block;overflow:hidden;}
    .day_content_with_event{background-color:#2A659E;border:3px solid #2A659E;padding:4px;z-index:500;display:block;overflow:hidden;}
    .day_content_with_event_mouseover{background-color:#19446e;border:3px solid #000;padding:4px;}
    .day_content_today_with_event_mouseover{background-color:#ED3330;border:3px solid #000;padding:4px;display:block;overflow:hidden;}
    .day_number{color:#FFF;font-size:16pt;width:100%;padding:0;}
    .day_event_count{padding:20px 0 0 0;font-size:8pt;text-align:right;color:#FFF;width:100%;}
    .events_list_box{position:absolute;overflow:hidden;background-color:#000;border:3px solid #000;padding:4px;}
    .smoothcalendar .eventListContainer{margin-top:15px;height:85%;overflow:auto;position:relative;top:0px;}
    .smoothcalendar .eventDetailContainer{margin-top:10px;overflow:hidden;position:relative;top:0px;font-size:9pt;}
    .smoothcalendar #fullDateText, .smoothcalendar .event-time{margin-bottom:2px;font-size:13pt;font-weight:normal;color:magenta;}
    .smoothcalendar .event-details, .smoothcalendar .event-time{font-size:12pt;}
    .smoothcalendar .event-details{margin:-22px 0px 15px 90px;}
    .smoothcalendar .fullDateText{text-transform:uppercase;margin-bottom:20px;font-size:140%;color:#19446e;}
    .smoothcalendar #smoothcalendargoBackLink, .smoothcalendar .close-button{color:#FFF;text-decoration:none;position:absolute;outline:none;}
    .smoothcalendar #smoothcalendargoBackLink{font-size:8pt;}
    .smoothcalendar .close-button{font-size:12pt;text-decoration:none;right:0px;top:0px;margin-right:8px;margin-top:8px;}
    .smoothcalendar a:hover, .smoothcalendar .close-button:hover, .smoothcalendar #smoothcalendargoBackLink:hover{color:#19446e;}
    .smoothcalendar #previousMonth, .smoothcalendar #nextMonth, .smoothcalendar #nextYear, .smoothcalendar #previousYear{background-repeat:no-repeat;font-size:18pt;position:relative;display:inline-block;overflow:hidden;cursor:pointer;}
    .smoothcalendar #nextMonth{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:-5px -28px;width:20px;}
    .smoothcalendar #nextYear{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:0px -56px;width:28px;}
    .smoothcalendar #previousMonth{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:0px 0px;width:20px;}
    .smoothcalendar #previousYear{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:0px -85px;width:28px;}
    .smoothcalendar #nextMonth:hover{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:-33px -28px;}
    .smoothcalendar #nextYear:hover{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:-28px -56px;}
    .smoothcalendar #previousMonth:hover{background-image:url(../scripts/calendar/imgs/arrows.png);background-position:-28px 0px;}
    .smoothcalendar #previousYear:hover{background-position:-28px -85px;}
    
    /*********************/
    /** jRating CSS **/
    /*********************/
    
    /**Div containing the color of the stars */
    .jRatingAverage {
    	background-color:#666;
    	position:relative;
    	top:0;
    	left:0;
    	z-index:2;
    	height:100%;
    }
    .jRatingColor {
    	background-color:#0799FC; /* bgcolor of the stars*/
    	position:relative;
    	top:0;
    	left:0;
    	z-index:2;
    	height:100%;
    }
    
    /** Div containing the stars **/
    .jStar {
    	position:relative;
    	left:0;
    	z-index:3;
    }
    
    /** P containing the rate informations **/
    p.jRatingInfos {
    	position:		absolute;
    	z-index:9999;
    	background:	transparent url('../images/rating/bg_jRatingInfos.png') no-repeat;
    	color:			#FFF;
    	display:		none;
    	width:			91px;
    	height:			29px;	
    	font-size:16px;
    	text-align:center;
    	padding-top:5px;
    }
    	p.jRatingInfos span.maxRate {
    		color:#c9c9c9;
    		font-size:14px;
    	}
    	
    	
    /** Select box **/
    	
    .jquery-selectbox {
    	position: relative;
    	z-index: 0;
    	float: left;
    	display: inline;
    	font-size: 12px;
    }
    .jquery-selectbox.selecthover {
    	z-index: 700;
    }	
    .jquery-selectbox .jquery-selectbox-currentItem {
    	white-space: nowrap;
    	display: block;
    	overflow: hidden;
    	font-weight: bold;
    	padding: 5px;
    	cursor: default;
    	font-family: Arial,Helvetica,sans-serif;
    	font-style: normal;
    }
    
    .jquery-selectbox .jquery-selectbox-list {
    	display: none;
    	position: absolute;
    	top: 0;
    	left: 2px;
    	padding: 2px;
    	background: #E7E7E7;
    	color: #666;
    	overflow-x: hidden;
    	overflow-y: auto;
    	z-index: 1000;
    	border: 1px solid #ddd;
    	font-family: Arial,Helvetica,sans-serif;
    	font-style: normal;
    }
    .jquery-selectbox .jquery-selectbox-moreButton {
    	float: right;
    	cursor: pointer;
    }
    .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
    }
    
    .jquery-selectbox .jquery-selectbox-item.listelementhover {
    	background: #555;
    	color: #fff;
    }
    .jquery-selectbox .jquery-selectbox-item {
    	display: block;
    	cursor: default;
    	font-weight: bold;
    	padding: 1px;
    }
    
    /* MSG Box*/
    
    .jquery-msgbox{background:url(../images/msgbox/background.png) repeat-x left bottom;padding-bottom:15px;font-style:normal;}
    .jquery-msgbox-wrapper{padding:20px 20px 20px 100px;}
    .jquery-msgbox-buttons{padding:15px;text-align:right;position:absolute;bottom:0;right:0;}
    .jquery-msgbox-buttons button,
    .jquery-msgbox-buttons input{margin-left:10px;min-width:85px;padding:0 14px 2px;height:24px;cursor:pointer;margin-top:15px;background-color:#376EA6;font:bold 12px Arial;color:#fff;text-decoration:none;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;}
    .jquery-msgbox-inputs{margin-top:4px;}
    .jquery-msgbox-inputs input{display:block;padding:3px 2px;border:1px solid #dddddd;margin:3px 0 6px 0;width:95%;}
    .jquery-msgbox-label{font-weight:bold;font-size:11px;}
    .jquery-msgbox-alert{background:url(../images/msgbox/alert.png) no-repeat 20px 20px;}
    .jquery-msgbox-info{background:url(../images/msgbox/info.png) no-repeat 20px 20px;}
    .jquery-msgbox-error{background:url(../images/msgbox/error.png) no-repeat 20px 20px;}
    .jquery-msgbox-prompt{background:url(../images/msgbox/question.png) no-repeat 20px 20px;}
    .jquery-msgbox-confirm{background:url(../images/msgbox/confirm.png) no-repeat 20px 20px;}
    
    
    /* Lightbox */
    
    
    .jquery-lightbox-overlay
    {
      background:#f3f3f3;
    }
    
    .jquery-lightbox
    {
      position:relative;
      padding:17px 0;
    }
    
    .jquery-lightbox-border-top-left,
    .jquery-lightbox-border-top-right,
    .jquery-lightbox-border-bottom-left,
    .jquery-lightbox-border-bottom-right
    {
      position:absolute;
      height:17px;
      width:12%;
      z-index:7000;
    }
    
    .jquery-lightbox-border-top-left
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat 0 0;
      top:0;
      left:0;
    }
    
    .jquery-lightbox-border-top-right
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat right 0;
      top:0;
      right:0;
    }
    
    .jquery-lightbox-border-top-middle
    {
      background:#141517;
      position:absolute;
      height:7px;
      width:78%;
      top:0;
      left:12%;
      z-index:7000;
      overflow:hidden;
    }
    
    .jquery-lightbox-border-bottom-left
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat 0 bottom;
      bottom:0;
      left:0;
    }
    
    .jquery-lightbox-border-bottom-right
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat right bottom;
      bottom:0;
      right:0;
    }
    
    .jquery-lightbox-border-bottom-middle
    {
      background:#141517;
      height:7px;
      width:78%;
      position:absolute;
      bottom:0;
      left:12%;
      z-index:7000;
      overflow:hidden;
    }
    
    .jquery-lightbox-title
    {
      background:#141517;
      color:#f3f3f3;
      font-family:verdana,arial,serif;
      font-size:11px;
      line-height:14px;
      padding:5px 8px;
      margin:3px;
      position:absolute;
      bottom:0;
      z-index:7000;
    
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    
    .jquery-lightbox-html
    {
      z-index:7000;
      position:relative;
      border:0;
      border-left:7px solid #141517;
      border-right:7px solid #141517;
      padding:0px 15px;
      vertical-align:top;
    }
    
    .jquery-lightbox-html embed,
    .jquery-lightbox-html object,
    .jquery-lightbox-html iframe
    {
      vertical-align:top;
    }
    
    .jquery-lightbox-background
    {
      position:absolute;
      top:7px;
      left:7px;
      z-index:6999;
      float:left;
      padding:0;
    }
    
    .jquery-lightbox-background img
    {
      display:block;
      position:relative;
      border:0;
      margin:0;
      padding:0;
      width:100%;
      height:100%;
    }
    
    
    .jquery-lightbox-mode-image .jquery-lightbox-html
    {
      z-index:6998;
      padding:0;
    }
    
    .jquery-lightbox-mode-html .jquery-lightbox-background
    {
      background:#FFFFFF;
    }
    
    .jquery-lightbox-mode-html .jquery-lightbox-html
    {
      overflow:auto;
    }
    
    .jquery-lightbox-loading,
    .jquery-lightbox-mode-html .jquery-lightbox-loading
    {
      background:#ffffff url(../images/lightbox/loading.gif) no-repeat center center;
    }
    
    .jquery-lightbox-button-close
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -154px -23px;
      position:absolute;
      top:7px;
      right:-26px;
      width:29px;
      height:40px;
    }
    
    .jquery-lightbox-button-close:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -203px -23px;
    }
    
    .jquery-lightbox-button-close span,
    .jquery-lightbox-buttons span
    {
      display:none;
    }
    
    .jquery-lightbox-mode-image .jquery-lightbox-button-close
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -30px -29px;
      right:14px;
      z-index:7002;
      width:40px;
      height:29px;
    }
    
    .jquery-lightbox-mode-image .jquery-lightbox-button-close:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -83px -29px;
    }
    
    .jquery-lightbox-buttons 
    {
      position:absolute;
      z-index:7001;
      top:7px;
      left:7px;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-buttons-init,
    .jquery-lightbox-buttons .jquery-lightbox-buttons-end
    {
      width:14px;
      height:29px;
      float:left;
      display:inline;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-buttons-init
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -32px -82px;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-buttons-end
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -339px -82px;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-button-left
    {
      display:none;
    }
    
    
    .jquery-lightbox-buttons .jquery-lightbox-button-right
    {
      display:none;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-button-max
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -72px -82px;
      width:29px;
      height:29px;
      float:left;
      display:inline;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-button-max:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -141px -82px;
    }
    
    
    .jquery-lightbox-buttons .jquery-lightbox-button-min
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -192px -82px;
      width:29px;
      height:29px;
      float:left;
      display:inline;
    }
    
    .jquery-lightbox-buttons .jquery-lightbox-button-min:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -226px -82px;
    }
    
    
    .jquery-lightbox-buttons-custom
    {
      height:29px;
      float:left;
      display:inline;
      background:#f3f3f3;
      line-height:29px;
      font-size:10px;
    }
    
    .jquery-lightbox-buttons-custom a
    {
      color:#141517;
      font-size:10px;
      display:inline;
      font-weight:normal;
      text-decoration:underline;
      padding:0 3px;
    }
    
    .jquery-lightbox-navigator
    {
      position:absolute;
      z-index:7002;
      overflow:hidden;
      top:7px;
      left:7px;
    }
    
    .jquery-lightbox-navigator .jquery-lightbox-button-left
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -7px -141px;
      cursor: pointer;
      display: block;
      height: 84px;
      left: 0;
      margin-top: -42px;
      position: absolute;
      top: 50%;
      width: 21px;
      z-index: 7003;
    }
    
    .jquery-lightbox-navigator .jquery-lightbox-button-left:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -50px -141px;
    }
    
    .jquery-lightbox-navigator .jquery-lightbox-button-right
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -389px -141px;
      cursor: pointer;
      display: block;
      height: 84px;
      right: 0;
      margin-top: -42px;
      position: absolute;
      top: 50%;
      width: 21px;
      z-index: 7003;
    }
    
    .jquery-lightbox-navigator .jquery-lightbox-button-right:hover
    {
      background: url(../images/lightbox/jquery-lightbox-theme.png) no-repeat -351px -141px;
    }
    
    .jquery-lightbox-navigator span
    {
      display:none;
    }
    
    .jquery-lightbox-mode-html .jquery-lightbox-navigator
    {
      display:none;
    }
    /*  Super Awesome Buttons with CSS3 and RGBA
        Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
    */
    .awesome, .awesome:visited {
    	        background: #222 url(alert-overlay.png) repeat-x !important; 
    	        display: inline-block !important; 
    	        padding: 5px 10px 6px !important; 
    	        color: #fff !important; 
    	        text-decoration: none !important;
    			font-weight: bold !important;
    			line-height: 1 !important;
    	        -moz-border-radius: 5px !important; 
    	        -webkit-border-radius: 5px !important;
    	        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    	        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    	        text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
    	        border-bottom: 1px solid rgba(0,0,0,0.25) !important;
    	        position: relative !important;
    	        cursor: pointer !important;
                }
    
    .awesome:hover							{ background-color: #111 !important;}
    .awesome:active							{ top: 1px !important; }
    .small.awesome, .small.awesome:visited 			{ font-size: 11px !important;}
    .awesome, .awesome:visited,
    .medium.awesome, .medium.awesome:visited 		{ font-size: 13px !important;}
    .large.awesome, .large.awesome:visited 			{ font-size: 14px !important; padding: 8px 14px 9px !important;}
    	
    .green.awesome, .green.awesome:visited		{ background-color: #91bd09 !important;}
    .green.awesome:hover						{ background-color: #749a02 !important;}
    .blue.awesome, .blue.awesome:visited		{ background-color: #2daebf !important;}
    .blue.awesome:hover							{ background-color: #007d9a !important;}
    .red.awesome, .red.awesome:visited			{ background-color: #e33100 !important;}
    .red.awesome:hover							{ background-color: #872300 !important;}
    .magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b !important;}
    .magenta.awesome:hover							{ background-color: #630030 !important;}
    .orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00 !important;}
    .orange.awesome:hover							{ background-color: #d45500 !important;}
    .yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515 !important;}
    .yellow.awesome:hover							{ background-color: #fc9200 !important;}

  • #10
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    Sorry for the really long css, but i thought maybe a coder might need to look over it, thus why i have never posted it before, the site is using different php files for the content, header, and footer, so would i need to load new css files for those too? or can i just just some sort of div class or wrapper?

  • #11
    Regular Coder
    Join Date
    Jul 2011
    Posts
    101
    Thanks
    7
    Thanked 6 Times in 6 Posts
    You couldn't just link to a css file? lol. Could you not just use media queries?
    Code:
    @media screen and (max-width: 320px) /* Portrait iPhone */ {
    
          //enter css for this size in here.
    
    }
    Web Design Portfolio 1 | Web Design Portfolio 2
    --------------------------------------------------------------------
    *Reminder to self. Validate code - then ask forum questions.

  • #12
    New Coder
    Join Date
    Mar 2013
    Posts
    63
    Thanks
    2
    Thanked 2 Times in 2 Posts
    but can I target certain content or divs by doing this?

  • #13
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts, Tallon IV, W-Class
    Posts
    285
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    Okay, first, you should have used spoilers for having all of your code in one post. Second, this is not the section of the website for PHP. Third, have you validated your code?
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #14
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,224
    Thanks
    10
    Thanked 269 Times in 268 Posts
    Quote Originally Posted by chakanevil View Post
    but can I target certain content or divs by doing this?
    Yes, that's the whole point of the media query:
    Code:
    @media only screen and (max-width:800px)
    	{
    	#content {width:600px;padding:10px}
    	}
    @media all and (max-width:600px)
    	{
    	#content {width:400px;padding:3px}
    	}
    Dave


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •