cmpuqrct: qrurls/static/qrurls/images.css@656c8ff72f77 (annotated)

53 8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	1	/* Images */
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	2	body {
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	3	background-color: black;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	4
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	5	padding: 0;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	6	margin: 0;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	7	}
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	8
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	9	div.container {
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	10	/* Provide relative width for img within */
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	11	width: 100%;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	12	height: 100%;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	13	}
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	14
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	15	div.container img {
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	16	border: none;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	17	margin: auto;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	18	display: block;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	19
60 b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	20	/* Scale down as necessary */
53 8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	21	max-width: 100%;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	22	}
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	23
60 b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	24	/* Heuristic for detecting mobile browsers */
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	25	@media (orientation: portrait) {
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	26	div.container img {
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	27	/* Scale up to full-width on portait */
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	28	width: 100%;
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	29	}
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	30	}
b411fd929a52 qrurls image: scale image up to full width on portait-mode browsers (mobile) terom parents: 57 diff changeset	31
53 8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	32	div.footer {
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	33	margin: 1em;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	34	padding: 1em;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	35
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	36	border-radius: 1em;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	37	background-color: #080808;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	38	opacity: 1.0;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	39
57 6142621de48e use sans-serif font terom parents: 53 diff changeset	40	font-family: sans-serif;
53 8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	41	text-align: center;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	42	color: #ff8800;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	43	font-weight: bold;
8e6e7ca39e48 split cmpuqrct/templates with base and analytics Tero Marttila <terom@fixme.fi> parents: diff changeset	44	}

author	Tero Marttila <terom@fixme.fi>
	Sat, 07 Sep 2013 16:15:34 +0300
changeset 86	656c8ff72f77
parent 60	b411fd929a52
permissions	-rw-r--r--