/*
Theme Name: Twenty Ten icyb180
Theme URI: https://icyb180.org.ua/
Description: Дочірня тема до Twenty Ten для сайту відділу методів комбінаторної оптимізації та інтелектуальних інформаційних технологій Інституту кібернетики ім. В. М. Глушкова. Містить підсистему публікацій і оформлення сайту; усе інше успадковується від батьківської теми, яка тепер оновлюється штатно.
Author: icyb180
Template: twentyten
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyten-icyb180
*/

/*
 * Батьківські стилі підключаються через @import, а не через wp_enqueue_style,
 * і на це є причина. Twenty Ten виводить таблицю стилів рядком у header.php:
 *
 *     <link href="<?php echo get_stylesheet_uri(); ?>?ver=...">
 *
 * У дочірній темі get_stylesheet_uri() повертає ЦЕЙ файл, тож батьківський
 * style.css не завантажується взагалі. Додати його через wp_enqueue_style теж
 * не вийде: <link> стоїть у рядку 45 шаблону, а wp_head() — у рядку 62, тобто
 * пізніше, і батьківські правила перекрили б наші.
 */
@import url("../twentyten/style.css");


/* =Заголовки
-------------------------------------------------------------- */

/* Батько задає clear: both усім h1–h6; у нас лише h1 і h2 обтікання не мають. */
h3, h4, h5, h6 {
	clear: none;
}


/* =Шрифти й поля форм
-------------------------------------------------------------- */

/* Батько перелічує input і textarea, але не select. */
select {
	font-family: Georgia, "Bitstream Charter", serif;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

/*
 * До 29.08.2026 тут стояли input:-webkit-input-placeholder і
 * input:-moz-placeholder — з однією двокрапкою замість двох, тому жоден
 * браузер їх не застосовував.
 *
 * Правило й не мало на що діяти: атрибут placeholder="пошук" стояв
 * на <form>, а не на <input>. Виправлено обидві помилки — селектор
 * замінено на стандартний ::placeholder, атрибут перенесено на поле
 * в loop-page.php, — і підказка нарешті з'явилася.
 */
::placeholder {
	color: #999;
}

pre {
	font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
	font-size: 13px;
	padding: 1em;
	overflow: auto;
}


/* =Загальне оформлення
-------------------------------------------------------------- */

body {
	background: #f1f1f1 url(images/cubes.png);
}

#wrapper {
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

/*
 * Батько ставить #site-info ліворуч фіксованою шириною 700px, бо праворуч від
 * нього стояв блок #site-generator. Ми його прибрали у footer.php, тож ширину
 * й обтікання треба скасувати явно — інакше копірайт лишиться в лівій колонці.
 * font-weight скидається через друге батьківське правило в розділі футера.
 */
#site-info {
	float: none;
	width: auto;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}


/* =Вміст
-------------------------------------------------------------- */

#content,
#content input,
#content textarea,
#content select {
	line-height: 1.5;
}

#content select {
	color: #333;
	font-size: 16px;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr,
#content .publication-abstract {
	margin-bottom: 1em;
}

/* Батько зараховує #content pre до групи kbd/tt/var із розміром 15px; у нас
   блок коду має ті самі 13px, що й pre поза #content. */
#content pre {
	font-size: 13px;
	line-height: 18px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	line-height: 1.1;
	margin: 0 0 .5em 0;
}

#content .entry-content h1,
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 {
	font-weight: bold;
}

#content .page h2,
#content .post h2 {
	font-size: 1.5em;
	margin-top: 1.5em;
}


/* =Таблиці
-------------------------------------------------------------- */

#content tr th,
#content thead th {
	padding: 9px 16px;
	vertical-align: middle;
}

#content tr td {
	padding: 4px 16px;
	font-size: .85em;
}


/* =Записи
-------------------------------------------------------------- */

.entry-meta {
	padding-top: 10px;
}


/* =Публікації
-------------------------------------------------------------- */

.publications-list li {
	margin-bottom: 1em;
}

.publications-list br {
	display: none;
}

.publications-list .authors {
	display: block;
}

.publications-list .details {
	display: block;
	color: #555;
	font-size: .9em;
}

.authors a {
	color: #000;
}

.hidden {
	display: none;
}

.publications-filter input {
	margin-right: .5em;
}

.publications-filter br {
	display: none;
}

.publications-filter p {
	display: none;
	margin: 0 !important;
}

.publications-filter input,
.publications-filter select {
	margin-bottom: 1em;
}

.publications-filter {
	padding-bottom: 1em !important;
}

/* Прапорець і його підпис — одним шматком. Інакше рядок рветься
   між квадратиком і словами «без файла», і підпис опиняється під
   полем пошуку, ніби він до нього. */
/* 300px замість size="35": з такою шириною прапорець «без файла»
   ще міститься в одному рядку з полем і вибором автора. */
