From 53b6f859797a0977741607a00945626b106a1854 Mon Sep 17 00:00:00 2001 From: Sami Vaarala Date: Sat, 17 May 2014 01:29:19 +0300 Subject: [PATCH] layout prototype for api sections with wide window --- website/style-api.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/website/style-api.css b/website/style-api.css index bc401938..395c097d 100644 --- a/website/style-api.css +++ b/website/style-api.css @@ -1,3 +1,28 @@ /* * API specific CSS rules */ + +@media screen and (min-width:801px) { + /* On wide screens, slide API entry section headings to the side + * to make the entries more compact. + * + * Specificity must override normal section heading rules. + */ + /* FIXME: layout is pretty inconsistent now */ + h2.api-proto, + h2.api-stack, + h2.api-summary, + h2.api-example, + h2.api-seealso { + position: absolute; + left: 10px; + margin: 0; + padding: 5px 0 0 0; + width: 200px; + text-align: right; + height: 0; + overflow: visible; + color: #ccccdd; + font-size: 100%; + } +}