diff options
Diffstat (limited to 'infra-dashboard/css/opnfv.css')
-rw-r--r-- | infra-dashboard/css/opnfv.css | 2479 |
1 files changed, 2479 insertions, 0 deletions
diff --git a/infra-dashboard/css/opnfv.css b/infra-dashboard/css/opnfv.css new file mode 100644 index 0000000..8b2711a --- /dev/null +++ b/infra-dashboard/css/opnfv.css @@ -0,0 +1,2479 @@ +* { + margin: 0; + padding: 0; +} +.clearfix { + display: inline-block; +} +.clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +* html .clearfix { + height: 1%; +} +.clearfix { + display: block; +} +.clearleft, +.clearl, +.cleft { + clear: left; +} +.clearright, +.clearr, +.cright { + clear: right; +} +.clear, +.clearboth, +.clearall { + clear: both; +} +.floatleft, +.fleft, +.floatl { + float: left; + margin: 0 10px 5px 0; +} +.floatright, +.fright, +.floatr { + float: right; + margin: 0 0 5px 10px; +} +#skip a:link, +#skip a:hover, +#skip a:visited { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} +#skip a:active, +#skip a:focus { + position: static; + width: auto; + height: auto; +} +div.view div.views-admin-links { + width: auto; +} +div.block { + position: relative; +} +div.block .edit { + display: none; + position: absolute; + right: -20px; + top: -5px; + z-index: 40; + padding: 3px 8px 0; + font-size: 10px; + line-height: 16px; + background-color: white; + border: 1px solid #cccccc; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 0 1px 3px #888888; + -webkit-box-shadow: -1px 1px 2px #666666; +} +div.block .edit a { + display: block; + border: 0; + padding: 0; + margin: 0; +} +div.block:hover .edit { + display: block; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.container { + max-width: 68em; + margin-left: auto; + margin-right: auto; + margin-left: auto; + margin-right: auto; + width: 68em; +} +.container:after { + content: ""; + display: table; + clear: both; +} +@media screen and (max-width: 1088px) { + .container { + width: auto; + } +} +.no-sidebars #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; +} +.no-sidebars #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .no-sidebars #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 100%; + } + .no-sidebars #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .no-sidebars #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + } + .no-sidebars #content:last-child { + margin-right: 0; + } +} +.one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 72.88136%; +} +.one-sidebar.sidebar-second #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 74.19355%; + } + .one-sidebar.sidebar-second #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + } + .one-sidebar.sidebar-second #content:last-child { + margin-right: 0; + } +} +.one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 79.66102%; + margin-left: 20.33898%; +} +.one-sidebar.sidebar-first #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 74.19355%; + margin-left: 25.80645%; + } + .one-sidebar.sidebar-first #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + .one-sidebar.sidebar-first #content:last-child { + margin-right: 0; + } +} +.two-sidebars #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 52.54237%; + margin-left: 20.33898%; +} +.two-sidebars #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .two-sidebars #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 48.3871%; + margin-left: 25.80645%; + } + .two-sidebars #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .two-sidebars #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + .two-sidebars #content:last-child { + margin-right: 0; + } +} +#sidebar-first { + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-left: -74.57627%; +} +#sidebar-first:last-child { + margin-right: 0; +} +.sidebar-first #sidebar-first { + margin-left: -101.69492%; +} +@media screen and (max-width: 768px) { + #sidebar-first { + float: left; + display: block; + margin-right: 3.22581%; + width: 22.58065%; + margin-left: -77.41935%; + } + #sidebar-first:last-child { + margin-right: 0; + } + .sidebar-first #sidebar-first { + margin-left: -103.22581%; + } +} +@media screen and (max-width: 480px) { + #sidebar-first { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + #sidebar-first:last-child { + margin-right: 0; + } + .sidebar-first #sidebar-first { + margin-left: 0%; + } +} +#sidebar-second { + float: left; + display: block; + margin-right: 1.69492%; + width: 25.42373%; + margin-left: 0%; +} +#sidebar-second:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + #sidebar-second { + float: left; + display: block; + margin-right: 3.22581%; + width: 22.58065%; + margin-left: 0%; + } + #sidebar-second:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + #sidebar-second { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + #sidebar-second:last-child { + margin-right: 0; + } +} +#footer { + left: 0; + width: 100%; + height: 50px; + position: fixed; + bottom: 0; +} +#header, +#footer, +.mission, +.breadcrumb, +.node { + clear: both; +} +.inner { + padding: 0; +} +#navigation li { + list-style-type: none; + display: inline-block; +} +body { + margin: 0; + font: 14px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif; + letter-spacing: 0.03em; +} +a:link, +a:visited { + color: blue; + text-decoration: none; +} +a:hover, +a:active { + color: red; + text-decoration: underline; +} +#site-name { + font-size: 2.2em; + line-height: 1.3em; + font-weight: 300; + padding: 0 0 0.5em; + margin: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.3em; +} +h1 { + font-size: 2.2em; + font-weight: 300; + padding: 0 0 0.5em; + margin: 0; +} +h2 { + font-size: 1.8em; + font-weight: 300; + margin-bottom: 0.75em; +} +h3 { + font-size: 1.4em; + margin-bottom: 1em; + margin-top: 1em; +} +h4 { + font-size: 1.2em; + margin-top: 0.8em; + margin-bottom: 0.8em; +} +h5 { + font-size: 1.1em; + font-weight: 600; + margin-bottom: 0; +} +h6 { + font-size: 1em; + font-weight: bold; +} +p { + margin: 0 0 1em 0; +} +ul, +ol { + margin-left: 0; + padding-left: 0; +} +table { + width: 99%; +} +table tbody { + border-top: 0px; +} +table tr.even, +table tr.odd, +table tr { + border-bottom: 1px solid #ccc; +} +table tr.even td, +table tr.odd td, +table tr td { + padding: 10px 5px; + vertical-align: top; +} +table tr.odd { + background-color: white; +} +pre, +code, +tt { + font: 1em "andale mono", "lucida console", monospace; + line-height: 1.5; +} +pre { + background-color: #efefef; + display: block; + padding: 5px; + margin: 5px 0; + border: 1px solid #aaaaaa; +} +ul { + margin-left: 25px; + list-style-type: disc; +} +ul ul { + list-style-type: circle; +} +ul ul ul { + list-style-type: square; +} +ul ul ul ul { + list-style-type: circle; +} +ol { + list-style-type: decimal; +} +ol ol { + list-style-type: lower-alpha; +} +ol ol ol { + list-style-type: decimal; +} +abbr { + border-bottom: 1px dotted #666666; + cursor: help; + white-space: nowrap; +} +#edit-title { + font-size: 24px; + width: 99%; +} +#system-themes-form img { + width: 100px; +} +.form-item .description { + font-style: italic; + line-height: 1.2em; + font-size: 0.8em; + margin-top: 5px; + color: #777777; +} +#edit-delete { + color: #cc0000; +} +div.messages { + padding: 9px; + margin: 1em 0; + color: #003366; + background: #bbddff; + border: 1px solid #aaccee; +} +div.warning { + color: #884400; + background: #ffee66; + border-color: #eedd55; +} +div.error { + color: white; + background: #ee6633; + border-color: #dd5522; +} +div.status { + color: #336600; + background: #ccff88; + border-color: #bbee77; +} +#block-views-developer_tools-block { + padding-top: 48px; + border-top: 1px solid #cccccc; +} +#block-views-developer_tools-block .view-content ul { + margin: 0; + padding: 0; + list-style-type: none; + list-style-image: none; +} +#block-views-developer_tools-block .view-content ul li { + margin: 0; + padding: 0; + height: 100px; + list-style-type: none; + list-style-image: none; + float: left; + width: 50%; + margin-bottom: 60px; +} +#block-views-developer_tools-block .view-content ul li .views-field-title { + font-size: 24px; + color: #f15922; + text-align: center; + margin-bottom: 10px; + font-weight: 400; +} +#block-views-developer_tools-block .view-content ul li .views-field-nothing { + text-align: justify; +} +#block-views-developer_tools-block .view-content ul li .views-field-nothing a { + text-transform: uppercase; + font-weight: 400; + font-size: 95%; +} +#block-views-developer_tools-block .view-content ul .views-row-odd { + padding-right: 20px; +} +#block-views-developer_tools-block .view-content ul .views-row-even { + padding-left: 20px; +} +#edit-submit-resources { + margin-top: 0px; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +a, +a:link, +a:visited { + color: #41ba77; +} +a:hover { + color: #373A36; +} +p { + color: #373A36; +} +#block-menu-menu-social-links li { + margin: 0; + padding: 0 3px 0 0; +} +#block-menu-menu-social-links li a { + display: block; + width: 27px; + height: 29px; + text-indent: -9999px; + overflow: hidden; + background: url(/sites/all/themes/opnfv/images/optimized/social-icons1.png) no-repeat 0 0; +} +#block-menu-menu-social-links li a:hover { + opacity: 0.7; +} +#block-menu-menu-social-links li .twitter { + background-position: -103px 0; +} +#block-menu-menu-social-links li .linkedin { + background-position: -78px 0; +} +#block-menu-menu-social-links li .youtube { + background-position: -50px 0; +} +#block-menu-menu-social-links li .facebook { + background-position: -26px 0; +} +#block-menu-menu-social-links li .gplus { + background-position: 0 0; +} +#block-menu-menu-social-links li .slideshare { + background-position: -160px 0; +} +#block-menu-menu-social-links li .flickr { + background-position: -212px 0; +} +#block-menu-menu-social-links li .vimeo { + background-position: -185px 0; +} +.feed-label { + vertical-align: text-top; + margin-left: 5px; +} +.block-menu-block a { + color: #2E2925; + font-size: 14px; +} +.block-menu-block a.active { + color: #2E2925; +} +#header { + position: relative; +} +@media screen and (min-width: 0) and (max-width: 460px) { + #header { + top: 0px; + } +} +#header #block-menu-menu-social-links { + position: relative; + z-index: 50; + float: right; + right: 200px; +} +@media screen and (min-width: 640px) and (max-width: 768px) { + #header #block-menu-menu-social-links { + top: 62px; + } +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-menu-menu-social-links { + right: 0; + top: 0; + } +} +#header #block-search-form, +#header #search-block-form { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + position: relative; + z-index: 100; +} +#header #block-search-form:last-child, +#header #search-block-form:last-child { + margin-right: 0; +} +#header #block-search-form .block-inner, +#header #search-block-form .block-inner { + text-align: right; +} +#header #block-search-form .block-inner .container-inline, +#header #search-block-form .block-inner .container-inline { + position: absolute; + top: -25px; + right: 9px; +} +@media screen and (min-width: 640px) and (max-width: 768px) { + #header #block-search-form .block-inner .container-inline, + #header #search-block-form .block-inner .container-inline { + right: 0; + top: 36px; + } +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-search-form .block-inner .container-inline, + #header #search-block-form .block-inner .container-inline { + top: 0; + } +} +#header #block-search-form .block-inner .form-text, +#header #search-block-form .block-inner .form-text { + width: 130px; +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-search-form .block-inner .form-text, + #header #search-block-form .block-inner .form-text { + width: 84px; + } +} +#header #block-search-form #edit-actions .form-submit, +#header #search-block-form #edit-actions .form-submit { + background: #ecedee; + color: #2E2925; + font-size: 10px; + border: none; + padding: 6px 7px; + top: -2px; + position: relative; +} +#header #block-search-form #edit-actions .form-submit:hover, +#header #search-block-form #edit-actions .form-submit:hover { + background: #aeb2b7; +} +#header .menu-block-wrapper { + background: none; +} +#header .menu-block-wrapper .menu li { + list-style: none; + margin: 0; +} +#header .menu-block-wrapper .menu .menu-level-1 { + display: inline-block; + vertical-align: top; + margin: 0 0.5em 0.5em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #header .menu-block-wrapper .menu .menu-level-1 { + width: 100%; + } + #header .menu-block-wrapper .menu .menu-level-1 a { + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #header .menu-block-wrapper .menu .menu-level-1 { + width: 48%; + } + #header .menu-block-wrapper .menu .menu-level-1 a { + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff; + } +} +#header .menu-block-wrapper .menu .menu-level-1 > a { + display: block; + width: 100%; + margin: 0 auto 0.25em; + font-size: 0.9em; + padding: 10px 15px; + text-transform: uppercase; +} +#header .menu-block-wrapper .menu .menu-level-1 > a.selected, +#header .menu-block-wrapper .menu .menu-level-1 > a:hover { + background-color: #ecedee; +} +.no-touch #header { + height: 103px; +} +.no-touch .site-menus-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 72.88136%; + margin-left: 27.11864%; +} +.no-touch .site-menus-container:last-child { + margin-right: 0; +} +@media screen and (min-width: 750px) and (max-width: 980px) { + .no-touch .site-menus-container { + height: 240px; + } +} +@media screen and (min-width: 490px) and (max-width: 750px) { + .no-touch .site-menus-container { + height: 280px; + } +} +.no-touch .logo-container { + position: relative; + z-index: 2; + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-left: 0%; +} +.no-touch .logo-container:last-child { + margin-right: 0; +} +.no-touch .logo-container-positioning { + position: relative; + top: 2px; + left: 0; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .no-touch .logo-container-positioning { + top: 0; + } +} +.no-touch .logo-container-positioning .logo-container { + padding-top: 0; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .no-touch .logo-container-positioning .logo-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + } + .no-touch .logo-container-positioning .logo-container:last-child { + margin-right: 0; + } + .no-touch .logo-container-positioning .logo-container #logo { + width: 46% !important; + } + .no-touch .logo-container-positioning .logo-container #logo img { + width: 100%; + } +} +.no-touch .site-menus-container-positioning { + position: relative; + top: -60px; + z-index: 1; +} +.no-touch #site-menus .menu { + text-align: right; + position: relative; +} +@media screen and (min-width: 0) and (max-width: 768px) { + .no-touch #header { + height: 140px; + } + .no-touch #header #site-menus .menu { + text-align: left; + } + .no-touch #header .site-menus-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + margin-left: 0%; + } + .no-touch #header .site-menus-container:last-child { + margin-right: 0; + } + .no-touch #header .site-menus-container-positioning { + position: relative; + top: 0; + padding-top: 0; + } +} +@media screen and (min-width: 490px) and (max-width: 700px) { + .no-touch #header { + height: 260px; + } +} +@media screen and (min-width: 0) and (max-width: 500px) { + .no-touch #header { + height: auto; + } +} +.collapsible-menu #header { + top: 0; +} +.collapsible-menu #header #block-search-form .container-inline, +.collapsible-menu #header #search-block-form .container-inline { + position: absolute; + top: 110px; + right: 0; +} +.collapsible-menu #header #site-name { + position: absolute; + top: 0; +} +.collapsible-menu #header .logo-container-positioning { + position: relative; + top: -40px; + left: -10px; + padding: 0 0 25px; +} +.collapsible-menu #header .logo-container-positioning .container { + padding-top: 15px; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .collapsible-menu #header .logo-container-positioning #logo { + width: 48% !important; + margin-top: 25px; + height: 55px; + } + .collapsible-menu #header .logo-container-positioning #logo img { + width: 100%; + } +} +.collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 { + border-left: 4px solid #A3D783; +} +.collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 > a { + background-color: #2E2925; + color: #fff; + margin-bottom: 0; + padding-bottom: 0.5em; +} +.collapsible-menu #header .site-menus-container-positioning { + background: #ecedee; + color: #fff; + padding-top: 0; +} +.collapsible-menu #header .site-menus-container ul { + margin-top: 0.75em; +} +.collapsible-menu #header .menu-button-wrapper { + position: relative; +} +.collapsible-menu #header .menu-button-wrapper .menu-button { + position: absolute; + right: -15px; + top: 10px; + border: 1px solid #ccc; + background: #ddd; + padding: 4px 14px; + border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + color: #2E2925; + cursor: pointer; +} +.collapsible-menu #header #block-menu-menu-social-links { + position: relative; + right: 0; + top: 70px; +} +.collapsible-menu #header #block-search-form .block-inner .container-inline, +.collapsible-menu #header #search-block-form .block-inner .container-inline { + right: 0; + top: 75px; +} +#menu-tray { + width: 100%; + min-height: 20px; + position: absolute; + z-index: 1000; + top: 0; + background: #ecedee; + color: #fff; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + box-shadow: 0 8px 7px 1px rgba(0, 0, 0, 0.45); +} +#menu-tray .initially-hidden { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +#menu-tray.menu-tray-transition { + -webkit-transition: opacity 0.25s ease-in-out; + -moz-transition: opacity 0.25s ease-in-out; + transition: opacity 0.25s ease-in-out; + pointer-events: auto; + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; +} +#menu-tray .menu { + padding: 20px; +} +#menu-tray.docked { + pointer-events: none; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +#menu-tray a { + color: #fff; + word-wrap: break-word; +} +#menu-tray .menu .menu-level-2 { + display: inline-block; + vertical-align: top; + width: 25%; + margin: 0 0 0.25em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #menu-tray .menu .menu-level-2 { + width: 100%; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #menu-tray .menu .menu-level-2 { + width: 50%; + } +} +@media screen and (min-width: 700px) and (max-width: 900px) { + #menu-tray .menu .menu-level-2 { + width: 33.33%; + } +} +#menu-tray .menu .menu-level-2 > a { + display: block; + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #2E2925; + border-left: 5px solid #086960; + width: 99%; + margin: 0 auto 0.25em; + padding: 7px; +} +#menu-tray .menu .menu-level-2 .link-order-1 { + border-left: 5px solid #a4d384; +} +#menu-tray .menu .menu-level-2 .link-order-2 { + border-left: 5px solid #00adbb; +} +#menu-tray .menu .menu-level-2 .menu { + font-size: 12px; + padding-top: 0; + padding-bottom: 0; +} +#menu-tray .menu .menu-level-2 .menu li { + list-style: none; +} +#menu-tray .menu .menu-level-2 .menu a { + color: #000; + border-left: none; +} +#footer .menu-block-wrapper { + background: none; +} +#footer .menu-block-wrapper .menu li { + list-style: none; + margin: 0; +} +#footer .menu-block-wrapper .menu li a { + word-wrap: break-word; +} +#footer .menu-block-wrapper .menu .menu-level-1 { + display: inline-block; + vertical-align: top; + width: 25%; + margin: 0 0 3em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 100%; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 50%; + } +} +@media screen and (min-width: 700px) and (max-width: 900px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 33.33%; + } +} +#footer .menu-block-wrapper .menu .menu-level-1 > a { + display: block; + width: 95%; + margin: 0 auto 0.25em; + padding: 7px; + text-transform: uppercase; + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #0095a2; + border-left: 5px solid #007e88; + color: #fff; +} +#footer .menu-block-wrapper .menu .menu-level-2 { + width: 85%; + margin: 0 auto; + font-size: 15px; + list-style: square; + color: #009fac; +} +#footer .menu-block-wrapper .menu .menu-level-2 a { + color: #fff; + display: inline-block; + padding-bottom: 7px; + word-wrap: break-word; +} +#footer .menu-block-wrapper .menu .menu-level-2 > .menu { + border-bottom: 1px solid #008792; + margin-bottom: 1.2em; +} +#footer .menu-block-wrapper .menu .menu-level-3 { + display: block; + width: 100%; + padding-left: 1.6em; + border-top: 1px solid #009fac; + background: #00a8b6; +} +#footer .menu-block-wrapper .menu .menu-level-3 a { + font-size: 0.75em; +} +#block-menu_block-1 ul ul, +#block-menu_block-1 .menu-level-2, +#footer #block-menu_block-3 .block-title { + display: none; +} +#block-menu-menu-social-links li { + float: left; + list-style: none; +} +.view-blogs .view-header { + float: right; +} +.view-blogs .view-header a { + text-decoration: none; +} +.view-blogs .view-header img { + vertical-align: text-top; +} +body { + background: #fff; +} +#content { + padding: 0 20px; + margin-bottom: 2em; +} +.breadcrumb a { + text-transform: uppercase; + font-size: 0.8em; + padding: 0 0.35em; +} +.breadcrumb a:first-child { + padding-left: 0; +} +.blog_usernames_blog a, +.node-readmore a { + color: #A3D783; + text-transform: uppercase; +} +#page { + margin-bottom: 0; + padding-bottom: 0; +} +.collaborative-projects { + background-image: -webkit-linear-gradient(right center, #D0D1D1 0, #E6E6E6 69%); + background-image: linear-gradient(to left, #D0D1D1 0, #E6E6E6 69%); + background-color: #D0D1D1; + min-height: 30px; +} +.collaborative-projects .gray-diagonal { + min-height: 30px; + width: 100%; + background: url(/opnfv-dashboard/media/diagonal-white.png) transparent repeat scroll top left; +} +.collaborative-projects #collaborative-projects-logo { + margin-top: 10px; + height: 14px; + background: url(/opnfv-dashboard/media/collaborative-projects-logo.png) no-repeat scroll 10px center transparent; + width: 100%; + max-width: 400px; + float: left; + text-indent: -9000px; +} +@media screen and (min-width: 0) and (max-width: 500px) { + .collaborative-projects #collaborative-projects-logo { + width: 95%; + position: relative; + left: 8px; + background-position: 0 center; + -webkit-background-size: contain; + -moz-background-size: contain; + -o-background-size: contain; + background-size: contain; + } +} +.collaborative-projects #footer-copyright { + padding: 16px 0px 16px 20px; + font-size: 11px; + line-height: 16px; + font-weight: 300; +} +.collaborative-projects #footer-copyright p { + margin: 0; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; +} +.collaborative-projects #footer-copyright a { + text-decoration: underline; + color: #393939; +} +.collaborative-projects #footer-copyright a:hover { + text-decoration: none; + color: #0099EE; +} +.page-page-not-found #content { + margin: 3em 0 5em; + text-align: center; +} +.page-page-not-found #content p { + line-height: 2em; +} +#block-views-members-block_2 .views-row, +#block-views-members-block_5 .views-row, +#block-views-members-block_6 .views-row { + border-bottom: 1px solid #ccc; + margin-bottom: 20px; + padding-bottom: 20px; +} +#block-views-members-block_2 .member-info, +#block-views-members-block_5 .member-info, +#block-views-members-block_6 .member-info { + margin-bottom: 20px; + position: relative; +} +#block-views-members-block_2 .member-info:after, +#block-views-members-block_5 .member-info:after, +#block-views-members-block_6 .member-info:after { + content: ""; + display: table; + clear: both; +} +#block-views-members-block_2 .member-info .column-last, +#block-views-members-block_5 .member-info .column-last, +#block-views-members-block_6 .member-info .column-last { + bottom: -3px; + left: 0; + padding-left: 120px; + position: absolute; + width: 100%; +} +#block-views-members-block_2 .member-info .column-last *, +#block-views-members-block_5 .member-info .column-last *, +#block-views-members-block_6 .member-info .column-last * { + line-height: 120%; + margin: 0; +} +#block-views-members-block_2 .member-info img, +#block-views-members-block_5 .member-info img, +#block-views-members-block_6 .member-info img { + display: block; +} +#block-views-members-block_2 .member-info h3, +#block-views-members-block_5 .member-info h3, +#block-views-members-block_6 .member-info h3 { + font-size: 1em; +} +#block-views-members-block_2 .member-info .board-member-title, +#block-views-members-block_5 .member-info .board-member-title, +#block-views-members-block_6 .member-info .board-member-title { + font-weight: normal; + padding-left: 0; +} +#block-views-members-block_2 p:last-child, +#block-views-members-block_5 p:last-child, +#block-views-members-block_6 p:last-child { + margin-bottom: 0; +} +#block-views-members-block_2 .member-website, +#block-views-members-block_5 .member-website, +#block-views-members-block_6 .member-website { + margin-top: 10px; +} +.page-news-resources .views-row, +#block-views-resources-block_1 .views-row { + margin-bottom: 10px; +} +.page-news-resources .views-row:after, +#block-views-resources-block_1 .views-row:after { + content: ""; + display: table; + clear: both; +} +.page-news-resources .views-row .views-field-nothing, +#block-views-resources-block_1 .views-row .views-field-nothing { + float: left; + width: 80%; +} +.page-news-resources .views-row .views-field-field-thumbnail, +#block-views-resources-block_1 .views-row .views-field-field-thumbnail { + float: right; + margin: 5px 0 20px 0; + width: 15%; +} +.page-news-resources .views-row .views-field-field-thumbnail img, +#block-views-resources-block_1 .views-row .views-field-field-thumbnail img { + display: block; + height: auto; + max-width: 100%; +} +.page-news-resources .view-empty, +#block-views-resources-block_1 .view-empty { + margin-bottom: 1em; + padding: 1em; +} +.page-news-resources .more-link, +#block-views-resources-block_1 .more-link { + bottom: 2em; + font-size: 0.8em; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; +} +#block-views-collateral-block_1 .views-row { + margin-bottom: 10px; +} +#block-views-collateral-block_1 .view-empty { + margin-bottom: 1em; + padding: 1em; +} +#block-views-collateral-block_1 .more-link { + bottom: 2em; + font-size: 0.8em; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; +} +.not-front #block-views-news_and_announcements-block, +.not-front #block-views-news_and_announcements-block_1, +.not-front #block-twitter_helper-twitter_block_1, +.not-front #block-views-events-block, +.not-front #block-views-blogs-block, +.not-front #block-views-faq-faq_recent, +.not-front #block-views-resources-block_1, +.not-front #block-views-collateral-block_1, +.not-front #block-views-videos-block { + float: left; + display: block; + margin-right: 1.69492%; + width: 32.20339%; + height: 450px; + margin-bottom: 2em; + margin-right: 5px; + background: #ecedee; + z-index: 1; +} +.not-front #block-views-news_and_announcements-block:last-child, +.not-front #block-views-news_and_announcements-block_1:last-child, +.not-front #block-twitter_helper-twitter_block_1:last-child, +.not-front #block-views-events-block:last-child, +.not-front #block-views-blogs-block:last-child, +.not-front #block-views-faq-faq_recent:last-child, +.not-front #block-views-resources-block_1:last-child, +.not-front #block-views-collateral-block_1:last-child, +.not-front #block-views-videos-block:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block, + .not-front #block-views-news_and_announcements-block_1, + .not-front #block-twitter_helper-twitter_block_1, + .not-front #block-views-events-block, + .not-front #block-views-blogs-block, + .not-front #block-views-faq-faq_recent, + .not-front #block-views-resources-block_1, + .not-front #block-views-collateral-block_1, + .not-front #block-views-videos-block { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + min-height: 300px; + } + .not-front #block-views-news_and_announcements-block:last-child, + .not-front #block-views-news_and_announcements-block_1:last-child, + .not-front #block-twitter_helper-twitter_block_1:last-child, + .not-front #block-views-events-block:last-child, + .not-front #block-views-blogs-block:last-child, + .not-front #block-views-faq-faq_recent:last-child, + .not-front #block-views-resources-block_1:last-child, + .not-front #block-views-collateral-block_1:last-child, + .not-front #block-views-videos-block:last-child { + margin-right: 0; + } +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper, +.not-front #block-views-events-block.block-twitter-helper, +.not-front #block-views-blogs-block.block-twitter-helper, +.not-front #block-views-faq-faq_recent.block-twitter-helper, +.not-front #block-views-resources-block_1.block-twitter-helper, +.not-front #block-views-collateral-block_1.block-twitter-helper, +.not-front #block-views-videos-block.block-twitter-helper { + margin-right: 0; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets, +.not-front #block-views-events-block.block-twitter-helper .all-tweets, +.not-front #block-views-blogs-block.block-twitter-helper .all-tweets, +.not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets, +.not-front #block-views-resources-block_1.block-twitter-helper .all-tweets, +.not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets, +.not-front #block-views-videos-block.block-twitter-helper .all-tweets { + position: absolute; + bottom: 2em; + left: 0; + width: 100%; + text-align: center; + font-size: 0.8em; + text-transform: uppercase; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets, + .not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets, + .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets, + .not-front #block-views-events-block.block-twitter-helper .all-tweets, + .not-front #block-views-blogs-block.block-twitter-helper .all-tweets, + .not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets, + .not-front #block-views-resources-block_1.block-twitter-helper .all-tweets, + .not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets, + .not-front #block-views-videos-block.block-twitter-helper .all-tweets { + bottom: 0.5em; + } +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper .block-title, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper .block-title, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .block-title, +.not-front #block-views-events-block.block-twitter-helper .block-title, +.not-front #block-views-blogs-block.block-twitter-helper .block-title, +.not-front #block-views-faq-faq_recent.block-twitter-helper .block-title, +.not-front #block-views-resources-block_1.block-twitter-helper .block-title, +.not-front #block-views-collateral-block_1.block-twitter-helper .block-title, +.not-front #block-views-videos-block.block-twitter-helper .block-title { + background: #71c48f; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper ul, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper ul, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper ul, +.not-front #block-views-events-block.block-twitter-helper ul, +.not-front #block-views-blogs-block.block-twitter-helper ul, +.not-front #block-views-faq-faq_recent.block-twitter-helper ul, +.not-front #block-views-resources-block_1.block-twitter-helper ul, +.not-front #block-views-collateral-block_1.block-twitter-helper ul, +.not-front #block-views-videos-block.block-twitter-helper ul { + list-style: none; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li, +.not-front #block-views-events-block.block-twitter-helper li, +.not-front #block-views-blogs-block.block-twitter-helper li, +.not-front #block-views-faq-faq_recent.block-twitter-helper li, +.not-front #block-views-resources-block_1.block-twitter-helper li, +.not-front #block-views-collateral-block_1.block-twitter-helper li, +.not-front #block-views-videos-block.block-twitter-helper li { + margin-bottom: 1em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li img, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li img, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li img, +.not-front #block-views-events-block.block-twitter-helper li img, +.not-front #block-views-blogs-block.block-twitter-helper li img, +.not-front #block-views-faq-faq_recent.block-twitter-helper li img, +.not-front #block-views-resources-block_1.block-twitter-helper li img, +.not-front #block-views-collateral-block_1.block-twitter-helper li img, +.not-front #block-views-videos-block.block-twitter-helper li img { + float: left; + margin-right: 1em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_time, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_time, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-events-block.block-twitter-helper li .tweet_time, +.not-front #block-views-blogs-block.block-twitter-helper li .tweet_time, +.not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_time, +.not-front #block-views-resources-block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-videos-block.block-twitter-helper li .tweet_time { + display: block; + font-size: 0.8em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-events-block.block-twitter-helper li .tweet_text, +.not-front #block-views-blogs-block.block-twitter-helper li .tweet_text, +.not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text, +.not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-videos-block.block-twitter-helper li .tweet_text { + font-size: 10px; +} +@media screen and (min-width: 900px) { + .not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text, + .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text, + .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-events-block.block-twitter-helper li .tweet_text, + .not-front #block-views-blogs-block.block-twitter-helper li .tweet_text, + .not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text, + .not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-videos-block.block-twitter-helper li .tweet_text { + font-size: 0.9em; + } +} +.not-front #block-views-news_and_announcements-block.block-even .block-title, +.not-front #block-views-news_and_announcements-block_1.block-even .block-title, +.not-front #block-twitter_helper-twitter_block_1.block-even .block-title, +.not-front #block-views-events-block.block-even .block-title, +.not-front #block-views-blogs-block.block-even .block-title, +.not-front #block-views-faq-faq_recent.block-even .block-title, +.not-front #block-views-resources-block_1.block-even .block-title, +.not-front #block-views-collateral-block_1.block-even .block-title, +.not-front #block-views-videos-block.block-even .block-title { + background: #177870; +} +.not-front #block-views-news_and_announcements-block .block-title, +.not-front #block-views-news_and_announcements-block_1 .block-title, +.not-front #block-twitter_helper-twitter_block_1 .block-title, +.not-front #block-views-events-block .block-title, +.not-front #block-views-blogs-block .block-title, +.not-front #block-views-faq-faq_recent .block-title, +.not-front #block-views-resources-block_1 .block-title, +.not-front #block-views-collateral-block_1 .block-title, +.not-front #block-views-videos-block .block-title { + background: #00ADBB; + color: #fff; + font-size: 1.25em; + padding: .75em .5em; + text-align: center; + text-transform: uppercase; +} +.not-front #block-views-news_and_announcements-block .block-title a, +.not-front #block-views-news_and_announcements-block_1 .block-title a, +.not-front #block-twitter_helper-twitter_block_1 .block-title a, +.not-front #block-views-events-block .block-title a, +.not-front #block-views-blogs-block .block-title a, +.not-front #block-views-faq-faq_recent .block-title a, +.not-front #block-views-resources-block_1 .block-title a, +.not-front #block-views-collateral-block_1 .block-title a, +.not-front #block-views-videos-block .block-title a { + color: #fff; +} +.not-front #block-views-news_and_announcements-block .view-content, +.not-front #block-views-news_and_announcements-block_1 .view-content, +.not-front #block-twitter_helper-twitter_block_1 .view-content, +.not-front #block-views-events-block .view-content, +.not-front #block-views-blogs-block .view-content, +.not-front #block-views-faq-faq_recent .view-content, +.not-front #block-views-resources-block_1 .view-content, +.not-front #block-views-collateral-block_1 .view-content, +.not-front #block-views-videos-block .view-content { + margin-bottom: 1em; + padding: 1em; +} +.not-front #block-views-news_and_announcements-block .view-footer, +.not-front #block-views-news_and_announcements-block_1 .view-footer, +.not-front #block-twitter_helper-twitter_block_1 .view-footer, +.not-front #block-views-events-block .view-footer, +.not-front #block-views-blogs-block .view-footer, +.not-front #block-views-faq-faq_recent .view-footer, +.not-front #block-views-resources-block_1 .view-footer, +.not-front #block-views-collateral-block_1 .view-footer, +.not-front #block-views-videos-block .view-footer { + text-transform: uppercase; + font-size: 0.8em; + position: absolute; + bottom: 2em; + width: 100%; + text-align: center; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block .view-footer, + .not-front #block-views-news_and_announcements-block_1 .view-footer, + .not-front #block-twitter_helper-twitter_block_1 .view-footer, + .not-front #block-views-events-block .view-footer, + .not-front #block-views-blogs-block .view-footer, + .not-front #block-views-faq-faq_recent .view-footer, + .not-front #block-views-resources-block_1 .view-footer, + .not-front #block-views-collateral-block_1 .view-footer, + .not-front #block-views-videos-block .view-footer { + bottom: 0.5em; + } +} +.not-front .view-blogs .block-row, +.not-front .view-events .block-row, +.not-front .view-news-and-announcements .block-row, +.not-front .view-videos .block-row { + margin-bottom: 1.5em; +} +.not-front .view-blogs .views-field, +.not-front .view-events .views-field, +.not-front .view-news-and-announcements .views-field, +.not-front .view-videos .views-field { + margin-bottom: 0.25em; +} +.not-front .view-blogs .views-field-type, +.not-front .view-blogs .views-field-field-event-address, +.not-front .view-events .views-field-type, +.not-front .view-events .views-field-field-event-address, +.not-front .view-news-and-announcements .views-field-type, +.not-front .view-news-and-announcements .views-field-field-event-address, +.not-front .view-videos .views-field-type, +.not-front .view-videos .views-field-field-event-address { + font-style: italic; + font-size: 0.95em; +} +.not-front .view-blogs .views-field-title, +.not-front .view-events .views-field-title, +.not-front .view-news-and-announcements .views-field-title, +.not-front .view-videos .views-field-title { + font-size: 11px; +} +@media screen and (min-width: 900px) { + .not-front .view-blogs .views-field-title, + .not-front .view-events .views-field-title, + .not-front .view-news-and-announcements .views-field-title, + .not-front .view-videos .views-field-title { + font-size: 1.1em; + } +} +.not-front .view-blogs .views-field-created, +.not-front .view-events .views-field-created, +.not-front .view-news-and-announcements .views-field-created, +.not-front .view-videos .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.not-front #block-views-faq-faq_recent .more-link { + position: absolute; + width: 100%; + text-align: center; + bottom: 30px; +} +.not-front .view-videos .views-row { + display: block; + height: 150px; + margin-bottom: 1em; +} +.not-front .view-videos .view-empty { + padding: 1em; +} +.not-front .view-videos .views-field-nothing { + position: relative; + float: left; + margin-right: 10px; +} +.not-front .view-videos .views-field-nothing a { + text-transform: uppercase; +} +.not-front .view-videos .views-field-body { + margin-top: 20px; + font-size: 10px; +} +@media screen and (min-width: 900px) { + .not-front .view-videos .views-field-body { + font-size: 0.9em; + } +} +.front .title { + display: none; +} +.front #content { + padding-top: 20px; + max-width: 68em; + margin-left: auto; + margin-right: auto; +} +.front #content:after { + content: ""; + display: table; + clear: both; +} +.front .custom_home_block { + background: transparent none repeat scroll 0 0 !important; + clear: both !important; + color: #000 !important; + height: auto !important; + width: 100% !important; + font-size: 0.8em !important; + margin-top: 0px !important; + margin-bottom: 5px !important; +} +.front .custom_home_block .content { + padding: 0px !important; +} +.front .custom_home_block .content p { + margin: 0px; +} +.front .custom_home_block img { + width: 100%; +} +.front .block-views, +.front .block-block, +.front .block-twitter-helper { + float: left; + display: block; + margin-right: 1.69492%; + width: 32.20339%; + height: 500px; + margin-bottom: 2em; + background: #ecedee; +} +.front .block-views:last-child, +.front .block-block:last-child, +.front .block-twitter-helper:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views, + .front .block-block, + .front .block-twitter-helper { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + } + .front .block-views:last-child, + .front .block-block:last-child, + .front .block-twitter-helper:last-child { + margin-right: 0; + } +} +.front .block-views.block-twitter-helper, +.front .block-block.block-twitter-helper, +.front .block-twitter-helper.block-twitter-helper { + margin-right: 0; +} +.front .block-views.block-twitter-helper .all-tweets, +.front .block-block.block-twitter-helper .all-tweets, +.front .block-twitter-helper.block-twitter-helper .all-tweets { + position: absolute; + bottom: 2em; + left: 0; + width: 100%; + text-align: center; + font-size: 0.8em; + text-transform: uppercase; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views.block-twitter-helper .all-tweets, + .front .block-block.block-twitter-helper .all-tweets, + .front .block-twitter-helper.block-twitter-helper .all-tweets { + bottom: 0.5em; + } +} +.front .block-views.block-twitter-helper .block-title, +.front .block-block.block-twitter-helper .block-title, +.front .block-twitter-helper.block-twitter-helper .block-title { + background: #71c48f; +} +.front .block-views.block-twitter-helper ul, +.front .block-block.block-twitter-helper ul, +.front .block-twitter-helper.block-twitter-helper ul { + list-style: none; +} +.front .block-views.block-twitter-helper li, +.front .block-block.block-twitter-helper li, +.front .block-twitter-helper.block-twitter-helper li { + margin-bottom: 1em; +} +.front .block-views.block-twitter-helper li img, +.front .block-block.block-twitter-helper li img, +.front .block-twitter-helper.block-twitter-helper li img { + float: left; + margin-right: 1em; +} +.front .block-views.block-twitter-helper li .tweet_time, +.front .block-block.block-twitter-helper li .tweet_time, +.front .block-twitter-helper.block-twitter-helper li .tweet_time { + display: block; + font-size: 0.8em; +} +.front .block-views.block-twitter-helper li .tweet_text, +.front .block-block.block-twitter-helper li .tweet_text, +.front .block-twitter-helper.block-twitter-helper li .tweet_text { + font-size: 10px; +} +@media screen and (min-width: 900px) { + .front .block-views.block-twitter-helper li .tweet_text, + .front .block-block.block-twitter-helper li .tweet_text, + .front .block-twitter-helper.block-twitter-helper li .tweet_text { + font-size: 0.9em; + } +} +.front .block-views.block-even .block-title, +.front .block-block.block-even .block-title, +.front .block-twitter-helper.block-even .block-title { + background: #177870; +} +.front .block-views .block-title, +.front .block-block .block-title, +.front .block-twitter-helper .block-title { + background: #00ADBB; + color: #fff; + font-size: 1.25em; + padding: .75em .5em; + text-align: center; + text-transform: uppercase; +} +.front .block-views .block-title a, +.front .block-block .block-title a, +.front .block-twitter-helper .block-title a { + color: #fff; +} +.front .block-views .content, +.front .block-block .content, +.front .block-twitter-helper .content { + padding: 1em; +} +.front .block-views .view-content, +.front .block-block .view-content, +.front .block-twitter-helper .view-content { + margin-bottom: 1em; +} +.front .block-views .view-footer, +.front .block-block .view-footer, +.front .block-twitter-helper .view-footer { + text-transform: uppercase; + font-size: 0.8em; + position: absolute; + bottom: 2em; + width: 100%; + text-align: center; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views .view-footer, + .front .block-block .view-footer, + .front .block-twitter-helper .view-footer { + bottom: 0.5em; + } +} +.front #content-area { + display: inline-flex; + height: auto; + flex-flow: row wrap; +} +.front #block-block-1, +.front #block-block-2, +.front #block-block-3 { + background: none; + height: auto; + display: inline-flex; + margin-bottom: 0; +} +@media screen and (min-width: 900px) { + .front #block-block-1, + .front #block-block-2, + .front #block-block-3 { + width: 32%; + } +} +.front #block-block-1 .block-title, +.front #block-block-2 .block-title, +.front #block-block-3 .block-title { + background: transparent; + margin-bottom: 0; + padding: 0; +} +.front #block-block-1 .block-title-link, +.front #block-block-2 .block-title-link, +.front #block-block-3 .block-title-link { + background-position: 50% 10px; + background-repeat: no-repeat; + color: #373A36; + display: block; + margin: auto; + padding-top: 110px; + width: 100%; +} +.front #block-block-1 .content, +.front #block-block-2 .content, +.front #block-block-3 .content { + text-align: center; +} +.front #block-block-1 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_About.png); +} +.front #block-block-2 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GettingStarted.png); +} +.front #block-block-3 { + margin-right: 0; +} +.front #block-block-3 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GetInvolved.png); +} +.front #block-system-main { + clear: both; +} +.front .view-blogs .views-row, +.front .view-events .views-row { + margin-bottom: 1.5em; +} +.front .view-blogs .views-field, +.front .view-events .views-field { + margin-bottom: 0.25em; +} +.front .view-blogs .views-field-type, +.front .view-blogs .views-field-field-event-address, +.front .view-events .views-field-type, +.front .view-events .views-field-field-event-address { + font-style: italic; + font-size: 0.95em; +} +.front .view-blogs .views-field-title, +.front .view-events .views-field-title { + font-size: 1.1em; +} +.front .view-blogs .views-field-created, +.front .view-events .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.front #block-views-members_by_level-block, +.front #block-views-members_by_level-block_1, +.front #block-views-members-slider { + height: 100%; + background-color: transparent; + width: 100%; +} +.front .flex-control-nav { + display: none; +} +.front .views-field-field-member-logo .field-content { + line-height: 40px; + text-align: center; + width: 100%; +} +.front .views-field-field-member-logo .field-content img { + display: inline-block; + height: auto; + max-width: 100%; + vertical-align: middle; + width: auto; +} +#highlighted { + margin-bottom: -221px; +} +#highlighted .block-views { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + margin-bottom: 0; + background: none; +} +#highlighted .block-views:last-child { + margin-right: 0; +} +.logged-in #highlighted { + margin-bottom: -216px; +} +.flexslider { + background: transparent; + border: none; + border-radius: none; + box-shadow: none; +} +.flexslider .flex-direction-nav a:before { + color: #A3D783; +} +.flexslider .flex-direction-nav a:hover { + text-decoration: none; +} +.flexslider .slides { + overflow: hidden; +} +.flexslider .slides img { + height: auto; + margin-left: auto; + margin-right: auto; + max-width: 100%; +} +.flexslider .views-field-nothing { + display: none; +} +.view-front-page-slideshow { + max-height: 180px; + overflow: hidden; +} +@media screen and (min-width: 981px) { + .view-front-page-slideshow .flexslider .slides img { + height: 180px; + } +} +a.frontpage-slider__video-link, +a.frontpage-slider__video-link:visited { + display: block; + height: 100%; + left: 0; + position: absolute; + overflow: hidden; + text-indent: -999em; + top: 0; + width: 100%; + z-index: 1; +} +.view-members-by-level .view-content { + text-align: center; +} +.view-members-by-level .view-content h3 { + text-align: left; +} +.view-members-by-level .field-content, +.view-members-by-level .views-field-field-member-logo, +.view-members-by-level .views-row { + display: inline-block; +} +.view-members-by-level .flexslider { + background-color: transparent; +} +.view-members-by-level img { + margin-right: 10px; +} +@media screen and (min-width: 0) and (max-width: 670px) { + .flexslider .views-field-nothing { + position: static; + opacity: 0.8; + } + .touch .flexslider .flex-direction-nav { + display: none; + } +} +.view-events .views-row { + margin-bottom: 2em; +} +.view-events .views-field { + margin-bottom: 0.5em; +} +.view-events .learn-more { + margin: 0.5em 0; +} +.view-events .views-field-title { + font-size: 1.25em; +} +.view-events .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.view-events .views-field-field-event-address { + font-style: italic; +} +.node-event img { + max-width: 100%; + height: auto; +} +.node-event .field { + margin-bottom: 0.5em; +} +.node-event .field-label { + margin-right: 0.25em; + text-transform: uppercase; + font-size: 0.8em; +} +.node-event .field-name-field-event-image { + margin-bottom: 2em; + border-bottom: 1px solid #ecedee; +} +.node-event .field-name-body { + margin: 2em 0; + padding-top: 3em; + border-top: 1px solid #ecedee; +} +.node-event .field-name-body .field-label { + margin-bottom: 1em; +} +.view-main-menu-links { + max-width: 68em; + margin-left: auto; + margin-right: auto; + margin-top: 2em; + border-top: 1px solid #ecedee; + padding-top: 4em; +} +.view-main-menu-links:after { + content: ""; + display: table; + clear: both; +} +.view-main-menu-links ul { + margin: 0; + padding: 0; +} +.view-main-menu-links ul li { + margin: 0; + padding: 0; +} +.view-main-menu-links .views-row { + float: left; + display: block; + margin-right: 1.69492%; + width: 49.15254%; + margin-bottom: 4em; + padding-right: 4em; +} +.view-main-menu-links .views-row:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .view-main-menu-links .views-row { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + padding-right: 0; + } + .view-main-menu-links .views-row:last-child { + margin-right: 0; + } +} +.view-main-menu-links .views-row .views-field-title { + font-size: 1.5em; + margin-bottom: 1em; + text-align: center; +} +.view-main-menu-links .views-row .views-field-body { + margin-bottom: 0.5em; +} +.view-main-menu-links .views-row .views-field-description a { + display: block; + margin-top: 0.5em; +} +.view-main-menu-links .views-row.views-row-even { + margin-right: 0; +} +.view-main-menu-links .views-row.views-row-odd { + clear: left; +} +body.node-type-landing-page #content-header { + left: 0; + position: absolute; + top: 20px; + width: 100%; + z-index: 1; +} +.node-landing-page { + display: block; + height: 100%; + left: 0; + overflow: auto; + position: fixed; + top: 0; + width: 100%; +} +.node-landing-page.with-background { + background-color: #000; + background-position: center bottom; + background-repeat: no-repeat; + background-size: cover; +} +.node-landing-page .content { + color: #fff; + margin: 50px auto; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); +} +.node-landing-page .content:after { + content: ""; + display: table; + clear: both; +} +@media screen and (min-width: 700px) { + .node-landing-page .content { + margin-top: 120px; + max-width: 68em; + } +} +.node-landing-page .content a, +.node-landing-page .content a:visited { + color: #00ADBB; +} +.node-landing-page .content p { + color: #fff; +} +.node-landing-page .content h2 { + text-align: center; +} +.node-landing-page .content h2 a, +.node-landing-page .content h2 a:visited { + color: #fff; +} +.node-landing-page .content img { + display: inline-block; + height: auto; + max-width: 100%; +} +.node-landing-page .field-name-field-header-first-column, +.node-landing-page .field-name-field-header-last-column, +.node-landing-page .field-name-field-content-first-column, +.node-landing-page .field-name-field-content-last-column { + padding: 0 20px; +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-header-first-column, + .node-landing-page .field-name-field-header-last-column, + .node-landing-page .field-name-field-content-first-column, + .node-landing-page .field-name-field-content-last-column { + float: left; + width: 49%; + } +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-header-first-column, + .node-landing-page .field-name-field-content-last-column { + float: right; + } +} +.node-landing-page .field-name-field-content-first-column { + margin-bottom: 40px; +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-content-first-column { + margin-bottom: 0; + } +} +.page-resources-library .view-resources .views-row { + margin-bottom: 2em; +} +.page-resources-library .view-resources .opnfv-resources-date { + font-style: italic; + font-size: 0.8em; +} +.page-resources-library .view-resources .opnfv-resources-title { + font-size: 1.25em; + margin-bottom: 0.5em; +} +.page-resources-library .view-resources .views-field-field-thumbnail { + float: right; + margin: 5px 0 20px 20px; +} +.page-resources-library .view-resources .views-field-field-thumbnail img { + display: block; + height: auto; + max-width: 100%; +} +.page-blog .view-blogs .views-row, +.page-news-faq-blog .view-blogs .views-row { + margin-bottom: 2em; +} +.page-blog .view-blogs .views-field, +.page-news-faq-blog .view-blogs .views-field { + margin-bottom: 0.5em; +} +.page-blog .view-blogs .learn-more, +.page-news-faq-blog .view-blogs .learn-more { + margin: 0.5em 0; +} +.page-blog .view-blogs .views-field-title, +.page-news-faq-blog .view-blogs .views-field-title { + font-size: 1.25em; +} +.page-blog .view-blogs .views-field-created, +.page-news-faq-blog .view-blogs .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.node-blog { + margin-bottom: 3em; +} +.node-blog .addtoany_list { + display: block; + padding-bottom: 20px; +} +.node-blog .blog_usernames_blog { + display: none; +} +#header #header-region { + clear: both; +} +#header .container { + padding: 0px 20px 0; +} +#header #logo { + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-bottom: 1em; +} +#header #logo:last-child { + margin-right: 0; +} +#header #site-name { + margin-top: 20px; +} +#header #site-name a { + text-indent: -9999px; + display: inline-block; +} +.banner-top { + background-color: #fff; + height: 180px; +} +@media screen and (min-width: 980px) { + .banner-top { + background: #00ADBB url(/sites/all/themes/opnfv/images/optimized/banner-bg.png) repeat 50% 50%; + height: 180px; + } +} +.sidebar .block { + margin-bottom: 1.5em; + background: #ecedee; +} +.sidebar .block .content { + padding: 0 1em .5em; +} +.sidebar .block .view-content { + margin-bottom: 1em; +} +.sidebar .block .view-footer { + text-transform: uppercase; + font-size: 0.8em; +} +.sidebar .block-title { + font-size: 1em; + color: #fff; + background: #177870; + padding: .5em; +} +#footer { + background: #00ADBB; +} +#footer .container { + padding: 20px 20px 30px; +} +#footer #block-block-4 { + display: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +mark { + background: #ff0; + color: #000; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} +pre { + white-space: pre-wrap; +} +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} +button, +input { + line-height: normal; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} |