@@ -1,295 +1,295 @@
-/*
- Linear by TEMPLATED
- templated.co @templatedco
- Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Grid */
-/*********************************************************************************/
-
-@import url(cells.css);
-
- .row > * {
- padding-left: 50px;
- }
- .row > *:first-child {
- padding-left: 0px;
- }
- .row + .row {
- padding-top: 50px;
- }
-
-/*********************************************************************************/
-/* Basic */
-/*********************************************************************************/
-
- .only-mobile, .not-desktop
- {
- display: none !important;
- }
-
- body
- {
- /* 90% transparent */
- background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px;
+/*
+ Linear by TEMPLATED
+ templated.co @templatedco
+ Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Grid */
+/*********************************************************************************/
+
+@import url(cells.css);
+
+ .row > * {
+ padding-left: 50px;
+ }
+ .row > *:first-child {
+ padding-left: 0px;
+ }
+ .row + .row {
+ padding-top: 50px;
+ }
+
+/*********************************************************************************/
+/* Basic */
+/*********************************************************************************/
+
+ .only-mobile, .not-desktop
+ {
+ display: none !important;
+ }
+
+ body
+ {
+ /* 90% transparent */
+ background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px;
background-color: #FFF;
- }
-
- body.homepage
- {
- /* 90% transparent */
- background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%;
+ }
+
+ body.homepage
+ {
+ /* 90% transparent */
+ background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%;
background-color: #FFF;
- }
-
- body,input,textarea,select
- {
- }
-
- .homepage h1
- {
- font-size: 7em;
- letter-spacing: -0.05em;
- }
-
- .homepage h2
- {
- font-size: 2.2em;
- }
-
- h1
- {
- font-size: 3em;
- }
-
- header
- {
- margin-bottom: 2em;
- }
-
- header .byline
- {
- font-size: 1.7em;
- }
-
-/*********************************************************************************/
-/* Header */
-/*********************************************************************************/
-
- #header
- {
- padding: 5em 0 2em 0;
- }
-
-/*********************************************************************************/
-/* Main */
-/*********************************************************************************/
-
- #main,#sidebar {
- margin-top: 5em;
- }
-
- #sidebar h1
- {
- font-size: 2.4em;
- letter-spacing: 0em;
- line-height: 1.2em;
- margin-top: -0.2em;
- }
-
-/*********************************************************************************/
-/* Footer */
-/*********************************************************************************/
-
- #footer
- {
- padding: 1em 0em;
- }
-
- #footer-inner
- {
- width: 95%;
- display: table;
- margin: auto;
- }
-
- #footer ul
- {
- width: 25%;
- display: table-cell;
- padding-left: 2em;
- }
-
- #footer ul:first-child
- {
- padding-left: 0px;
- }
-
-/*********************************************************************************/
-/* Featured */
-/*********************************************************************************/
-
- #featured
- {
- padding: 3em 0em 1em 0em;
- }
-
- #featured p
- {
- line-height: 1.5em;
- font-size: 1.2em;
- }
-
- .\31 u img { height: 6vw; }
- .\32 u img { height: 12vw; }
- .\33 u img { height: 18vw; }
- .\34 u img { height: 24vw; }
- .\36 u img { height: 36vw; }
- .\37 u img { height: 42vw; }
- .\38 u img { height: 48vw; }
- .\39 u img { height: 54vw; }
- .\31 0u img { height: 60vw; }
- .\31 1u img { height: 66vw; }
- .\31 2u img { height: 72vw; }
-
-/*********************************************************************************/
-/* Horizontal menu */
-/*********************************************************************************/
- .horiz-menu > ul
- {
- width: 100%;
- margin: 0;
- padding: 0;
- display: table;
- border-collapse: collapse;
- }
- .horiz-menu > ul > li
- {
- width: 25%;
- border: 1px solid #000000;
- display: table-cell;
- color: #F03B11;
- }
- .horiz-menu > ul > li:hover
- {
- background: #FCECD4;
- color: #802400;
- }
-
- .horiz-menu > ul > li > a
- {
- display: block;
- padding: 1em;
- border-bottom: 5px transparent;
- white-space: nowrap;
- color: inherit;
- }
- .horiz-menu > ul > li > a:hover
- {
- text-decoration: none;
- }
- .horiz-menu > ul > li.active > a
- {
- border-bottom: 5px #F03B11 solid;
- }
-
- .horiz-menu > ul > li.active > a:hover
- {
- border-bottom: 5px #802400 solid;
- }
-
- .horiz-menu > article
- {
- padding-top: 1em;
- margin: 0;
- display: none;
- }
-
- .horiz-menu > article.active
- {
- display: block;
- }
-
-/*********************************************************************************/
-/* Nav */
-/*********************************************************************************/
-
- #titleBar
- {
- display: none !important;
- }
-
- #nav
- {
- display: block !important;
- z-index: 2;
- position: fixed;
- background: #802400;
- background: -webkit-linear-gradient(top, #802400 0%,#800800 100%);
- background: linear-gradient(to bottom, #802400 0%,#800800 100%);
- left: 0;
- top: 0;
- width: 100%;
- }
-
- #nav > ul
- {
- text-align: right;
- margin: 0;
- }
-
- #nav > ul > li
- {
- display: inline-block;
- margin: 0;
- padding: 0.5em 2em 0.5em 0em;
- color: #FFF;
- letter-spacing: 0.06em;
- text-transform: uppercase;
- font-size: 1.1em;
- }
-
- #nav a
- {
- text-decoration: none;
- color: inherit;
- }
-
- #nav > ul > li > a,
- #nav > ul > li > span
- {
- display: inline-block;
- padding: 3px 0.5em 3px 0.5em;
- }
-
- #nav > ul > li:hover > a,
- #nav > ul > li:hover > span
- {
- border-bottom: 3px solid #F0A833;
- padding-bottom: 0px;
- }
-
- #nav li.current a
- {
- font-weight: 500;
- }
-
-/*
- #nav > ul > li.home
- {
- display: block;
- float: left;
- }
-*/
-
- #nav > ul > li > ul
- {
- display: none;
- }
-
-
-/* Colorbox customization */
-
- body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; }
- body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; }
+ }
+
+ body,input,textarea,select
+ {
+ }
+
+ .homepage h1
+ {
+ font-size: 7em;
+ letter-spacing: -0.05em;
+ }
+
+ .homepage h2
+ {
+ font-size: 2.2em;
+ }
+
+ h1
+ {
+ font-size: 3em;
+ }
+
+ header
+ {
+ margin-bottom: 2em;
+ }
+
+ header .byline
+ {
+ font-size: 1.7em;
+ }
+
+/*********************************************************************************/
+/* Header */
+/*********************************************************************************/
+
+ #header
+ {
+ padding: 5em 0 2em 0;
+ }
+
+/*********************************************************************************/
+/* Main */
+/*********************************************************************************/
+
+ #main,#sidebar {
+ margin-top: 5em;
+ }
+
+ #sidebar h1
+ {
+ font-size: 2.4em;
+ letter-spacing: 0em;
+ line-height: 1.2em;
+ margin-top: -0.2em;
+ }
+
+/*********************************************************************************/
+/* Footer */
+/*********************************************************************************/
+
+ #footer
+ {
+ padding: 1em 0em;
+ }
+
+ #footer-inner
+ {
+ width: 95%;
+ display: table;
+ margin: auto;
+ }
+
+ #footer ul
+ {
+ width: 25%;
+ display: table-cell;
+ padding-left: 2em;
+ }
+
+ #footer ul:first-child
+ {
+ padding-left: 0px;
+ }
+
+/*********************************************************************************/
+/* Featured */
+/*********************************************************************************/
+
+ #featured
+ {
+ padding: 3em 0em 1em 0em;
+ }
+
+ #featured p
+ {
+ line-height: 1.5em;
+ font-size: 1.2em;
+ }
+
+ .\31 u img { height: 6vw; }
+ .\32 u img { height: 12vw; }
+ .\33 u img { height: 18vw; }
+ .\34 u img { height: 24vw; }
+ .\36 u img { height: 36vw; }
+ .\37 u img { height: 42vw; }
+ .\38 u img { height: 48vw; }
+ .\39 u img { height: 54vw; }
+ .\31 0u img { height: 60vw; }
+ .\31 1u img { height: 66vw; }
+ .\31 2u img { height: 72vw; }
+
+/*********************************************************************************/
+/* Horizontal menu */
+/*********************************************************************************/
+ .horiz-menu > ul
+ {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ display: table;
+ border-collapse: collapse;
+ }
+ .horiz-menu > ul > li
+ {
+ width: 25%;
+ border: 1px solid #000000;
+ display: table-cell;
+ color: #F03B11;
+ }
+ .horiz-menu > ul > li:hover
+ {
+ background: #FCECD4;
+ color: #802400;
+ }
+
+ .horiz-menu > ul > li > a
+ {
+ display: block;
+ padding: 1em;
+ border-bottom: 5px transparent;
+ white-space: nowrap;
+ color: inherit;
+ }
+ .horiz-menu > ul > li > a:hover
+ {
+ text-decoration: none;
+ }
+ .horiz-menu > ul > li.active > a
+ {
+ border-bottom: 5px #F03B11 solid;
+ }
+
+ .horiz-menu > ul > li.active > a:hover
+ {
+ border-bottom: 5px #802400 solid;
+ }
+
+ .horiz-menu > article
+ {
+ padding-top: 1em;
+ margin: 0;
+ display: none;
+ }
+
+ .horiz-menu > article.active
+ {
+ display: block;
+ }
+
+/*********************************************************************************/
+/* Nav */
+/*********************************************************************************/
+
+ #titleBar
+ {
+ display: none !important;
+ }
+
+ #nav
+ {
+ display: block !important;
+ z-index: 2;
+ position: fixed;
+ background: #802400;
+ background: -webkit-linear-gradient(top, #802400 0%,#800800 100%);
+ background: linear-gradient(to bottom, #802400 0%,#800800 100%);
+ left: 0;
+ top: 0;
+ width: 100%;
+ }
+
+ #nav > ul
+ {
+ text-align: right;
+ margin: 0;
+ }
+
+ #nav > ul > li
+ {
+ display: inline-block;
+ margin: 0;
+ padding: 0.5em 2em 0.5em 0em;
+ color: #FFF;
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+ font-size: 1.1em;
+ }
+
+ #nav a
+ {
+ text-decoration: none;
+ color: inherit;
+ }
+
+ #nav > ul > li > a,
+ #nav > ul > li > span
+ {
+ display: inline-block;
+ padding: 3px 0.5em 3px 0.5em;
+ }
+
+ #nav > ul > li:hover > a,
+ #nav > ul > li:hover > span
+ {
+ border-bottom: 3px solid #F0A833;
+ padding-bottom: 0px;
+ }
+
+ #nav li.current a
+ {
+ font-weight: 500;
+ }
+
+/*
+ #nav > ul > li.home
+ {
+ display: block;
+ float: left;
+ }
+*/
+
+ #nav > ul > li > ul
+ {
+ display: none;
+ }
+
+
+/* Colorbox customization */
+
+ body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; }
+ body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; }
@@ -1,375 +1,375 @@
-/*
- Linear by TEMPLATED
- templated.co @templatedco
- Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Grid */
-/*********************************************************************************/
-
- .row > * {
- padding: 15px 0 0 0;
- float: none;
- margin-left: auto !important;
- margin-right: auto !important;
- }
- .row + .row > * {
- padding-top: 15px;
- }
-
-/*********************************************************************************/
-/* Basic */
-/*********************************************************************************/
-
- .only-desktop, .not-mobile
- {
- display: none !important;
- }
-
- body,input,textarea,select
- {
- line-height: 1.5em;
- font-size: 10.5pt;
- letter-spacing: 0;
- }
-
- body
- {
- background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center;
- }
- body.homepage
- {
- background-position: center 200px;
- background-attachment: scroll;
- }
- body.fixed
- {
- background-position: center 80px;
- background-attachment: fixed;
- }
-
- #featured
- {
- padding-top: 250px;
- }
- @media (min-width:500px) {
- body
- {
- background-image: url(../images/qemu_head_400_faint.png);
- }
- #featured
- {
- padding-top: 50px;
- }
- }
-
- section,
- article
- {
- clear: both;
- margin: 2em 0 2em 0;
- }
-
- .container
- {
- padding: 0em 1em;
- }
-
- header
- {
- margin-bottom: 1.6em;
- }
-
- header .byline
- {
- font-size: 1.2em;
- }
-
- .button
- {
- display: block;
- width: 100%;
- text-align: center;
- }
-
- .homepage h1
- {
- font-size: 3em;
- padding-top: 0.6em;
- }
-
- h1, .homepage h2
- {
- font-size: 2em;
- }
-
- h2, .homepage h3
- {
- font-size: 1.6em;
- }
-
- h3, h4, h5, h6
- {
- font-size: 1.5em;
- }
-
-/*********************************************************************************/
-/* UI */
-/*********************************************************************************/
-
- #titleBar
- {
- width: 100%;
- background: #161616;
- height: 44px;
- overflow: hidden;
- position: fixed;
- margin-top: -44px;
- z-index: 2;
- }
-
- body.js {
- padding-top: 44px;
- }
-
- #titleBar .title
- {
- color: #fff;
- text-align: center;
- line-height: 44px;
- font-weight: 300;
- text-decoration: none;
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- z-index: 1;
- }
-
- button[aria-controls="nav"]
- {
- float: left;
- position: relative;
- left: 0;
- top: 0;
- width: 80px;
- height: 44px;
- cursor: pointer;
- z-index: 2;
- background: transparent;
- border: 0px;
- color: #808080;
- }
-
- button[aria-controls="nav"] > span.fa
- {
- width: 20px;
- height: 12px;
- position: absolute;
- left: 12px;
- top: 10px;
- }
-
- button[aria-controls="nav"]:active
- {
- color: #c0c0c0;
- }
- #nav
- {
- padding: 0em;
- background: #1f1f1f;
- }
-
- #titleBar + #nav {
- position: fixed;
- margin-left: -80%;
- width: 80%;
- height: 100%;
- z-index: 2;
- left: 0;
- top: 0;
- }
-
- #nav > ul
- {
- margin: 0em;
- padding: 0.3em;
- }
-
- #nav > ul > li
- {
- border-top: 1px solid white;
- margin: 0;
- padding: 0.3em;
- color: #ffffff;
- }
-
- #nav > ul > li:first-child
- {
- border-top: 0px;
- }
-
- #nav > ul > li > a,
- #nav > ul > li > span
- {
- display: block;
- padding: 0 1em 0 1em;
- letter-spacing: 1px;
- color: inherit;
- text-align: left;
- }
-
-/*********************************************************************************/
-/* Header */
-/*********************************************************************************/
-
- #header {
- height: 9em;
- }
-
- #header h1 {
- margin-bottom: 0.2em;
- }
-
-/*********************************************************************************/
-/* Logo */
-/*********************************************************************************/
-
-
-/*********************************************************************************/
-/* Columns */
-/*********************************************************************************/
-
- #main, #footer-inner, #copyright-inner
- {
- margin-left: 0%;
- width: 100%;
- }
-
- #sidebar
- {
- margin-left: 0%;
- width: 100%;
- }
-
-/*********************************************************************************/
-/* Main */
-/*********************************************************************************/
-
- #main
- {
- padding: 2em 0em 1em 0em;
- }
-
-/*********************************************************************************/
-/* Sidebar */
-/*********************************************************************************/
-
- #sidebar
- {
- clear: left;
- }
-
- #sidebar h1
- {
- font-size: 1.6em;
- }
-
-/*********************************************************************************/
-/* Footer */
-/*********************************************************************************/
-
- #footer
- {
- padding: 1em;
- }
-
- #footer ul
- {
- padding: 0.6em 0px;
- border-top: 1px solid white;
- }
-
- #footer ul:first-child
- {
- border-top: 0px;
- }
-
-/*********************************************************************************/
-/* Featured */
-/*********************************************************************************/
-
- #featured
- {
- padding-bottom: 3em;
- }
-
- #featured h3
- {
- padding: 0.5em 0em;
- font-size: 1.4em;
- margin: 0em;
- }
- #featured h3+p
- {
- margin-top: 0em;
- }
-
- #featured .pennant a
- {
- cursor: inherit;
- }
-
- #featured .pennant img
- {
- object-position: bottom;
- background-position: bottom; /* for IE polyfill */
- }
- @media (orientation: landscape) {
- #featured .pennant img
- {
- height: 70vh;
- }
- }
-
-/*********************************************************************************/
-/* Welcome */
-/*********************************************************************************/
-
- #welcome
- {
- padding: 4em 0em 3em 0em;
- }
-
-/*********************************************************************************/
-/* Horizontal menu */
-/*********************************************************************************/
- .horiz-menu > ul
- {
- display: none !important;
- }
- .horiz-menu > article
- {
- display: block !important;
- border: 1px solid #000000;
- padding: 1em;
- margin-bottom: 1em;
- }
- .horiz-menu > article > header
- {
- display: block !important;
- }
- .horiz-menu pre
- {
- border: 0px;
- }
-
-/*********************************************************************************/
-/* Releases */
-/*********************************************************************************/
-
- #releases ul > li {
- width: 48%;
- }
+/*
+ Linear by TEMPLATED
+ templated.co @templatedco
+ Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Grid */
+/*********************************************************************************/
+
+ .row > * {
+ padding: 15px 0 0 0;
+ float: none;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .row + .row > * {
+ padding-top: 15px;
+ }
+
+/*********************************************************************************/
+/* Basic */
+/*********************************************************************************/
+
+ .only-desktop, .not-mobile
+ {
+ display: none !important;
+ }
+
+ body,input,textarea,select
+ {
+ line-height: 1.5em;
+ font-size: 10.5pt;
+ letter-spacing: 0;
+ }
+
+ body
+ {
+ background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center;
+ }
+ body.homepage
+ {
+ background-position: center 200px;
+ background-attachment: scroll;
+ }
+ body.fixed
+ {
+ background-position: center 80px;
+ background-attachment: fixed;
+ }
+
+ #featured
+ {
+ padding-top: 250px;
+ }
+ @media (min-width:500px) {
+ body
+ {
+ background-image: url(../images/qemu_head_400_faint.png);
+ }
+ #featured
+ {
+ padding-top: 50px;
+ }
+ }
+
+ section,
+ article
+ {
+ clear: both;
+ margin: 2em 0 2em 0;
+ }
+
+ .container
+ {
+ padding: 0em 1em;
+ }
+
+ header
+ {
+ margin-bottom: 1.6em;
+ }
+
+ header .byline
+ {
+ font-size: 1.2em;
+ }
+
+ .button
+ {
+ display: block;
+ width: 100%;
+ text-align: center;
+ }
+
+ .homepage h1
+ {
+ font-size: 3em;
+ padding-top: 0.6em;
+ }
+
+ h1, .homepage h2
+ {
+ font-size: 2em;
+ }
+
+ h2, .homepage h3
+ {
+ font-size: 1.6em;
+ }
+
+ h3, h4, h5, h6
+ {
+ font-size: 1.5em;
+ }
+
+/*********************************************************************************/
+/* UI */
+/*********************************************************************************/
+
+ #titleBar
+ {
+ width: 100%;
+ background: #161616;
+ height: 44px;
+ overflow: hidden;
+ position: fixed;
+ margin-top: -44px;
+ z-index: 2;
+ }
+
+ body.js {
+ padding-top: 44px;
+ }
+
+ #titleBar .title
+ {
+ color: #fff;
+ text-align: center;
+ line-height: 44px;
+ font-weight: 300;
+ text-decoration: none;
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+ }
+
+ button[aria-controls="nav"]
+ {
+ float: left;
+ position: relative;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 44px;
+ cursor: pointer;
+ z-index: 2;
+ background: transparent;
+ border: 0px;
+ color: #808080;
+ }
+
+ button[aria-controls="nav"] > span.fa
+ {
+ width: 20px;
+ height: 12px;
+ position: absolute;
+ left: 12px;
+ top: 10px;
+ }
+
+ button[aria-controls="nav"]:active
+ {
+ color: #c0c0c0;
+ }
+ #nav
+ {
+ padding: 0em;
+ background: #1f1f1f;
+ }
+
+ #titleBar + #nav {
+ position: fixed;
+ margin-left: -80%;
+ width: 80%;
+ height: 100%;
+ z-index: 2;
+ left: 0;
+ top: 0;
+ }
+
+ #nav > ul
+ {
+ margin: 0em;
+ padding: 0.3em;
+ }
+
+ #nav > ul > li
+ {
+ border-top: 1px solid white;
+ margin: 0;
+ padding: 0.3em;
+ color: #ffffff;
+ }
+
+ #nav > ul > li:first-child
+ {
+ border-top: 0px;
+ }
+
+ #nav > ul > li > a,
+ #nav > ul > li > span
+ {
+ display: block;
+ padding: 0 1em 0 1em;
+ letter-spacing: 1px;
+ color: inherit;
+ text-align: left;
+ }
+
+/*********************************************************************************/
+/* Header */
+/*********************************************************************************/
+
+ #header {
+ height: 9em;
+ }
+
+ #header h1 {
+ margin-bottom: 0.2em;
+ }
+
+/*********************************************************************************/
+/* Logo */
+/*********************************************************************************/
+
+
+/*********************************************************************************/
+/* Columns */
+/*********************************************************************************/
+
+ #main, #footer-inner, #copyright-inner
+ {
+ margin-left: 0%;
+ width: 100%;
+ }
+
+ #sidebar
+ {
+ margin-left: 0%;
+ width: 100%;
+ }
+
+/*********************************************************************************/
+/* Main */
+/*********************************************************************************/
+
+ #main
+ {
+ padding: 2em 0em 1em 0em;
+ }
+
+/*********************************************************************************/
+/* Sidebar */
+/*********************************************************************************/
+
+ #sidebar
+ {
+ clear: left;
+ }
+
+ #sidebar h1
+ {
+ font-size: 1.6em;
+ }
+
+/*********************************************************************************/
+/* Footer */
+/*********************************************************************************/
+
+ #footer
+ {
+ padding: 1em;
+ }
+
+ #footer ul
+ {
+ padding: 0.6em 0px;
+ border-top: 1px solid white;
+ }
+
+ #footer ul:first-child
+ {
+ border-top: 0px;
+ }
+
+/*********************************************************************************/
+/* Featured */
+/*********************************************************************************/
+
+ #featured
+ {
+ padding-bottom: 3em;
+ }
+
+ #featured h3
+ {
+ padding: 0.5em 0em;
+ font-size: 1.4em;
+ margin: 0em;
+ }
+ #featured h3+p
+ {
+ margin-top: 0em;
+ }
+
+ #featured .pennant a
+ {
+ cursor: inherit;
+ }
+
+ #featured .pennant img
+ {
+ object-position: bottom;
+ background-position: bottom; /* for IE polyfill */
+ }
+ @media (orientation: landscape) {
+ #featured .pennant img
+ {
+ height: 70vh;
+ }
+ }
+
+/*********************************************************************************/
+/* Welcome */
+/*********************************************************************************/
+
+ #welcome
+ {
+ padding: 4em 0em 3em 0em;
+ }
+
+/*********************************************************************************/
+/* Horizontal menu */
+/*********************************************************************************/
+ .horiz-menu > ul
+ {
+ display: none !important;
+ }
+ .horiz-menu > article
+ {
+ display: block !important;
+ border: 1px solid #000000;
+ padding: 1em;
+ margin-bottom: 1em;
+ }
+ .horiz-menu > article > header
+ {
+ display: block !important;
+ }
+ .horiz-menu pre
+ {
+ border: 0px;
+ }
+
+/*********************************************************************************/
+/* Releases */
+/*********************************************************************************/
+
+ #releases ul > li {
+ width: 48%;
+ }
@@ -1,592 +1,592 @@
-@charset 'UTF-8';
-/*
- Linear by TEMPLATED
- templated.co @templatedco
- Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Basic */
-/*********************************************************************************/
-
- body
- {
- margin: 0;
- padding: 0;
- background: #ffffff;
- }
-
- body,input,textarea,select
- {
- font-family: 'Roboto', sans-serif;
- font-size: 11pt;
- font-weight: 300;
- line-height: 1.75em;
- color: #000000;
- }
-
- strong,b,a
- {
- font-weight: 400;
- }
- strong a,b a
- {
- font-weight: 500;
- }
- h1,.homepage h2
- {
- font-weight: 300;
- color: black;
- }
- h2,h3,h4,h5,h6
- {
- font-weight: 400;
- color: #802400;
- }
-
- pre,code,samp,tt
- {
- font-family: 'Roboto Mono', monospace;
- }
- pre,code
- {
- background: rgba(0,0,0,0.05);
- }
-
- .homepage h1 {
- margin: 0;
- }
-
- h1, .homepage h2
- {
- letter-spacing: -0.025em;
- line-height: 1.025em;
- margin-top: -0.125em;
- }
-
- h2, .homepage h3
- {
- font-size: 2em;
- }
-
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
- {
- color: inherit;
- font-weight: inherit;
- }
-
- h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
- {
- text-decoration: none;
- }
-
- pre
- {
- padding: 1em;
- border: 1px #000000 solid;
- max-width: 100%;
- overflow-x: auto;
- }
-
- a
- {
- text-decoration: none;
- color: #F03B11;
- }
-
- a:hover
- {
- text-decoration: underline;
- }
-
- sub
- {
- position: relative;
- top: 0.5em;
- font-size: 0.8em;
- }
-
- sup
- {
- position: relative;
- top: -0.5em;
- font-size: 0.8em;
- }
-
- hr
- {
- border: 0;
- border-top: solid 1px #333;
- margin: 2em 0 2em 0;
- padding: 0;
- }
-
- blockquote
- {
- border-left: solid 0.5em #333;
- padding: 1em 0 1em 2em;
- font-style: italic;
- }
-
- p, ul, ol, dl, table
- {
- margin-bottom: 1em;
- }
-
- header
- {
- margin-bottom: 1em;
- }
-
- header h1, header h2, header h3, header h4, header h5, header h6
- {
- margin-bottom: 0em;
- }
-
- header .byline
- {
- display: block;
- margin: 1.5em 0 0 0;
- padding: 0 0 0.5em 0;
- }
-
- .posted {
- letter-spacing: 1px;
- text-transform: uppercase;
- font-size: 80%;
- color: #999999;
- }
-
- footer
- {
- margin-top: 1em;
- }
-
- .clear
- {
- clear: both;
- }
-
- .pennant
- {
- color: #999999;
- }
-
- /* Sections/Articles */
-
- section,
- article
- {
- margin-bottom: 3em;
- }
-
- section > :last-child,
- article > :last-child
- {
- margin-bottom: 0;
- }
-
- section:last-child,
- article:last-child
- {
- margin-bottom: 0;
- }
-
- .row > section,
- .row > article
- {
- margin-bottom: 0;
- }
-
- /* Images */
-
- img {
- max-width: 100%;
- }
-
- .image
- {
- display: inline-block;
- }
-
- .image img
- {
- display: block;
- width: 100%;
- }
-
- .image.featured
- {
- display: block;
- width: 100%;
- margin: 0 0 2em 0;
- }
-
- .image.full
- {
- display: block;
- width: 100%;
- margin-bottom: 2em;
- }
-
- .image.left
- {
- float: left;
- margin: 0 2em 2em 0;
- }
-
- .image.centered
- {
- display: block;
- margin: 0 0 2em 0;
- }
-
- .image.centered img
- {
- margin: 0 auto;
- width: auto;
- }
-
- /* Lists */
-
- ul.style
- {
- margin-bottom: 0em;
- padding: 0;
- }
-
- ul.style li {
- margin: 0;
- padding: 0em 0em 1.5em 0em;
- list-style: none;
- }
-
- ul.category
- {
- margin: 0;
- padding: 0;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-size: 80%;
- color: #999999;
- }
-
- ul.category li {
- display: inline;
- margin: 0;
- padding: 0;
- list-style: none;
- padding-right: 1em;
- }
- ul.category li::before {
- padding-right: 0.3em;
- }
-
-
- /* Buttons */
-
- .button
- {
- position: relative;
- display: inline-block;
- background: #F03B11;
- padding: 0.8em 2em;
- font-size: 1.2em;
- color: #FFF;
- -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- text-align: center;
- border-radius: 0.25em;
- }
-
- .button:hover
- {
- background: #F01111;
- text-decoration: none;
- }
-
-/*********************************************************************************/
-/* Icons */
-/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */
-/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */
-/*********************************************************************************/
-
- .fa
- {
- text-decoration: none;
- }
-
- .fa.solo
- {
- }
-
- .fa.solo span
- {
- display: none;
- }
-
- .fa:before
- {
- display:inline-block;
- font-family: FontAwesome;
- font-size: 1.25em;
- text-decoration: none;
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing:antialiased;
- -moz-osx-font-smoothing:grayscale;
- }
-
-/*********************************************************************************/
-/* Social Icon Styles */
-/*********************************************************************************/
-
- ul.contact
- {
- padding: 1.5em 0 0 0;
- list-style: none;
- cursor: default;
- }
-
- ul.contact li
- {
- display: inline-block;
- margin: 0 1em;
- }
-
- ul.contact li span
- {
- display: none;
- margin: 0;
- padding: 0;
- }
-
- ul.contact li a
- {
- color: inherit;
- font-size: 1.75em;
- display: inline-block;
- -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
- }
-
- ul.contact li a:hover
- {
- color: #fff;
- }
-
-/*********************************************************************************/
-/* Header */
-/*********************************************************************************/
-
- #header
- {
- position: relative;
- background: #f03b11;
- background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%);
- background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%);
- background-size: cover;
- text-align: center;
- }
-
- #header:after
- {
- content: '';
- position: relative;
- width: 0;
- height: 6em;
- left: 0;
- top: 0;
- float: left;
- }
-
-/*********************************************************************************/
-/* Logo */
-/*********************************************************************************/
-
- #header h1
- {
- color: #FFF;
- text-decoration: none;
- font-weight: 300;
- line-height: 1em;
- }
- #header .tag
- {
- font-size: 1.4em;
- color: #FFF;
- }
-
-/*********************************************************************************/
-/* Columns */
-/*********************************************************************************/
-
- #main, #copyright-inner
- {
- margin-left: 16.667%;
- width: 66.667%;
- }
-
- #sidebar
- {
- width: 16.667%;
- }
-
-/*********************************************************************************/
-/* Main */
-/*********************************************************************************/
-
- #main
- {
- clear: left;
- }
-
- #main, #sidebar
- {
- position: relative;
- float: left;
- padding-bottom: 3em;
- }
-
- .homepage header, .homepage p
- {
- text-align: center;
- }
-
- #sidebar header
- {
- margin-bottom: 0.50em;
- }
-
-/*********************************************************************************/
-/* Releases */
-/*********************************************************************************/
- #releases
- {
- margin: 2em 0em;
- text-align: center;
- }
-
- #releases ul, #releases p
- {
- margin: 0em;
- }
-
- #releases ul > li
- {
- list-style: none;
- display: inline-block;
- width: 40%;
- margin: 1em 0em;
- }
-
- #releases ul > li > strong
- {
- list-style: none;
- display: block;
- font-size: 3em;
- margin-bottom: 0.2em;
- }
-
-/*********************************************************************************/
-/* Footer */
-/*********************************************************************************/
-
- #footer
- {
- position: relative;
- clear: left;
- background: #401200;
- color: #FFF;
- }
-
- #footer a
- {
- color: inherit;
- }
-
- #footer ul
- {
- vertical-align: top;
- }
-
- #footer ul, #footer ul > li
- {
- padding: 0;
- margin: 0
- }
-
-/*********************************************************************************/
-/* Copyright */
-/*********************************************************************************/
-
- #copyright
- {
- clear: left;
- border-top: 1px solid #aaaaaa;
- position: relative;
- color: #aaaaaa;
- background: #ffffff;
- padding: 1em 0em;
- }
-
- #copyright a
- {
- color: inherit;
- }
-
-/*********************************************************************************/
-/* Featured */
-/*********************************************************************************/
-
- #featured
- {
- position: relative;
- background: rgba(0,0,0,0.05);
- text-align: center;
- margin-bottom: 2em;
- }
-
- #featured header
- {
- border-bottom: 1px solid #333333;
- }
- #featured h2
- {
- margin-bottom: 0em;
- }
-
- #featured h3
- {
- padding: 1.5em 0em;
- font-size: 1.6em;
- display: block;
- font-weight: 300;
- height: 2em;
- margin: 0em 0em 1em 0em;
- }
-
- #featured .pennant
- {
- font-size: 4em;
- }
-
- #featured .pennant img
- {
- width: 100%;
- object-fit: contain;
- background-size: contain; /* for IE polyfill */
- background-repeat: no-repeat; /* for IE polyfill */
- }
-
- #featured .button
- {
- margin-top: 1.5em;
- }
+@charset 'UTF-8';
+/*
+ Linear by TEMPLATED
+ templated.co @templatedco
+ Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Basic */
+/*********************************************************************************/
+
+ body
+ {
+ margin: 0;
+ padding: 0;
+ background: #ffffff;
+ }
+
+ body,input,textarea,select
+ {
+ font-family: 'Roboto', sans-serif;
+ font-size: 11pt;
+ font-weight: 300;
+ line-height: 1.75em;
+ color: #000000;
+ }
+
+ strong,b,a
+ {
+ font-weight: 400;
+ }
+ strong a,b a
+ {
+ font-weight: 500;
+ }
+ h1,.homepage h2
+ {
+ font-weight: 300;
+ color: black;
+ }
+ h2,h3,h4,h5,h6
+ {
+ font-weight: 400;
+ color: #802400;
+ }
+
+ pre,code,samp,tt
+ {
+ font-family: 'Roboto Mono', monospace;
+ }
+ pre,code
+ {
+ background: rgba(0,0,0,0.05);
+ }
+
+ .homepage h1 {
+ margin: 0;
+ }
+
+ h1, .homepage h2
+ {
+ letter-spacing: -0.025em;
+ line-height: 1.025em;
+ margin-top: -0.125em;
+ }
+
+ h2, .homepage h3
+ {
+ font-size: 2em;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+ {
+ color: inherit;
+ font-weight: inherit;
+ }
+
+ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
+ {
+ text-decoration: none;
+ }
+
+ pre
+ {
+ padding: 1em;
+ border: 1px #000000 solid;
+ max-width: 100%;
+ overflow-x: auto;
+ }
+
+ a
+ {
+ text-decoration: none;
+ color: #F03B11;
+ }
+
+ a:hover
+ {
+ text-decoration: underline;
+ }
+
+ sub
+ {
+ position: relative;
+ top: 0.5em;
+ font-size: 0.8em;
+ }
+
+ sup
+ {
+ position: relative;
+ top: -0.5em;
+ font-size: 0.8em;
+ }
+
+ hr
+ {
+ border: 0;
+ border-top: solid 1px #333;
+ margin: 2em 0 2em 0;
+ padding: 0;
+ }
+
+ blockquote
+ {
+ border-left: solid 0.5em #333;
+ padding: 1em 0 1em 2em;
+ font-style: italic;
+ }
+
+ p, ul, ol, dl, table
+ {
+ margin-bottom: 1em;
+ }
+
+ header
+ {
+ margin-bottom: 1em;
+ }
+
+ header h1, header h2, header h3, header h4, header h5, header h6
+ {
+ margin-bottom: 0em;
+ }
+
+ header .byline
+ {
+ display: block;
+ margin: 1.5em 0 0 0;
+ padding: 0 0 0.5em 0;
+ }
+
+ .posted {
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ font-size: 80%;
+ color: #999999;
+ }
+
+ footer
+ {
+ margin-top: 1em;
+ }
+
+ .clear
+ {
+ clear: both;
+ }
+
+ .pennant
+ {
+ color: #999999;
+ }
+
+ /* Sections/Articles */
+
+ section,
+ article
+ {
+ margin-bottom: 3em;
+ }
+
+ section > :last-child,
+ article > :last-child
+ {
+ margin-bottom: 0;
+ }
+
+ section:last-child,
+ article:last-child
+ {
+ margin-bottom: 0;
+ }
+
+ .row > section,
+ .row > article
+ {
+ margin-bottom: 0;
+ }
+
+ /* Images */
+
+ img {
+ max-width: 100%;
+ }
+
+ .image
+ {
+ display: inline-block;
+ }
+
+ .image img
+ {
+ display: block;
+ width: 100%;
+ }
+
+ .image.featured
+ {
+ display: block;
+ width: 100%;
+ margin: 0 0 2em 0;
+ }
+
+ .image.full
+ {
+ display: block;
+ width: 100%;
+ margin-bottom: 2em;
+ }
+
+ .image.left
+ {
+ float: left;
+ margin: 0 2em 2em 0;
+ }
+
+ .image.centered
+ {
+ display: block;
+ margin: 0 0 2em 0;
+ }
+
+ .image.centered img
+ {
+ margin: 0 auto;
+ width: auto;
+ }
+
+ /* Lists */
+
+ ul.style
+ {
+ margin-bottom: 0em;
+ padding: 0;
+ }
+
+ ul.style li {
+ margin: 0;
+ padding: 0em 0em 1.5em 0em;
+ list-style: none;
+ }
+
+ ul.category
+ {
+ margin: 0;
+ padding: 0;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ font-size: 80%;
+ color: #999999;
+ }
+
+ ul.category li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ padding-right: 1em;
+ }
+ ul.category li::before {
+ padding-right: 0.3em;
+ }
+
+
+ /* Buttons */
+
+ .button
+ {
+ position: relative;
+ display: inline-block;
+ background: #F03B11;
+ padding: 0.8em 2em;
+ font-size: 1.2em;
+ color: #FFF;
+ -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ text-align: center;
+ border-radius: 0.25em;
+ }
+
+ .button:hover
+ {
+ background: #F01111;
+ text-decoration: none;
+ }
+
+/*********************************************************************************/
+/* Icons */
+/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */
+/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */
+/*********************************************************************************/
+
+ .fa
+ {
+ text-decoration: none;
+ }
+
+ .fa.solo
+ {
+ }
+
+ .fa.solo span
+ {
+ display: none;
+ }
+
+ .fa:before
+ {
+ display:inline-block;
+ font-family: FontAwesome;
+ font-size: 1.25em;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing:antialiased;
+ -moz-osx-font-smoothing:grayscale;
+ }
+
+/*********************************************************************************/
+/* Social Icon Styles */
+/*********************************************************************************/
+
+ ul.contact
+ {
+ padding: 1.5em 0 0 0;
+ list-style: none;
+ cursor: default;
+ }
+
+ ul.contact li
+ {
+ display: inline-block;
+ margin: 0 1em;
+ }
+
+ ul.contact li span
+ {
+ display: none;
+ margin: 0;
+ padding: 0;
+ }
+
+ ul.contact li a
+ {
+ color: inherit;
+ font-size: 1.75em;
+ display: inline-block;
+ -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+ }
+
+ ul.contact li a:hover
+ {
+ color: #fff;
+ }
+
+/*********************************************************************************/
+/* Header */
+/*********************************************************************************/
+
+ #header
+ {
+ position: relative;
+ background: #f03b11;
+ background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%);
+ background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%);
+ background-size: cover;
+ text-align: center;
+ }
+
+ #header:after
+ {
+ content: '';
+ position: relative;
+ width: 0;
+ height: 6em;
+ left: 0;
+ top: 0;
+ float: left;
+ }
+
+/*********************************************************************************/
+/* Logo */
+/*********************************************************************************/
+
+ #header h1
+ {
+ color: #FFF;
+ text-decoration: none;
+ font-weight: 300;
+ line-height: 1em;
+ }
+ #header .tag
+ {
+ font-size: 1.4em;
+ color: #FFF;
+ }
+
+/*********************************************************************************/
+/* Columns */
+/*********************************************************************************/
+
+ #main, #copyright-inner
+ {
+ margin-left: 16.667%;
+ width: 66.667%;
+ }
+
+ #sidebar
+ {
+ width: 16.667%;
+ }
+
+/*********************************************************************************/
+/* Main */
+/*********************************************************************************/
+
+ #main
+ {
+ clear: left;
+ }
+
+ #main, #sidebar
+ {
+ position: relative;
+ float: left;
+ padding-bottom: 3em;
+ }
+
+ .homepage header, .homepage p
+ {
+ text-align: center;
+ }
+
+ #sidebar header
+ {
+ margin-bottom: 0.50em;
+ }
+
+/*********************************************************************************/
+/* Releases */
+/*********************************************************************************/
+ #releases
+ {
+ margin: 2em 0em;
+ text-align: center;
+ }
+
+ #releases ul, #releases p
+ {
+ margin: 0em;
+ }
+
+ #releases ul > li
+ {
+ list-style: none;
+ display: inline-block;
+ width: 40%;
+ margin: 1em 0em;
+ }
+
+ #releases ul > li > strong
+ {
+ list-style: none;
+ display: block;
+ font-size: 3em;
+ margin-bottom: 0.2em;
+ }
+
+/*********************************************************************************/
+/* Footer */
+/*********************************************************************************/
+
+ #footer
+ {
+ position: relative;
+ clear: left;
+ background: #401200;
+ color: #FFF;
+ }
+
+ #footer a
+ {
+ color: inherit;
+ }
+
+ #footer ul
+ {
+ vertical-align: top;
+ }
+
+ #footer ul, #footer ul > li
+ {
+ padding: 0;
+ margin: 0
+ }
+
+/*********************************************************************************/
+/* Copyright */
+/*********************************************************************************/
+
+ #copyright
+ {
+ clear: left;
+ border-top: 1px solid #aaaaaa;
+ position: relative;
+ color: #aaaaaa;
+ background: #ffffff;
+ padding: 1em 0em;
+ }
+
+ #copyright a
+ {
+ color: inherit;
+ }
+
+/*********************************************************************************/
+/* Featured */
+/*********************************************************************************/
+
+ #featured
+ {
+ position: relative;
+ background: rgba(0,0,0,0.05);
+ text-align: center;
+ margin-bottom: 2em;
+ }
+
+ #featured header
+ {
+ border-bottom: 1px solid #333333;
+ }
+ #featured h2
+ {
+ margin-bottom: 0em;
+ }
+
+ #featured h3
+ {
+ padding: 1.5em 0em;
+ font-size: 1.6em;
+ display: block;
+ font-weight: 300;
+ height: 2em;
+ margin: 0em 0em 1em 0em;
+ }
+
+ #featured .pennant
+ {
+ font-size: 4em;
+ }
+
+ #featured .pennant img
+ {
+ width: 100%;
+ object-fit: contain;
+ background-size: contain; /* for IE polyfill */
+ background-repeat: no-repeat; /* for IE polyfill */
+ }
+
+ #featured .button
+ {
+ margin-top: 1.5em;
+ }
@@ -1,89 +1,89 @@
----
-title: QEMU
-layout: home
-colorbox: True
----
- <!-- Header -->
- <div id="header">
- <div class="container">
- <h1>QEMU</h1>
- <span class="tag">the FAST! processor emulator</span>
- </div>
- </div>
-
-<!-- Featured -->
-<div id="featured">
- <div class="container">
- <header>
- <h2>What is QEMU?</h2>
- <p>QEMU is a generic and open source machine emulator and virtualizer.</p>
- </header>
- <div class="row">
- <section class="4u">
- <div class="pennant">{% include screenshot.html offset=0 limit=1 %}</div>
- <h3>Full-system<br class="only-desktop"> emulation</h3>
- <p>Run operating systems for any machine, on any supported architecture</p>
- </section>
- <section class="4u">
- <div class="pennant">{% include screenshot.html offset=1 limit=1 %}</div>
- <h3>User-mode<br class="only-desktop"> emulation</h3>
- <p>Run programs for another Linux/BSD target, on any supported architecture</p>
- </section>
- <section class="4u">
- <div class="pennant">{% include screenshot.html offset=2 limit=1 %}</div>
- <h3>Virtualization</h3>
- <p>Run KVM and Xen virtual machines with near native performance</p>
- </section>
- <section style="display: none;">
- {% include screenshot.html offset=3 limit=10 %}
- </section>
-
-<script src="/assets/js/object-fit.js"></script>
-<script>
-window.hasColorBox = false;
-$(window).on("load resize", function() {
- isMobile = window.innerWidth < 700;
- if (isMobile && window.hasColorBox) {
- window.hasColorBox = false;
- $.colorbox.remove();
- } else if (!isMobile && !window.hasColorBox) {
- window.hasColorBox = true;
- $('.colorbox').colorbox({
- 'rel': '.colorbox',
- 'title': function() { return $(this).attr("data-title"); }
- });
- }
-});
-// make links to images inactive, except through the colorbox
-$('.colorbox').on("click.random-namespace", function() {
- return window.hasColorBox;
-})
-</script>
-
- </div>
- <hr>
- <p>QEMU is a member of <a href="/conservancy/">Software Freedom Conservancy</a>.</p>
- </div>
-</div>
-
-<!-- Main -->
- <div id="releases">
- <header>
- <h2>Latest releases</h2>
- </header>
- <div class="container">
- {% include releases.html %}
- </div>
- </div>
-
-
-<script>
- $(window).on("scroll", function() {
- isScroll = window.scrollY < 120;
- jqBody = $('body');
- if (isScroll && jqBody.hasClass('fixed'))
- jqBody.removeClass('fixed')
- else if (!isScroll && !jqBody.hasClass('fixed'))
- jqBody.addClass('fixed')
- });
- </script>
+---
+title: QEMU
+layout: home
+colorbox: True
+---
+ <!-- Header -->
+ <div id="header">
+ <div class="container">
+ <h1>QEMU</h1>
+ <span class="tag">the FAST! processor emulator</span>
+ </div>
+ </div>
+
+<!-- Featured -->
+<div id="featured">
+ <div class="container">
+ <header>
+ <h2>What is QEMU?</h2>
+ <p>QEMU is a generic and open source machine emulator and virtualizer.</p>
+ </header>
+ <div class="row">
+ <section class="4u">
+ <div class="pennant">{% include screenshot.html offset=0 limit=1 %}</div>
+ <h3>Full-system<br class="only-desktop"> emulation</h3>
+ <p>Run operating systems for any machine, on any supported architecture</p>
+ </section>
+ <section class="4u">
+ <div class="pennant">{% include screenshot.html offset=1 limit=1 %}</div>
+ <h3>User-mode<br class="only-desktop"> emulation</h3>
+ <p>Run programs for another Linux/BSD target, on any supported architecture</p>
+ </section>
+ <section class="4u">
+ <div class="pennant">{% include screenshot.html offset=2 limit=1 %}</div>
+ <h3>Virtualization</h3>
+ <p>Run KVM and Xen virtual machines with near native performance</p>
+ </section>
+ <section style="display: none;">
+ {% include screenshot.html offset=3 limit=10 %}
+ </section>
+
+<script src="/assets/js/object-fit.js"></script>
+<script>
+window.hasColorBox = false;
+$(window).on("load resize", function() {
+ isMobile = window.innerWidth < 700;
+ if (isMobile && window.hasColorBox) {
+ window.hasColorBox = false;
+ $.colorbox.remove();
+ } else if (!isMobile && !window.hasColorBox) {
+ window.hasColorBox = true;
+ $('.colorbox').colorbox({
+ 'rel': '.colorbox',
+ 'title': function() { return $(this).attr("data-title"); }
+ });
+ }
+});
+// make links to images inactive, except through the colorbox
+$('.colorbox').on("click.random-namespace", function() {
+ return window.hasColorBox;
+})
+</script>
+
+ </div>
+ <hr>
+ <p>QEMU is a member of <a href="/conservancy/">Software Freedom Conservancy</a>.</p>
+ </div>
+</div>
+
+<!-- Main -->
+ <div id="releases">
+ <header>
+ <h2>Latest releases</h2>
+ </header>
+ <div class="container">
+ {% include releases.html %}
+ </div>
+ </div>
+
+
+<script>
+ $(window).on("scroll", function() {
+ isScroll = window.scrollY < 120;
+ jqBody = $('body');
+ if (isScroll && jqBody.hasClass('fixed'))
+ jqBody.removeClass('fixed')
+ else if (!isScroll && !jqBody.hasClass('fixed'))
+ jqBody.addClass('fixed')
+ });
+ </script>
Signed-off-by: Daniel P. Berrangé <berrange@redhat.com> --- assets/css/style-desktop.css | 586 ++++++++--------- assets/css/style-mobile.css | 750 ++++++++++----------- assets/css/style.css | 1184 +++++++++++++++++----------------- index.html | 178 ++--- 4 files changed, 1349 insertions(+), 1349 deletions(-)