Поддержка Проблемы и решения Настройка стилей CSS

  • Здравствуйте, кто разбирается помогите сделать в блоке живого поиска стрелочку примерно такую же как и на этом скрине:
    http://pixs.ru/showimage/strelochka_2441246_12529238.jpg

    Сам блок поиска выглядит вот так:
    http://pixs.ru/showimage/blokpoiska_8131459_12529234.jpg
    Вот код стрелочки которую удалось найти в интернете, только внедрить ее не получается

    .popup.left:before {
        border-left: 10px solid #71653a;
        border-top: 10px solid rgba(113, 101, 58, 0);
        border-bottom: 10px solid rgba(113, 101, 58, 0);
        right: -10px;
        top: 20px;
    }

    Вот CSS код стилей самого блока поиска:

    /** Dave's WordPress Live Search CSS **/
    ul.search_results
    
    {
    display: block;
    border-radius: 10px;
    background-color:#fff;
    width:250px;
    max-height: 500px;
    position:absolute;
    top:10px;
    left:0px;
    overflow:auto;
    z-index: 9999;	
    
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;
    
    padding: 0px; /*Обводка вокруг блока */
    margin: 0px;
    
    box-shadow: 0 0 7px 1px rgba(221, 221, 221, 1);  /*подсветка блока */ 
    
    }
    
    ul.search_results li
    {
    display: block;
    padding: 2px 0px 0px 5px;  /*отступы от картинки */
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #aaa;
    text-align: left;	
    
    color: #000;
    background-color: #ddd;
    text-decoration: none;
    
    }
    
    ul.search_results li:hover
    {
    background-color: #fff;
    }
    
    ul.search_results li a, ul.search_results li a:visited
    {
    display: block;
    color: #354656;
    margin-left: 0px;
    padding-left: 0px;
    text-decoration: none;
    margin: 10px 0px 15px 1px;  /*отступы текста */
    font-weight: bold;
    }
    
    ul.search_results p#daves-wordpress-live-search_author
    {
    margin: 0px;
    font-size: 90%;
    font-weight: bold;
    }
    
    ul.search_results p#daves-wordpress-live-search_date
    {
    margin: 0px;
    font-size: 90%;
    }
    
    /* BEGIN post thumbnails */
    ul.search_results li.post_with_thumb a {
    width:150px;
    float:left;
    margin-bottom: 5px;
    }
    
    ul.search_results li.post_with_thumb img.post_thumb
    {
    border-radius: 7px;
    float: left;
    margin: 3px 10px 5px 0px; /*отступы от картинки */
    height: 80px;		/*размеры картинки */
    width: 58px;
    border: 1px solid #888;
    }
    /* END post thumbnails */
    
    /* BEGIN post excerpt */
    ul.search_results .excerpt, ul.search_results .meta
    {
    font-size: 75%;
    width: 100%;
    }
    /* END post excerpt */
    
    ul.search_results .clearfix
    {
    float: none !important;
    clear: both !important;
    }
    
    .search_footer {
    background-color: #888;
    width: 100%;
    text-align: right;
    padding: .5em 0;
    font-size: .9em;
    }
    
    .search_footer a,
    .search_footer a:visited {
    color: #fff;
    margin-right: 1em;
    }
    
    #search_results_activity_indicator{
    z-index:999999;
    }
  • Тема «Настройка стилей CSS» закрыта для новых ответов.