/* ============================================================
   portfolio.css — стили модуля «Портфолио» (mod_portfolio)
   Вынесены из inline-блоков <style> в portfolio.rb (см. комментарии
   к группам — там номера строк источника).
   Селекторы не переименованы: на них опираются app.js и portfolio.rb.
   ============================================================ */

/* ------------------------------------------------------------
   Общие стили страницы
   Источник: portfolio.rb, блок <style> строки 545–573 (body, :focus,
   ::-moz-focus-inner) и блок <style> строка 760 (h2).
   ------------------------------------------------------------ */
body {margin:0px;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
h2 {margin:20px 0 0 0;}

/* ------------------------------------------------------------
   Список групп (страница выбора группы)
   Источник: portfolio.rb, блок <style> строки 624–635.
   ------------------------------------------------------------ */
#groupList,#pupilWorkList {border:none;}
#groupList {text-align:center;}
#groupList a {color:#0b78a1; display: inline-block; width:160px; padding-top:4px; margin:5px 5px; text-align:center;
    padding-bottom:4px; background:white; border:1px solid #aaa; text-decoration:none;
    font-size:16pt;}
#groupList a:hover {background:#ccc;}
#pupilWorkList {margin-top:40px; table-layout:fixed; width:100%;}
span.groupNumber {font-weight:bold;}
span.groupCounts {font-size:10pt; position:relative; bottom:3px; left:10px;}
span.groupCounts img {vertical-align:middle;}

/* ------------------------------------------------------------
   Портфолио ученика: папки, работы, вложения
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
div.portfolioFolder {display:inline-block; margin-right:30px; border-radius:10px;
    transition: background-color 0.3s; -webkit-transition: background-color 0.3s; padding:10px; }
div.portfolioFolder:hover {background-color:#a4c8ef;}
img.portfolioWorkIcon {max-width:80%; margin-top:10px; margin-bottom:30px;}
p.siteReference,p.workAttachements {margin:3px;}

/* ------------------------------------------------------------
   Лайки (div.likes — обёртка, span.likes — кликабельный счётчик)
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
span.likes {color:#1a80ef; transition: background-color 0.3s; border-radius:10px; padding: 2px 8px;}
span.likes img {vertical-align:middle;}
span.likes:hover {background-color:#a4c8ef; cursor:pointer;}
div.likes {margin:4px 0px;}

/* ------------------------------------------------------------
   Список учеников и последние понравившиеся работы
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
a.pupilName {color:#0b78a1; padding:4px 0px 4px 0px; text-decoration:none;}
li.pupilItem img {vertical-align:middle;}
span.pupilCounts {color:#0b78a1;}
#recentLikeWorks h2, #recentLikeWorks h3 {margin:2px 0px;}
#recentLikeWorks h2 {font-size:14pt;}

/* ------------------------------------------------------------
   Навигация и инструкции (кнопки «Инструкции», «Назад», «Поделиться»)
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
#portfolioHelpBlock {position:absolute; display:inline-block; width:150px; color:#0b78a1; text-align:center; right:0px; top:0px; padding-top:7px; padding-bottom:7px; background:white; border:1px solid #aaa; text-decoration:none;}
#returnBackBlock {}
#portfolioHelpBlock:hover {background:#ccc;}
#portfolioShareBlock {position:absolute; display:inline-block; left:0px; top:0px;}
div.help {text-align:justify;}

/* ------------------------------------------------------------
   Сообщения об ошибках
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
div.errorMessages {color:#a00}

/* ------------------------------------------------------------
   Задачи программиста (progTask)
   Источник: portfolio.rb, блок <style> строки 545–573.
   ------------------------------------------------------------ */
.progTaskList {text-align: left;}
.progTask {display:inline-block; min-width:200px; margin-right:30px; white-space: nowrap; font-size:1.5em;}