--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+@import url(../warp/css/base.css);
+
+
+/* New style-related Base Values
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ font: normal 14px/20px Arial, Helvetica, sans-serif;
+ color: #444;
+}
+
+
+a:hover,
+em, code { color: #d50; }
+
+ins, mark { background-color: #ffa; }
+mark { color: #444; }
+
+hr { border-top-color: #ddd; }
+
+pre {
+ border: 1px solid #ddd;
+ background: #fafafa;
+}
+
+::-moz-selection { background: #39f; color: #fff; }
+::selection { background: #39f; color: #fff; }
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
+ */
+
+
+/* Grid and Clearing Tools
+----------------------------------------------------------------------------------------------------*/
+body
+{
+ margin:0px;
+ padding:0px;
+ }
+.mywrapper {
+ max-width: 970px;
+}
+.myclearfix:before,
+.myclearfix:after,
+.grid-block:before,
+.grid-block:after,
+.deepest:before,
+.deepest:after {
+ content: "";
+ display: table;
+}
+.myclearfix:after,
+.grid-block:after,
+.deepest:after { clear: both; }
+
+.grid-box { float: left; }
+
+/* Grid Units */
+.width16 { width: 16.666%; }
+.width20 { width: 20%; }
+.width25 { width: 25%; }
+.width33 { width: 33.333%; }
+.width40 { width: 40%; }
+.width50 { width: 50%; }
+.width60 { width: 60%; }
+.width66 { width: 66.666%; }
+.width75 { width: 75%; }
+.width80 { width: 80%; }
+.width100 { width: 100%; }
+
+[class*='width'] {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+/* Create new Block Formatting Contexts */
+.bfc-o { overflow: hidden; }
+.bfc-f {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ float: left;
+}
+
+/* Align Boxes */
+.float-left { float: left; }
+.float-right { float: right; }
+
+/* Grid Gutter */
+.grid-gutter.grid-block { margin: 0 -15px; }
+.grid-gutter > .grid-box > * { margin: 0 15px; }
+
+.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
+.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }
+
+
+/* Layout Defaults
+----------------------------------------------------------------------------------------------------*/
+
+/* Center Page */
+.mywrapper {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: auto;
+}
+
+/* Header */
+#header { position: relative; }
+
+#mytoolbar .float-left .module,
+#mytoolbar .float-left > time {
+ margin: 0 15px 0 0;
+ float: left;
+}
+
+#mytoolbar .float-right .module {
+ margin: 0 0 0 15px;
+ float: right;
+}
+
+#headerbar .module {
+ max-width: 300px;
+ margin-right: 0;
+ float: right;
+}
+
+#logo, #logo > img,
+#menu { float: left; }
+#search { float: right; }
+
+#banner {
+ position: absolute;
+ top: 0;
+ right: -200px;
+}
+
+/* Footer */
+#footer {
+ position: relative;
+ text-align: center;
+}
+
+/* Absolute */
+#absolute {
+ position: absolute;
+ z-index: 15;
+ width: 100%;
+}
\ No newline at end of file
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Menus Style Sheet - Defines base styles for various menus
+ * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
+ */
+
+
+/* Menu Helpers
+----------------------------------------------------------------------------------------------------*/
+
+.menu,
+.menu ul {
+ margin: 0px;
+ padding: 0px;
+ list-style: none;
+}
+
+.menu a,
+.menu span { display: block; }
+.menu a { text-decoration: none; }
+
+
+/* Mega Drop-Down Menu
+----------------------------------------------------------------------------------------------------*/
+
+.menu-dropdown li { position: relative; }
+
+/* Level 1 */
+.menu-dropdown,
+.menu-dropdown .level1,
+.menu-dropdown .level1 > span { float: left; }
+
+.menu-dropdown a.level1 > span,
+.menu-dropdown span.level1 > span {
+ height: 30px;
+ padding: 0 10px;
+ line-height: 30px;
+}
+
+/* Drop-Down */
+.menu-dropdown .dropdown {
+ display: none;
+ position: absolute;
+ top: 30px;
+ left: 0;
+ z-index: 100;
+ width: 300px; /* Default */
+}
+
+.menu-dropdown li:hover .dropdown,
+.menu-dropdown li.remain .dropdown { display: block; }
+
+.menu-dropdown li:hover .dropdown.flip,
+.menu-dropdown li.remain .dropdown.flip {
+ left: auto;
+ right: 0;
+}
+
+.menu-dropdown .dropdown-bg > div { overflow: hidden; }
+
+.menu-dropdown .stack .column { width: 100%; }
+
+/* Multi Columns, Default */
+.menu-dropdown .columns2 { width: 600px; }
+.menu-dropdown .columns3 { width: 900px; }
+.menu-dropdown .columns4 { width: 1200px; }
+
+.menu-dropdown .column { float: left; }
+
+/* Level 2 */
+.menu-dropdown a.level2 > span,
+.menu-dropdown span.level2 > span {
+ padding: 7px 0;
+ line-height: 21px;
+ overflow: hidden;
+}
+
+/* Level 3 */
+.menu-dropdown ul.level3 { padding-bottom: 10px; }
+
+.menu-dropdown li.level3 { /* Must be set in li for IE7 */
+ font-size: 11px;
+ line-height: 17px;
+}
+
+/* Icons */
+.menu-dropdown span.icon {
+ display: block;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ float: left;
+}
+
+.menu-dropdown .level1 .level1 span.icon {
+ width: 30px;
+ height: 30px;
+ margin-left: -5px;
+}
+.menu-dropdown .level1 .level1 span.icon + span,
+.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }
+
+.menu-dropdown li.level2 .level2 span.icon {
+ width: 35px;
+ height: 35px;
+ margin-top: -7px;
+ margin-bottom: -7px;
+}
+.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -4px; }
+
+.menu-dropdown li.level2 .level2 span.icon { margin-right: 5px; }
+.menu-dropdown li.level2 .level2 span.icon + span,
+.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 40px; }
+
+/* Subtitles */
+.menu-dropdown span.title { line-height: 18px; }
+
+.menu-dropdown span.subtitle {
+ margin-top: -1px;
+ font-size: 9px;
+ line-height: 10px;
+ text-indent: 1px;
+}
+
+.menu-dropdown li.level2 .level2 span.title { line-height: 15px; }
+.menu-dropdown li.level2 .level2 span.subtitle { line-height: 14px; }
+
+
+/* Sidebar/Accordion Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Accordion */
+.menu-sidebar li.parent span.level1 > span { cursor: pointer; }
+
+/* Level 1 */
+.menu-sidebar a.level1 > span,
+.menu-sidebar span.level1 > span {
+ padding: 5px 0;
+ line-height: 20px;
+}
+
+/* Remove Subtitles */
+.menu-sidebar span.title { display: inline; }
+.menu-sidebar span.subtitle { display: none; }
+
+/* Level 2-4 */
+.menu-sidebar ul.level2 { padding-bottom: 10px; }
+.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }
+
+.menu-sidebar .level2 a > span {
+ font-size: 11px;
+ line-height: 17px;
+}
+
+/* Icons */
+.menu-sidebar span.icon {
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: -5px 5px -5px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ vertical-align: middle;
+}
+
+
+/* Line Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Level 1 */
+.menu-line,
+.menu-line li,
+.menu-line li a { display: inline-block; }
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+@import url(../warp/css/menus.css);
+
+
+/* Mega Drop-Down Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Level 1 */
+.menu-dropdown { margin-bottom: -10px; }
+
+.menu-dropdown li.level1 {
+ margin-right: 10px;
+ padding-bottom: 10px;
+}
+
+.menu-dropdown a.level1,
+.menu-dropdown span.level1 {
+ border: 1px solid #DDD;
+ color: #444;
+}
+
+/* Set Active */
+.menu-dropdown li.active .level1 { color: #febf4f; }
+
+/* Set Hover */
+.menu-dropdown li.level1:hover .level1,
+.menu-dropdown li.remain .level1 { color: #d50; }
+
+/* Drop-Down */
+.menu-dropdown .dropdown {
+ top: 42px;
+ border-top: 1px solid #DDD;
+}
+
+.menu-dropdown .dropdown-bg > div {
+ padding: 0 5px;
+ border: 1px solid #ddd;
+ border-top: none;
+ background: #fff;
+}
+
+/* Level 2 */
+.menu-dropdown li.level2 {
+ margin: 0 5px;
+ border-top: 1px solid #ddd;
+}
+.menu-dropdown li.level2:first-child { border: none; }
+
+.menu-dropdown a.level2,
+.menu-dropdown span.level2 { color: #444; }
+
+/* Set Hover */
+.menu-dropdown a.level2:hover { color: #d50; }
+
+/* Set Current */
+.menu-dropdown a.current.level2 { font-weight: bold; color: #febf4f; }
+
+/* Set Hover */
+.menu-dropdown a.level3:hover { color: #d50; }
+
+/* Set Current */
+.menu-dropdown a.current.level3 { font-weight: bold; }
+
+
+/* Sidebar/Accordion Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Link */
+.menu-sidebar a,
+.menu-sidebar li > span { color: #444; padding-left: 15px; }
+
+/* Hover */
+.menu-sidebar a:hover,
+.menu-sidebar li > span:hover { color: #d50; }
+
+/* Current */
+.menu-sidebar a.current { font-weight: bold; }
+
+/* Level 1 */
+.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
+.menu-sidebar li.level1:first-child { border-top: none; }
+
+.menu-sidebar li.parent .level1 > span { background: url(../../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
+.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }
+
+/* Level 2-4 */
+.menu-sidebar ul.level2 ul { padding-left: 10px; }
+
+
+/* Line Menu
+----------------------------------------------------------------------------------------------------*/
+
+.float-left .menu-line li {
+ margin-left: 7px;
+ padding-left: 8px;
+ background: url(../../images/menu_line_item.png) 0 50% no-repeat;
+}
+
+.menu-line li:first-child {
+ margin-left: 0;
+ padding-left: 0;
+ background: none;
+}
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Style Style Sheet - Defines the main look like colors and backgrounds
+ * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
+ */
+
+
+/* Base
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ background: url(images/bg.png) #1C222A;
+ font-family: Arial, sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333333;
+}
+
+
+/* Tools
+----------------------------------------------------------------------------------------------------*/
+
+
+/* System
+----------------------------------------------------------------------------------------------------*/
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Style Style Sheet - Defines the main look like colors and backgrounds
+ * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
+ */
+
+
+/* Base
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ font-family: Arial, sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333333;
+}
+
+
+.green-header {
+ width: 100%;
+ height: 21px;
+ background: url(../images/lfcp_header_green.png) no-repeat center top;
+ padding-top: 9px;
+}
+
+.green-header img {
+ margin-left: 14px;
+}
+
+.green-footer {
+ width: 100%;
+ height: 70px;
+ background: url(../images/lfcp_green_footer.jpg) no-repeat right top;
+ padding-top: 9px;
+ font-family: helvetica,arial;
+ font-size: 11px;
+ color: white;
+ line-height: 16px;
+ border-top: 5px solid #8AC945;
+}
+
+#mytoolbar {
+ background-color: #122529;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 37, 41)), to(rgb(13, 27, 30)));
+ background-image: -webkit-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -moz-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -o-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -ms-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#122529', EndColorStr='#0d1b1e');
+ border-bottom: 1px solid #000000;
+ line-height: 22px;
+ font-family: 'Lato', sans-serif;
+ margin: 0;
+}
+
+
+#mytoolbar .smalltopmenu {
+ padding-left: 146px;
+}
+
+#mytoolbar .smalltopmenu li {
+ background: none;
+ font-size: 12px;
+ margin-left: 6px;
+}
+
+#mytoolbar .smalltopmenu li a {
+ line-height: 27px;
+ color: #a1a9ab;
+ -webkit-transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease;
+ -o-transition: all 0.4s ease;
+ transition: all 0.4s ease;
+}
+
+#mytoolbar .smalltopmenu li a:hover {
+ color: #febf4f;
+}
+
+/*
+Social Menu
+*/
+
+#mytoolbar .float-right .module {
+ margin-left: 0;
+}
+
+.socialmenu {
+ padding: 4px 14px 0 0;
+}
+
+.socialmenu li {
+ background: none;
+ height: 16px;
+ margin-left: 6px;
+ padding-left: 0;
+}
+
+.socialmenu li:first-child {
+ margin-left: 0;
+}
+
+.socialmenu li a {
+ background: url(../images/twitter-icon.png) 50% 50% no-repeat;
+ width: 19px;
+ height: 19px;
+ -webkit-transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease;
+ -o-transition: all 0.4s ease;
+ transition: all 0.4s ease;
+}
+
+.socialmenu li a:hover {
+ opacity: 0.8;
+}
+
+.socialmenu li a.facebook {
+ background-image: url(../images/facebook-icon.png);
+}
+
+.socialmenu li a.linkedin {
+ background-image: url(../images/linkedin-icon.png);
+}
+
+.socialmenu li a.vimeo {
+ background-image: url(../images/vimeo-icon.png);
+}
+
+.socialmenu li a.googleplus {
+ background-image: url(../images/googleplus-icon.png);
+}
+
+.socialmenu li a.slideshare {
+ background-image: url(../images/slideshare-icon.png);
+}
+
+.socialmenu li a span {
+ display: none;
+}
+
+/*
+Dropdown Menu
+*/
--- /dev/null
+<?php
+include("./wp-blog-header.php");
+
+?>
+<link href=""<?php bloginfo('template_directory') ?>/css/layout.css" rel="stylesheet" type="text/css"/>
+
+<link href=""<?php bloginfo('template_directory') ?>/css/base.css" rel="stylesheet" type="text/css"/>
+<link href=""<?php bloginfo('template_directory') ?>/css/style1.css" rel="stylesheet" type="text/css"/>
+<link href=""<?php bloginfo('template_directory') ?>/css/menus.css" rel="stylesheet" type="text/css"/>
+<link href=""<?php bloginfo('template_directory') ?>/css/menus1.css" rel="stylesheet" type="text/css"/>
+<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
+
+
+<div class="green-header">
+ <div class="mywrapper myclearfix">
+ <img alt="" src=""<?php bloginfo('template_directory') ?>/images/linux-foundation.png">
+ </div>
+</div>
+
+
+<div class="myclearfix" id="mytoolbar">
+ <div class="mywrapper myclearfix">
+ <div class="float-left">
+
+
+ <div class="module smalltopmenu deepest">
+
+ <ul class="menu menu-line"><li class="level1 item435 active current"><a class="level1 active current" href="/"><span>Home</span></a></li><li class="level1 item506"><a href="http://wiki.xenproject.org " class="item1 level1"><span>Wiki</span></a></li><li class="level1 item507"><a href="http://blog.xenproject.org" class="item2 level1"><span>Blog</span></a></li><li class="level1 item517"><a href="http://lists.xenproject.org" class="item3 level1"><span>Lists</span></a></li><li class="level1 item508"><a href="http://xenorg.uservoice.com" class="item4 level1"><span>User Voice</span></a></li><li class="level1 item509"><a href="/downloads.html" class="item5 level1"><span>Downloads</span></a></li><li class="level1 item510"><a href="/xen-planet.html" class="item6 level1"><span>Xen Planet</span></a></li></ul>
+</div>
+ </div>
+
+ <div class="float-right"><div class="module socialmenu deepest">
+
+ <ul class="menu menu-line"><li class="level1 item511"><a href="https://twitter.com/xen_org" class="twitter level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/twitter-icon.png');" class="icon"> </span>Twitter</span></a></li><li class="level1 item512"><a href="https://www.facebook.com/pages/The-Xen-Project/181712638644349" class="facebook level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/facebook-icon.png');" class="icon"> </span>Facebook</span></a></li><li class="level1 item513"><a href="http://www.linkedin.com/groups?home=&gid=167190" class="linkedin level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/linkedin-icon.png');" class="icon"> </span>LinkedIn</span></a></li><li class="level1 item514"><a href="http://vimeo.com/channels/xen" class="vimeo level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/vimeo-icon.png');" class="icon"> </span>Vimeo</span></a></li><li class="level1 item515"><a href="https://plus.google.com/b/109906712194947644104/109906712194947644104/about" class="googleplus level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/googleplus-icon.png');" class="icon"> </span>Google Plus</span></a></li><li class="level1 item516"><a href="http://slideshare.net/xen_com_mgr/presentations" class="slideshare level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/slideshare-icon.png');" class="icon"> </span>Slideshare</span></a></li></ul>
+</div></div>
+ </div>
+ </div>
+
\ No newline at end of file
--- /dev/null
+
+<div class="green-footer">
+ <div class="mywrapper myclearfix">
+ <p>©2013 Xen Project, A Linux Foundation Collaborative Project. All Rights Reserved. <br>
+ Linux Foundation is a registered trademark of The Linux Foundation. <br>
+ Xen Project is a trademark of The Linux Foundation.</p>
+ </div>
+</div>
projects / people / larsk / xenproject-org-websites.git / commitdiff
