/* КЛАССЫ и СТИЛИ, претендующие на абсолютную типизацию. v. 2016-09-12 */

/* ПОВТОРЕНИЕ ПЕРЕМЕННЫХ из variables.less (зачем? см. PmWikiPh/PmWikiPh )
   Если эти переменные не определены ранее и файл не компилируется, раскомментируйте.
  
  @link-color:                  darken(#428bca, 6.5%); // #337ab7
  @link-hover-color:            darken(@link-color, 15%);
*/

/* ДЛЯ ИСПОЛЬЗОВАНИЯ РЕДАКТОРАМИ по мере необходимости */

.ph-dotted // точечное подчеркивание, применяем к элементам с title/tooltip
    { text-decoration: none; border-bottom: 2px dotted @link-color; color: @link-color; cursor: help;}
    
.ph-dashed // прерывистое подчеркивание, применяем к ссылкам-действиям
    { text-decoration: none; border-bottom: 1px dashed @link-color; color: @link-color; cursor: pointer;
    &:hover {color: @link-hover-color; border-color: @link-hover-color;}}
    
.ph-nowrap // запрет переноса строки
    {white-space: nowrap;}
    
.ph-relativer {position: relative;}

.ph-nuder:before, .ph-nuder > *:before {content: none !important;} // убирает окружающий контент у элемента и его непосредственных детей
.ph-nuder:after, .ph-nuder > *:after {content: none !important;}

.ph-air-h // дать "воздуха" горизонтально
    {margin-left: 2px; margin-right: 2px;} 
  
.ph-air-v // дать "воздуха" вертикально
    {margin-top: 2px; margin-bottom: 2px;}

.ph-shower // форсировать показ данного блока. 
// Позволяет, например, вручную "открывать" что-то, скрытое по-умолчанию
    {display: block;}

.ph-child-muter {
  img {opacity: 0.5;} 
  img:hover { 
    opacity: 1;
    box-shadow:   0px 0px 10px 0px @gray-light;
    border-color: @gray-light; }  
    }
    
.ph-yaAdmin // скрывает содержимое от неавторизованных пользователей, 
// (todo: показывает авторизованным через перекрывающий inline стиль)
    { display: none;}

.ph-stickerer {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
}



/* ДОПИЛ БУТСТРАПА */
.alert:empty  {display: none;} 
    
/* ОБЩИЕ для сайта */
a:focus {  outline: none; } // это для FF, чтобы бордюров не было после клика
img {max-width: 100%;} // кажется, никогда не хорошо, если картинка вылезает за пределы своего блока