.publications-filter .tbx-query {
	width: 300px;
	max-width: 100%;
}

.publications-filter label {
	white-space: nowrap;
}

.publication-details {
	font-style: italic;
}

.publication-keywords .label {
	font-weight: bold;
}


/* =Іконки типів файлів
-------------------------------------------------------------- */

a[href$='.pdf'] {
	padding-left: 20px;
	background: transparent url(images/pdf-ico.png) center left no-repeat;
}

a[href$='.zip'] {
	padding-left: 20px;
	background: transparent url(images/zip-ico.png) center left no-repeat;
}

a[href$='.djvu'],
a[href$='.djv'] {
	padding-left: 20px;
	background: transparent url(images/djvu-ico.png) center left no-repeat;
}

a[href$='.doc'],
a[href$='.docx'] {
	padding-left: 20px;
	background: transparent url(images/doc-ico.png) center left no-repeat;
}


/* =Приховане замість перевизначення шаблонів
-------------------------------------------------------------- */

/*
 * Дві правки, заради яких не варто заморожувати цілі файли.
 * #meta — віджет «Реєстрація / Вхід / RSS» у бічній колонці (sidebar.php).
 * .nocomments — рядок «Comments are closed.» (comments.php).
 * Кожен перевизначений шаблон — це файл, який більше не оновлюється;
 * два рядки CSS коштують дешевше.
 */
#meta {
	display: none;
}

.nocomments {
	display: none;
}


/* =Адаптивність
-------------------------------------------------------------- */

/*
 * Twenty Ten не адаптивна, і версія 4.7 теж: у всій темі єдиний медіазапит —
 * @media print, а ширини жорсткі (обгортка 940px, бічна колонка 220px).
 *
 * Перебудовувати верстку не довелося. Дві колонки в темі побудовані на
 * від'ємному відступі: #container має width:100%, а не фіксовану ширину,
 * тож досить зняти жорсткі 940px з обгортки — і колонки стискаються самі.
 *
 * Мета-тег viewport ставиться в functions.php. Він і ці правила мусять
 * з'являтися разом: тег без медіазапитів прибирає масштабування, яким
 * мобільні браузери рятують нерозмічені сторінки, і замість дрібного,
 * але цілого макета дає горизонтальне прокручування.
 */

/* Гумова ширина. Обидві колонки лишаються й стискаються разом. */
@media (max-width: 980px) {
	#wrapper,
	#main,
	#branding,
	#colophon,
	#access .menu-header,
	div.menu {
		width: auto;
	}

	/* #access лишається плаваючим — саме float утримує в ньому пункти меню.
	   width:auto звузив би чорну смугу до ширини напису. */
	#access {
		width: 100%;
	}

	#access .menu-header,
	div.menu {
		margin-left: 0;
	}

	#access a {
		padding: 0 8px;
	}

	#wrapper {
		margin-top: 0;
	}

	/* Картинка шапки має width і height прямо в розмітці. */
	#branding img {
		float: none;
		width: 100%;
		height: auto;
	}

	#site-title {
		float: none;
		width: auto;
	}

	#site-description {
		clear: both;
		float: none;
		width: auto;
		margin: 0 0 12px 0;
	}

	/* Шаблон onecolumn-page.php (головна й публікації) додає класу
	   one-column, а той жорстко задає #content ширину 640px. */
	.one-column #content {
		width: auto;
	}

	#content img {
		max-width: 100%;
		height: auto;
	}

	/* Довгі адреси у вихідних даних публікацій не розпирають колонку. */
	#content a {
		overflow-wrap: anywhere;
	}
}

/* Одна колонка. */
@media (max-width: 650px) {
	#wrapper {
		padding: 0 12px;
	}

	#container {
		float: none;
		margin: 0;
		width: auto;
	}

	#content {
		margin: 0 0 24px 0;
	}

	#primary,
	#secondary {
		float: none;
		width: auto;
	}

	#footer-widget-area .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}

	/* Пункти меню перестають бути одним рядком і переносяться. */
	#access .menu-header li,
	div.menu li {
		float: none;
		display: inline-block;
	}

	#site-title {
		font-size: 24px;
		line-height: 1.2;
	}

	/* Форма фільтра: поле на всю ширину, решта переноситься під нього.

	   box-sizing обов'язковий: батьківське правило дає полю padding 2px
	   і рамку 1px, а за типового content-box вони додаються до ста
	   відсотків. Поле виходить на 6px ширшим за контейнер і обрізається
	   праворуч — рівно настільки, щоб на око здатися нормальним. */
	.publications-filter .tbx-query,
	.publications-filter .select-author {
		box-sizing: border-box;
	}

	.publications-filter .tbx-query {
		width: 100%;
	}

	.publications-filter .select-author {
		max-width: 100%;
	}

	/* Таблиці прокручуються самі, а не розпирають сторінку. */
	#content table {
		display: block;
		overflow-x: auto;
	}
}