/*
Custom changes for Web3D Media Responsive Theme
from Media Responsive Theme (by Zymphonies)
*/
/* Draft pages - specifically listed by NodeId */
/*
.page-node-1857 .field-name-body {background:url("/tmp/DRAFT-vertical-100x500.png") repeat-y right top; padding-right:100px; }
*/
/* Increase the font size of text and set it to black */
body {font-size:11pt; }
p {color:black; }
/* Make all link underline when hovering */
a {color:#0d58f6; }
a:hover, a:active {text-decoration:underline; color:#04344c}
a {color:#04375; }
a:hover, a:active {color:black}
/* Fix up header */
h1#site-title {display:block !important; float:left; overflow:hidden; }
#site-title a {display:none; }
#site-title {margin:0 0 0 10px; }
#logo img {background-color:white; }
#logo {float:none; margin-bottom:0; }
#site-description {float:left; clear:none; font-style:italic; font-weight:bold; color:white; font-size:12px; line-height:140%; }
.region-user-menu, .region-user-menu a {color:#cccc66; }
#main-menu {background-color:transparent; background-image:url(); }
#main-menu ul.menu li {background-color:white; }
.front #main-menu {margin-bottom:-4px; }
/* Header defined as center, side (left, right)
* Any total width controls need to be put in the responsive section at the top
*/
.top_left {width:auto; }
.top_right {width:auto; margin-right:10px; padding-top:10px; }
/* 3D content block */
.top_center {position:relative; width:192px; margin-left:auto; margin-right:auto; z-index:1728; }
*
/** Login block */
#toboggan-container {z-index:255; position:relative; }
div.toboggan-login-link-container {padding-right: 10px; text-align: right; }
#toboggan-login {border:2px solid #04344c; border-radius:8px; padding:8px; font-size:90%; height:8em; width:27em; background-color:#03b7e6; color:black; float:right; left:0; position:relative; }
#toboggan-login a {color:#0d58f6; }
#toboggan-login .form-item {float:left; margin:0px 5px 0 0; }
#toboggan-login .item-list {margin-right:5px; position:absolute; top:5em; }
#toboggan-login #edit-submit {font-size:90%; padding:2px 11px 3px 11px; margin:4px; }
.top_right .region-search {white-space:nowrap; padding:0; }
.social-icons {clear:right; }
/* Adjustments for header (make it more vertically compact) */
#content-3d {float:left; width:192px; height:160px; }
.top_right .region-user-menu {float:right; }
.block-logintoboggan .content {float:right; }
/* #main-menu a {padding:5px 15px; } reduces menu size */
/* Slideshow */
#container {padding-top:0px; }
.region-slideshow {padding-top:0px; }
.nivo-caption {background-color:transparent; }
//.nivo-caption {background:url(/static/images/logos-Web3D/X3dAnywhere-white_89x55.png) no-repeat right top; }
.nivo-caption .overlay {margin-top:6em; padding:15px; background-color:#03b7e6; }
.nivo-caption .overlay {background-color:transparent; }
.nivo-caption p {font-size:155%; font-weight:bold; text-align:center; line-height:120%; margin-top:1em; border:2px white solid; border-radius:8px; background-color:gray; }
.nivo-caption {margin-top:10%; width:13em; }
//.nivo-caption p {background-color:rgb(4,52,76); border:0; border-radius:0 12px 12px 12px / 0 12px 12px 12px; }
.nivo-caption p {background-color:transparent; border:0; border-radius:0 12px 12px 12px / 0 12px 12px 12px; }
/* Turn the top and bottom to dark blue and text to white */
#inner_header_wrapper {background-color:#04344c; }
.footer_credit {background:#04344c; color:white; }
.footer_credit p {color:white; font-style:italic; text-align:center; font-size:88%; }
/* Home page -- Front Welcome region */
.region-front-welcome {background-color:white; color:#04344c; font-size:110%; padding:0px 1em 2px 1em; border:2px #04344c solid; border-radius:5px; height:auto; }
.region-front-welcome .content h3 {text-align:center; color:#04344c; }
.region-front-welcome .content p {color:#04344c; }
.row div {float:left; }
.col-fixed-logo {width:113px; padding:0 5px 3px 0; float:left; }
.logo-text { font-family "GulimChe", "HP Simplified", "Arial Narrow", "Arial", "sans-serif"; font-weight:bold;
font-size:16px;
text-align:center;
text-transform:uppercase;
margin-top:-22px;
color:#8a3356; }
.col-remainder { }
/* Event block formatting */
.front .event-item .event-title {font-weight:bold; }
.front .event-item .event-graphic img {border:0; padding:0; margin:0; }
.front .event-item .event-date {font-style:italic; font-size:90%; }
.front li.event-item {list-style:none; }
/* X3DOM logo */
.region-top-second #block-block-21 .content {text-align:center; }
.region-top-second iframe {margin:0 auto 0 auto; width:105px; }
/* X3D & H-Anim Logos (top widget 1&2) */
/*
.top_widget #footer-area {padding-top:0; }
.top_widget #footer-area .column {padding-top:0; padding-bottom:0; }
.top_widget #footer-area .column p {margin-bottom:0; }
.top_widget .region-top-widget-1 {padding-left:240px; }
.top_widget .region-top-widget-2 {padding-left:100px; }
*/
/* Home top-content - various blocks */
.small-news-date {font-size:78%; white-space:nowrap; }
/* Join Button with Web3D Intro Text */
.intro-text {max-width:calc(100% - 9em); float:left; }
.joinBlock {float:right; background-color:#04344c; color:white; font-weight:bold; border-radius:24px 24px 24px 24px; padding:5px; text-align:center; width:15%; height:auto; }
.joinBlock-text {text-transform:uppercase; }
.joinBlock-words {float:left; margin:0 2em 0 1em; }
.joinBlock-symbol {float:right; padding-right:3px; }
.joinBlock-text {color:white; font-size:144%; padding-bottom:5px; }
//.joinBlock-border {border:8px solid rgb(3,166,208); }
//.joinBlock {background-color:rgb(3,166,208); border:8px solid rgb(4,52,76); }
.words-top {margin-bottom:1.25em; }
.words-bottom {margin-bottom:.75em;}
/* New buttons for Join/Renew - supersedes above */
.region-content-top .block-action_buttons {float: right; }
.region-content-top .block-action_buttons button {display:block; width:7em; margin:.7em; color:white; background-color:#04344c; background-image: -webkit-linear-gradient(top, #095e88 0%, #04344c 100%); border-width:0; border-radius:7px; font-weight: 400; font-size: 106%; }
/* Styling of top and bottom information widgets (not-logos; blocks) for home page */
/* Top widgets (blocks) */
#top-area .region {border:1px solid #04344c; border-radius:10px; min-height:644px; }
#top-area .block h2 {text-align:center; background-color:#04344c; margin:0; color:white; margin-bottom:.5em; border-radius:8px 8px 0 0; }
#top-area .content {margin:0 1em .5em 1em; }
#top-area .column .content {padding-bottom:0; }
#top-area .column {width:32%; margin:0 1%; }
#top-area .column2x {margin:0 1%; }
#top-area .column-left {margin:0 1%; }
#top-area .wrap {float:left; }
#top-area .nowrap {float:none; }
#top-area .widthFull {width:98%; }
#top-area .width2X {width:64%; }
#top-area .bottomSpace {margin-bottom:.6em; }
#top-area .bottomTight {margin-bottom:0; }
//#top-area .region-top-third .block h2 {display:none; }
#top-area .region-top-third .content {margin:0; padding:0; }
#top-area .views-row {border-top:1px dashed gray; margin-bottom:15px; padding-top:5px; }
#top-area .views-row-first {border-top:0; padding-top:0; }
#top-area .region .content {font-size:90%; }
#top-area .region .view-footer {margin-top:0; padding-top:0; }
#top-area .region .more-link {float:right; }
#top-area .view-display-id-block_event_small {line-height:1em; }
//#top-area .region-top-third {border:0px solid #04344c; border-radius:0; }
#top-area .region-top-third .block-twitter-block .content {height:300px; }
#top-area .region-top-second .views-field-title {font-weight:bold; }
#top-area .region-top-second img {padding:0; }
#top-area .region .block-views .content {max-height:600px; overflow:scroll; }
#top-area .width2X .region .block-views .content {max-height:232px; }
#top-area .column2x .views-row {white-space:normal; }
#top-area .column2x .views-field-title {font-size:130%; font-weight:bold; }
/* Bottom widgets (blocks) */
/* First set is for the top row of bottom widgets. The second set is for the bottom row */
.top_widget #footer-area .region {border:1px solid #04344c; border-radius:10px; }
.top_widget #footer-area .block h2 {text-align:center; background-color:#04344c; margin:0; color:white; margin-bottom:.5em; border-radius:8px 8px 0 0; }
.top_widget #footer-area .content {margin:0 1em 1em 1em; color:black; }
.top_widget #footer-area #block-views-presentations-block-1 .content .views-row .text-notation {font-size:78%; }
#footer-area #block-views-standards-block-standards-quick .view-footer {margin-top:1em; text-align: right; }
.bottom_widget #footer-area .region-bottom-widget-2 {border:1px solid #04344c; border-radius:10px; }
.bottom_widget #footer-area .region-bottom-widget-2 .block h2 {text-align:center; background-color:#04344c; margin:0; color:white; margin-bottom:.5em; border-radius:8px 8px 0 0; }
.bottom_widget #footer-area .region-bottom-widget-2 .content {margin:0 1em 1em 1em; color:black; }
.bottom_widget #footer-area p {text-align:center; } /* Center the logos */
.footer_block .column {border:0; } /* Get rid of faint region border */
/* Style the Case Studies home page block */
#block-views-case-studies-block-1 .views-row {clear:both; }
#block-views-case-studies-block-1 .views-field-field-images {float:left; padding-right:5px; }
#block-views-case-studies-block-1 .views-field-field-project a {font-size:112%; }
/* Adjust position of footer icons */
#footer #footer_wrapper .column {padding-top:0; padding-bottom:20px; }
#footer #footer-area .column img {margin-right:14px; }
#footer #footer-area .column a img {padding:0; }
#footer #footer-area .column a {color:white; }
#copyright .credits {display:none; }
/* Page Classes */
#content h1 {margin-bottom:1.5em; font-size:180%; font-weight:bold; }
/* Image size & placement for all classes */
.image-border_right {float:right; margin:0 0 1em 2em; clear:right; }
.image-border_left {float:left; margin:0 2em 1em 0; clear:left; }
.liaisonEntry {margin-top:3em; }
.liaisonName {font-weight:bold; font-size:120%; margin-bottom:1em; }
.liaisonEntry img {padding-right:30px; float:left; }
.liaisonEntry .liaisonName {padding-bottom:2em; }
.liaisonDescription {clear:left;}
.license-agreement {margin:2em; border:2px solid blue; background-color:#ddeeff; padding:5px; }
.view-footer {clear:both; padding-top:2em; }
#comments {margin-top:4em; }
/* Standards pages */
.view-standards .date-display-single {white-space:nowrap; }
/* Standards Comment page */
#webform-component-specification {display:none; }
/* Working Groups pages */
.node-working-group .field-name-field-summary {margin:0 5em; font-style:italic; }
.node-working-group .field-type-text {margin-bottom:2em; }
.node-working-group .field-type-text .field-items {margin-left:1em; }
.node-working-group .field-type-link-field {margin-bottom:2em; }
.node-working-group .field-type-link-field .field-items {margin-left:1em; }
/* Dated Content views & pages */
.not-front #content .view-dated-content-events .views-row {margin-bottom:3em; }
.not-front #content .view-dated-content-events .views-field {margin-left:2em; }
.not-front #content .view-dated-content-events .views-field-title {font-size:130%; font-weight:bold; margin-left:0; }
.not-front #content .view-dated-content .views-row {margin-bottom:3em; }
.not-front #content .view-dated-content .views-field {margin-left:2em; }
.not-front #content .view-dated-content .views-field-title {font-size:130%; font-weight:bold; float:left; margin-right:.5em; margin-left:0; }
.not-front #content .view-dated-content .views-field-field-release-date {font-style:italic; font-size:88%; }
.not-front #content .view-dated-content .views-field-field-summary {font-weight:bold; font-size:105%; }
.not-front #content #block-views-dated-content-block-news-medium .view-dated-content .views-field-title {float:none; }
.not-front #content .block-views h2 {font-size:150%; font-weight:bold; margin-bottom:1.5em; }
/* Event sub-type */
.node-dated .field-name-field-summary {font-size:125%; margin-bottom:1em; }
.node-dated .field-name-field-dated-dates, .node-dated .field-name-field-location, .node-dated .field-name-field-dated-url {margin-left:3em; }
.node-dated .field-name-body {margin:1em 0 0 0; }
.node-dated .field-name-field-dated-press-release, .node-dated .field-name-field-release-date {font-size:88%; color:#999999; }
.node-dated .field-label {width:11em; text-align:right; margin-right:.5em; }
/* Presentation page */
.node-presentation .field-label {width:8em; text-align:right; margin-right:.5em; }
/* Case Studies page */
.page-case-studies .view-case-studies .views-row {clear:both; }
.page-case-studies .view-case-studies .views-field-field-images {float:left; padding:1em 1em 1em 0; }
.page-case-studies .view-case-studies .content .views-field-field-images a img {padding:0; }
.page-case-studies .view-case-studies .views-field-field-project {font-size:122%; font-weight:bold; padding:1em 0 0 0; }
.node-case-studies .field-name-field-project {font-size:124%; }
.node-case-studies .field-label {width:11em; text-align:right; margin-right:.5em; }
.node-case-studies .field-name-field-byline {font-size:112%; font-style:italic; margin:0 0 1em 7.6em; }
.views-field-field-byline {font-style:italic; margin-bottom:1em; }
/* Member Profile page */
.page-about-members .views-field-field-images {width:300px; float:left; padding-right:40px; }
.page-about-members .views-field-title {font-size:160%; font-weight:bold; padding-top:10px; }
.page-about-members .views-field-nothing {}
.page-about-members .views-field-body {clear:both; margin:0 0 4em 2em; }
/* Board of Directors pages */
.view-display-id-bod_rollup_page .views-row {clear:both; margin-top:2em; min-height:240px; }
.view-display-id-bod_rollup_page .views-field {color:black; }
.view-display-id-bod_rollup_page .views-field-field-lastname {font-size:120%; font-weight:bold; }
.view-display-id-bod_rollup_page .views-field-title {font-size:120%; font-weight:bold; }
.view-display-id-bod_rollup_page .views-field-nothing {margin-left:2em; }
.view-display-id-bod_rollup_page .views-position-values {font-style:italic; font-weight:bold; float:left; padding-right:1em; }
.view-display-id-bod_rollup_page .views-membership-values {font-style:italic; float:left; padding-right:.5em; }
.view-display-id-bod_rollup_page .views-supporting-field-label {}
.view-display-id-bod_rollup_page .views-supporting-field-value {font-weight:bold; float:none; clear:left; }
/* .view-display-id-bod_rollup_page .views-field-field-images {clear:both; margin-top:.8em; float:left; padding:0 10px 8px 0; } */
.view-display-id-bod_rollup_page .views-field-body {margin-top:.8em; }
.view-display-id-bod_rollup_page .views-field-nothing {clear:both; }
.view-display-id-bod_rollup_page .views-field-field-images {clear:both; }
.view-display-id-bod_rollup_page .views-field-body {clear:both; }
.view-display-id-bod_rollup_page .views-field-headshot {float:left; padding:0 10px 8px 0; }
.view-display-id-bod_rollup_page .attachment-after {clear:both; margin-top:3em; }
/* About : Markets roll-up page */
.view-about-markets .views-row {border:1px black solid; border-width:1px 1px 0 1px; border-radius:50px 50px 0 0; width:250px; overflow:hidden; padding:0px; float:left; margin-right:30px; height:490px; }
.view-about-markets .views-row a img {padding:0; max-width:250px; margin:0 auto 0 auto; text-align:center; border:0px black solid; }
.view-about-markets .views-row .views-field-field-image {background-color:black; }
.view-about-markets .views-row .views-field-title {text-align:center; font-weight:bold; font-size:144%; margin:.5em 0; }
.view-about-markets .views-row .views-field-field-summary {margin:0.5em; }
.view-about-markets .attachment-after .views-row {border:1px black solid; border-radius:0; width:810px; overflow:hidden; padding:0px; float:left; margin-right:30px; height:auto; }
.view-about-markets .attachment-after .views-row .views-field-field-image {background-color:transparent; float:left; margin-right:1em; }
.view-about-markets .attachment-after .views-row .views-field-title {text-align:center; font-weight:bold; font-size:176%; margin:.5em 0; }
/* Videos page */
.view-id-videos .views-field-title {font-size:122%; }
.view-id-videos .views-field-field-images {float:left; margin-bottom:2.5em; padding-right:1em; }
.view-id-videos .views-row {clear:left; }
.view-id-videos .view-footer {margin-top:2em; }
/* Member Wiki Pages */
.tableofcontents-processed {width:33%; margin:0 0 2em 3em; background-color:#edeeff; }
.toc-toggle-message {font-weight:normal; font-size:88%; }
.toc-list {font-size:92%; }
/* Call for Contribution pages */
.page-call-contributions .view-call-contribution .view-content {margin-top:2em; border:2px solid gray; margin:10px; }
.page-call-contributions .view-call-contribution .views-row {border:1px solid gray; padding:1em; }
.page-call-contributions .view-call-contribution .views-field-title {font-size:144%; font-weight:bold; }
.page-call-contributions .view-call-contribution .views-field-created {font-size:88%; }
.page-call-contributions .view-call-contribution .views-field-changed {font-size:88%; }
/* Getting Started page */
.getting-started-steps li {margin-bottom:2em; }
.getting-started-step1-choices li {margin-bottom:1em; }
.getting-started-steps {margin-left:0; padding-left:0; }
.getting-started-steps li {list-style-type:none; background-repeat: no-repeat; background-position: 0px 0px; }
//.getting-started-step1 {list-style-type:none; list-style-image:url('/realtime-3d/files/graphics/icons/blue-down-arrow_4.jpg'); padding-left:0; }
.getting-started-step1 {background-image:url('/static/images/icons/blue-down-arrow_4.jpg'); padding-left: 58px; }
.getting-started-step2 {background-image:url('/static/images/logos/Web3D/x3d-angle_white-56w.png'); padding-left: 93px; margin-top:4em; }
.getting-started-step3 {background-image:url('/static/images/logos/Web3D/x3d-anywhere_75w.png'); padding-left: 80px; margin-top:5em; clear:both; }
.getting-started-step1-choices li {margin-top:1em; }
.getting-started-browser-items {margin-top:1em; clear:both; font-weight:bold; font-size:120%; }
.getting-started-browser-items ol {margin-top:1em; }
.getting-started-item-bscontact {background-image:url('/static/images/logos/others/Bitmanagement-target_37.png'); padding-left:42px; min-height:37px; }
.getting-started-item-x3dom {background-image:url('/static/images/logos/others/x3dom-box_white-50w.png'); padding-left:76px; min-height:50px; }
li.getting-started-step2-choices {list-style:none; margin-bottom:1em; font-size:83%; }
.getting-started-step2 .row-odd {float:left; width:245px; clear:left; }
.getting-started-step2 .row-even {float:left; width:240px; }
li.getting-started-step3-item {list-style-type:disc; font-weight:bold; }
li.getting-started-step3-item li {list-style-type:disc; font-weight:normal; margin-bottom:0;}
/* Example pages (.node-banner-example ) & summary view (.page-example) */
.page-example .view-examples .views-field-title {font-size:144%; font-weight:bold; }
.page-example .view-examples .views-field-field-image {float:left; }
.page-example .view-examples .views-field-field-overlay-text {font-size:112%; }
.page-example .view-examples .views-field-body {clear:left; margin: 0 0 3em 6px; }
.node-banner-example .field-name-field-year {float:left; }
.node-banner-example .field-name-field-overlay-text {font-size:136%; color:#04344c; font-weight:bold; margin:.7em 0 .5em 0; }
/* Misc Support pages */
.page-content .view-content .views-field-nothing {white-space:nowrap; }
/* VR Hackathon pages */
.page-node-1771 .node-page-web3d ol {margin: 0 0 2em 0; clear:both; }
.page-node-1771 .node-page-web3d ol li {margin-left:8px; clear:both; margin-bottom:2em; font-weight:bold; }
.page-node-1771 .node-page-web3d ol ol {margin-left:4px; clear:both; }
.page-node-1771 .node-page-web3d ol ol li {width:300px; list-style-type:none; float:left; margin-left:10px; clear:none; }
/* Detailed Agenda (2014 Showcase) */
/* Detailed Agenda */
.agenda {}
#Web3DConsortium {background-color:#dbbada; }
#Health {background-color:#c2e1a1; }
#Geospatial {background-color:#bdc4e6; }
#Defense {background-color:#e2b3a8; }
#Reception {background-color:#81cf7f; }
#Overview {background-color:#d7cae1; }
#Demo {background-color:#d7cae1; }
.session {width:680px; margin:0 0 2em 0; padding:10px; }
.session-header {font-weight:bold; margin-bottom:1em; font-size:124%; }
.session-label {}
.session-title {}
.session-start {}
.session-body {margin:0px 0px 1em 1em; }
.presentation-labels {font-weight:bold; font-style:italic; clear:both; display:none; }
.presentation-title {float:left; float:left; padding-right:10px; width:490px; }
.presentation-presenter {width:160px; float:left; }
.presentation-item {margin-bottom:1em; }
.presentation-line {font-size:105%; }
.presentation-line .presentation-title {font-weight:bold; }
.presentation-description {font-style:italic; }
/*
* Styles for Members and Liaisons page (node 2024)
* - eliminate the table markings (border & background)
*/
.page-node-2024 .region-content h2, .page-node-2024 .region-content h3 {text-align:center; padding-bottom:3em; font-size:156%; font-weight:bold; }
.page-node-2024 .content table {border-width:0; background-color:white; }
.page-node-2024 .content tr {height:75px; }
.page-node-2024 .content td {width:175px; padding:0 15px 15px 0; }
.page-node-2024 .content td {border-width:0; background-color:white; }
/* Styles for COOP pages
* node-1979 is the Contact Page
*
* These pages are obsolete and this should be removed
*/
.page-node-1979 .content thead th {background-color:black; color:white; text-align:center; }
.coop-server td {background-color:#dddddd; color:black; }
.coop-website td {background-color:#b7e5ff; color:black; }
.coop-external td {background-color:#feffb9; color:black; }
.coop-social td {background-color:#a3ffa9; color:black; }
.coop-liaison td {background-color:#ffccff; color:black; }
/* Styles for Controlled Access (in particular when restricted) pages
* node - 2170 (needs to be generalized in page.tpl.php
*
*/
.node-controlled-access-page fieldset {padding:2em 1em 1em 1em; }
.collapsable legend {cursor:pointer; color:blue; text-decoration:underline; }
fieldset.collapsed div {display:none; }
.accessCredentials {margin:1em; border:1px black solid; padding:.25em .5em .25em .5em; width:25em; }
.accessCredentials .username {}
.accessCredentials .password {}
.accessCredentials .password-show {display:inline; cursor:pointer; color:blue; text-decoration:underline; }
.accessCredentials .password-shown {display:none;}
/* Calendar entries */
#block-views-calendar-block-3 {margin-bottom:1em; }
#block-views-calendar-block-3 .view-header {float:left; margin:0 1em 0 2em; }
/* Block bios/presenters */
.view-id-profiles .views-field-field-images {float:left; padding-right:20px; }
.view-id-profiles .views-field-title {font-size:144%; font-weight:bold; padding-top:10px; }
.view-id-profiles .views-field-body {clear:both; }
/* Blog printing
Only applies when printing
Remove headers
Remove footers
Scale images to 7" (3/4" left/right margins on standard US paper)
*/
@media print {
body.node-type-blog div#toolbar {display:none; }
body.node-type-blog div#header_wrapper {display:none; }
body.node-type-blog div#breadcrumbs {display:none; }
body.node-type-blog div.tabs-wrapper {display:none; }
body.node-type-blog footer {display:none; }
body.node-type-blog div#footer_wrapper {display:none; }
body.node-type-blog div#footer {display:none; }
body.node-type-blog img {max-width: 7in; }
}