CINXE.COM

Standards - IEEE Computer Society Technical Committee on Cloud Computing - IEEE Computer Society Technical Committee on Cloud Computing

<input type="hidden" id="_wpnonce" name="_wpnonce" value="648b4cac02" /><input type="hidden" name="_wp_http_referer" value="/tccld/standards/" /> <!doctype html> <!--[if lt IE 7]><html class="no-js ie ie6 lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]--> <!--[if IE 7]><html class="no-js ie ie7 lt-ie9 lt-ie8" lang="en-US"> <![endif]--> <!--[if IE 8]><html class="no-js ie ie8 lt-ie9" lang="en-US"> <![endif]--> <!--[if gt IE 8]><!--><html class="no-js" lang="en-US"> <!--<![endif]--> <head> <meta charset="UTF-8" /> <title> Standards - IEEE Computer Society Technical Committee on Cloud Computing - IEEE Computer Society Technical Committee on Cloud Computing </title> <meta name="description" content="IEEE Computer Society Technical Committee on Cloud Computing"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/style.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0"> <link rel="author" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/humans.txt" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v24.5 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="The IEEE Standards Association (IEEE-SA) is a leading consensus building organization that nurtures, develops and advances global technologies, through IEEE." /> <link rel="canonical" href="https://tc.computer.org/tccld/standards/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Standards - IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="og:description" content="The IEEE Standards Association (IEEE-SA) is a leading consensus building organization that nurtures, develops and advances global technologies, through IEEE." /> <meta property="og:url" content="https://tc.computer.org/tccld/standards/" /> <meta property="og:site_name" content="IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="article:modified_time" content="2021-12-21T16:51:38+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://tc.computer.org/tccld/standards/","url":"https://tc.computer.org/tccld/standards/","name":"Standards - IEEE Computer Society Technical Committee on Cloud Computing","isPartOf":{"@id":"https://tc.computer.org/tccld/#website"},"datePublished":"2021-12-21T16:48:50+00:00","dateModified":"2021-12-21T16:51:38+00:00","description":"The IEEE Standards Association (IEEE-SA) is a leading consensus building organization that nurtures, develops and advances global technologies, through IEEE.","breadcrumb":{"@id":"https://tc.computer.org/tccld/standards/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tc.computer.org/tccld/standards/"]}]},{"@type":"BreadcrumbList","@id":"https://tc.computer.org/tccld/standards/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://tc.computer.org/tccld/"},{"@type":"ListItem","position":2,"name":"Standards"}]},{"@type":"WebSite","@id":"https://tc.computer.org/tccld/#website","url":"https://tc.computer.org/tccld/","name":"IEEE Computer Society Technical Committee on Cloud Computing","description":"IEEE Computer Society Technical Committee on Cloud Computing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tc.computer.org/tccld/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script> <!-- / Yoast SEO plugin. --> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/tc.computer.org\/tccld\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://tc.computer.org/tccld/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpdreams-asl-basic-css' href='https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/css/style.basic.css?ver=4.12.6' type='text/css' media='all' /> <link rel='stylesheet' id='wpdreams-asl-instance-css' href='https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/css/style-simple-blue.css?ver=4.12.6' type='text/css' media='all' /> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='forget-about-shortcode-buttons-css' href='https://tc.computer.org/tccld/wp-content/plugins/forget-about-shortcode-buttons/public/css/button-styles.css?ver=2.1.3' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://tc.computer.org/tccld/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://tc.computer.org/tccld/wp-json/wp/v2/pages/24" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tc.computer.org/tccld/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://tc.computer.org/tccld/?p=24' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://tc.computer.org/tccld/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftc.computer.org%2Ftccld%2Fstandards%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://tc.computer.org/tccld/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftc.computer.org%2Ftccld%2Fstandards%2F&#038;format=xml" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preload" as="style" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" media="all" /> <style type="text/css"></style> <style> div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label { font-size: 0px !important; color: rgba(0, 0, 0, 0); } div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label:after { font-size: 11px !important; position: absolute; top: 0; left: 0; z-index: 1; } .asl_w_container { width: 250px; margin: 0px 0px 0px 0px; min-width: 200px; } div[id*='ajaxsearchlite'].asl_m { width: 100%; } div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted { font-weight: bold; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image { width: 70px; height: 70px; object-fit: cover; } div.asl_r .results { max-height: none; } .asl_m, .asl_m .probox { background-color: rgba(255, 255, 255, 1) !important; background-image: none !important; -webkit-background-image: none !important; -ms-background-image: none !important; } .asl_m .probox svg { fill: rgb(255, 255, 255) !important; } .asl_m .probox .innericon { background-color: rgb(223, 114, 57) !important; background-image: none !important; -webkit-background-image: none !important; -ms-background-image: none !important; } div.asl_r.asl_w.vertical .results .item::after { display: block; position: absolute; bottom: 0; content: ''; height: 1px; width: 100%; background: #D8D8D8; } div.asl_r.asl_w.vertical .results .item.asl_last_item::after { display: none; } #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { color: black !important; } </style> <style> .synved-social-resolution-single { display: inline-block; } .synved-social-resolution-normal { display: inline-block; } .synved-social-resolution-hidef { display: none; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { .synved-social-resolution-normal { display: none; } .synved-social-resolution-hidef { display: inline-block; } } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/bootstrap-extension.css" id="bscssext"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/cs-responsive.css" id="csresponsivecss"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tingle/0.14.0/tingle.min.css" id="tinglecss"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" id="bscss"> <link href="https://d20lqhyll7kadk.cloudfront.net/fonts/Montserrat/montserrat.css?family=Montserrat:100,200,300,500,600,700,800,900,100italic,200italic,300italic,regular,italic,500italic,600italic,700italic,800italic,900italic" rel="stylesheet"> <link href="https://d20lqhyll7kadk.cloudfront.net/fonts/Open_Sans/open_sans.css?family=Open+Sans:300,600,700,800,300italic,regular,italic,600italic,700italic,800italic" rel="stylesheet"> <style id="antiClickjack">body{display:none !important;}</style> <script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-381255-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-381255-5'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K3LJCN6'); </script> <style> /* ------------------- */ /* Debug */ /* ------------------- */ /* ------------------- */ /* General */ /* ------------------- */ body { font-family: 'Montserrat', sans-serif; /*background-color: #00629b;*/ color: #333333; line-height: 1.618; } .video-responsive { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .initHidden { display: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .mainSite { margin-top: 40px; min-height: 500px; } .pointer { cursor: pointer; } .bgMain { background-color: #efefef; } .homeSectionHeader { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; padding: 60px 0 40px 0; } .wp-caption { margin: 0 40px 40px 40px; } .wp-caption img { margin-bottom: 20px; } .scroll { overflow: auto; } .clearBoth { clear: both; } .font-bold { font-weight: 600; } .font-white { color: #ffffff; } .bg-white { background-color: #ffffff; } .bg-gray { background-color: #efefef; } .graphic, .figure { width: 800px; height: 600px; margin: 10px 0 50px 0; } .mTop7 { margin-top: 7px; } .mTop50 { margin-top: 50px; } .mBottom20 { margin-bottom: 20px; } .mBottom50 { margin-bottom: 50px; } .mBottom75 { margin-bottom: 75px; } .m100 { margin: 100px 0; } .pTop50 { padding-top: 50px; } .pBottom75 { padding-bottom: 75px; } .mauto10 { margin: 10px auto; } .mauto20 { margin: 20px auto; } .mauto30 { margin: 30px auto; } .mauto40 { margin: 40px auto; } .mauto50 { margin: 50px auto; } .mauto60 { margin: 60px auto; } .mauto70 { margin: 70px auto; } .mauto80 { margin: 80px auto; } .mauto90 { margin: 90px auto; } .mauto100 { margin: 100px auto; } .bt-5-white { border-top: 5px solid #FFFFFF; } .bt-10-white { border-top: 10px solid #FFFFFF; } .bt-20-white { border-top: 20px solid #FFFFFF; } .bb-5-white { border-bottom: 5px solid #FFFFFF; } .bb-10-white { border-bottom: 10px solid #FFFFFF; } .bb-20-white { border-bottom: 20px solid #FFFFFF; } .indent10 { margin-left: 10px; } .indent20 { margin-left: 20px; } .indent30 { margin-left: 30px; } .indent40 { margin-left: 40px; } .indent50 { margin-left: 50px; } img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; width:100%; height:auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } ul, ol { margin-top: 15px; margin-bottom: 15px; } .width10 { width: 10%; } .width20 { width: 20%; } .width30 { width: 30%; } .width40 { width: 40%; } .width50 { width: 50%; } .width60 { width: 60%; } .width70 { width: 70%; } .width80 { width: 80%; } .width90 { width: 90%; } .width100 { width: 100%; } .height10 { height: 10px; } .height20 { height: 20px; } .height30 { height: 30px; } .height40 { height: 40px; } .height50 { height: 50px; } .height60 { height: 60px; } .height70 { height: 70px; } .height80 { height: 80px; } .height90 { height: 90px; } .height100 { height: 100px; } .google_translate_element { position: absolute; top: 10px; right: 40px; } /* ------------------- */ /* Anchors */ /* ------------------- */ a { color: #0066c9; text-decoration: none; } a:visited { color: #336699; text-decoration: none; } a:hover { color: #0066c9; text-decoration: none; } a:active { color: #0066c9; text-decoration: none; } .generalHeaderSummary a, .landingHeaderSummary a, .profileHeaderSummary a, .generalHeaderTitle a, .landingHeaderTitle a, .profileHeaderTitle a { color: #75e3ff; text-decoration: none; } .generalHeaderSummary a:visited, .landingHeaderSummary a:visited, .profileHeaderSummary a:visited, .generalHeaderTitle a:visited, .landingHeaderTitle a:visited, .profileHeaderTitle a:visited { color: #75e3ff; text-decoration: none; } .generalHeaderSummary a:hover, .landingHeaderSummary a:hover, .profileHeaderSummary a:hover, .generalHeaderTitle a:hover, .landingHeaderTitle a:hover, .profileHeaderTitle a:hover { color: #75e3ff; } .generalHeaderSummary a:active, .landingHeaderSummary a:active, .profileHeaderSummary a:active, .generalHeaderTitle a:active, .landingHeaderTitle a:active, .profileHeaderTitle a:active { color: #75e3ff; } .aDark { color: #75e3ff; text-decoration: none; } .aDark:visited { color: #e3e3e3; text-decoration: none; } .aDark:hover { color: #75e3ff; } .aDark:active { color: #75e3ff; } .aBread { color: #cecece; text-decoration: none; } .aBread:visited { color: #cecece; text-decoration: none; } .aBread:hover { color: #cecece; } .aBread:active { color: #cecece; } .aBreadWhite { color: #ffffff; text-decoration: none; } .aBreadWhite:visited { color: #ffffff; text-decoration: none; } .aBreadWhite:hover { color: #ffffff; } .aBreadWhite:active { color: #ffffff; } .generalHeaderActions, .landingHeaderActions { height: 60px; margin-top: 40px; } .aHero, .aButton { display:inline-block; font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; color: #ffffff; border: 1px solid #e87722; padding: 15px; margin-bottom: 30px; border: 1px solid #e87722; } @media screen and (max-width: 480px) { .aHero, .aButton { } } .aHero { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aHero:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aHero:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .aHero:active { color: #ffffff; text-decoration: none; background-color: #ffbc45; border: 1px solid #ffbc45; } .aButton { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aButton:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aButton:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; /* border: 1px solid #ffa300;*/ } .aButton:active { color: #ffffff; text-decoration: none; background-color: #ffbc45; border: 1px solid #ffbc45; } .aButtonSec { display:inline-block; color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSec:visited { color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSec:hover { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242); border: 1px solid #75787b; } .aButtonSec:active { color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSecDark { display:inline-block; color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .aButtonSecDark:visited { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .aButtonSecDark:hover { color: #00b5e2; text-decoration: none; background-color: rgba(117, 120, 123, 0.50); border: 1px solid #75787b; } .aButtonSecDark:active { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } /* .dx-nav a { color: #eeeeee; text-decoration: none; } .dx-nav a:visited { color: #eeeeee; text-decoration: none; } .dx-nav a:hover { color: #ffffff; } .dx-nav a:active { color: #eeeeee; } */ a.anchor { display: block; position: relative; top: -100px; visibility: hidden; text-decoration: none; } /* ------------------- */ /* Bootstrap Overrides */ /* ------------------- */ .h1, .h2, .h3, h1, h2, h3 { font-family: 'Montserrat', sans-serif; margin-top: 0; margin-bottom: 10px; } /* ------------------- */ /* User Profile */ /* ------------------- */ .userIcon { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 7px 10px 0 0; cursor: pointer; } .userIconMobile { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 14px 10px 0 0; cursor: pointer; font-size: 20px; float: left; } .userName { color: #ffffff; height: 30px; float: right; margin: 13px 0 0 0; cursor: pointer; } .userNameMobile { float: left; } .profileActionButtons { background-position: -73px 45px; background-repeat: no-repeat; outline: 0 none; height: 62px; } .profileContainer { position: absolute; top: 157px; right: 38px; width: 240px; background-color: #ffffff; border-radius: 4px; padding: 5px 20px 20px 20px; } .profileNameContainer { padding: 5px 5px 15px 20px; color: #00629b; margin-bottom: 15px; border-bottom: 2px solid #cecece; } .profileMySubscriptions, .profileLogout { padding: 5px 5px 7px 30px; color: #00629b; } .profileIcon { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 7px 10px 0 0; cursor: pointer; float: left; } .profileName { color: #00629b; margin: 20px 0 0 5px; cursor: pointer; float: left; } /* ------------------- */ /* Video (for IFrame) */ /* ------------------- */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } /* ------------------- */ /* eCommerce */ /* ------------------- */ .eCommerceCartHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 600; line-height: 45px; margin-bottom: 30px; } .eCommerceContainer { font-family: 'Montserrat', sans-serif; background-color: #fff; padding: 40px 0 25px 0; } .eCommerceContent { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 45px; margin-bottom: 25px; text-align: center; } /* ------------------- */ /* WooCommerce */ /* ------------------- */ .woocommerce table.shop_table th { font-weight: 500; padding: 9px 12px; } .woocommerce .quantity .qty { border: 0px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; border-radius: 4px; left: auto; color: #515151; background-color: #ffffff; border: 1px solid #cecece; display: inline-block; background-image: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-family: 'Montserrat', sans-serif; font-weight: 600; } #coupon_code { width: 60%; padding: 0 0 0 10px; margin: 5px; height: 36px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 60%; } .cross-sells h2, .cart_totals h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; margin-bottom: 40px; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 30%; float: left; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #e87722; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #ffa300; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active { background-color: #ffbc45; color: #fff; -webkit-font-smoothing: antialiased; } .wpmc-steps-wrapper, #order_review { width: 80%; margin: 0 auto; } .woocommerce form .form-row label { line-height: 2; text-align: left; font-weight: 500; } #wpmc-next { float: left; margin-top: 30px; margin-left: 10px; width: 120px; } #wpmc-prev { float: left; margin-top: 30px; width: 120px; } #wpmc-back-to-cart { float: right; margin-top: 30px; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; margin-bottom: 30px; } #order_review_heading { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; margin-bottom: 30px; } .woocommerce-checkout-review-order-table tfoot td, .product-total { text-align: right; } .woocommerce-MyAccount-content { font-size: 18px; } .woocommerce-MyAccount-navigation ul { list-style-type: none; } .woocommerce-MyAccount-navigation-link { border: 1px solid #cecece; border-radius: 4px; margin-bottom: 10px; } .woocommerce-MyAccount-navigation-link a { padding: 12px 25% 12px 25%; } .woocommerce-account .addresses .title h3, .woocommerce-account .addresses .title .edit { float: none; } .woocommerce-thankyou-order-received { margin-bottom: 25px; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 10px; text-align: left; } .woocommerce .woocommerce-customer-details address { text-align: center; } .wc-product-tabs-ieeecs { padding-top: 50px; } .wc-ieeecs-product-description { height: 364px; overflow: hidden; } .wc-ieeecs-product-description-more { width: 100%; text-align: center; padding-top: 5px; cursor: pointer; } .wc-ieeecs-product-additional { padding-bottom: 40px; } .wc-ieeecs-product-no-additional { padding: 10px 0 40px 5px; } .my-account-order-product-title { font-weight: 400; } .my-account-order-product-instructions { padding: 10px 30px 20px 60px; line-height: 1.5em; font-size: 16px; } @media screen and (max-width: 480px) { .cross-sells { display: none; } .wpmc-steps-wrapper, #order_review { width: 100%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 481px) and (max-width: 768px) { .cross-sells { display: none; } .wpmc-steps-wrapper, #order_review { width: 100%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 769px) and (max-width: 992px) { .wpmc-steps-wrapper, #order_review { width: 80%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .wpmc-steps-wrapper, #order_review { width: 70%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } /* ------------------- */ /* WooCommerce - Cart */ /* ------------------- */ .wcspc-area { max-width: 60%; border-radius: 4px; font-family: 'Montserrat', sans-serif; } .wcspc-cart-title { padding: 0 0 20px 20px; font-size: 20px; } .wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner { width: 95%; } .wcspc-area-bot .wcspc-action .wcspc-action-inner > div a { color: #ffffff; } .wcspc-area .wcspc-close { position: absolute; top: 0px; width: 32px; height: 32px; display: block; cursor: pointer; opacity: 0; visibility: hidden; font-size: 20px; color: #000000; text-align: center; line-height: 32px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: #ffffff; border-radius: 4px; } .wcspc-item-price-strikethrough { text-decoration: line-through; } @media screen and (max-width: 480px) { .wcspc-area { max-width: 90%; border-radius: 4px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .wcspc-area { max-width: 90%; border-radius: 4px; } } @media screen and (min-width: 769px) and (max-width: 992px) { .wcspc-area { max-width: 80%; border-radius: 4px; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .wcspc-area { max-width: 70%; border-radius: 4px; } } /* ------------------- */ /* Carousels */ /* ------------------- */ .latestNewsCarouselContainer { position: relative; margin-bottom: 80px; } .latestNewsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .latestNewsCarouselNext, .latestNewsCarouselPrevious { background-color: rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.07); color: white; cursor: pointer; padding: 30px 15px; } .latestNewsCarouselPreviousContainer, .latestNewsCarouselNextContainer { z-index: 10000; } .latestNewsCarouselNext { margin: 40px 0 0 0; } .latestNewsCarouselPrevious { margin: 40px 0 0 0; } .latestNewsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .latestNewsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .latestNewsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .latestNewsCarouselDots li button:hover, .latestNewsCarouselDots li button:focus { outline: none; } .latestNewsCarouselDots li button:hover:before, .latestNewsCarouselDots li button:focus:before { opacity: 1; } .latestNewsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .latestNewsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .viewpointsCarouselContainer { position: relative; margin-top: 60px; padding: 0 40px; } .viewpointsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .viewpointsCarouselNext, .viewpointsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .viewpointsCarouselPreviousContainer, .viewpointsCarouselNextContainer { z-index: 10000; } .viewpointsCarouselNext { margin: 40px 0 0 0; } .viewpointsCarouselPrevious { margin: 40px 0 0 0; } .viewpointsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .viewpointsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .viewpointsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .viewpointsCarouselDots li button:hover, .viewpointsCarouselDots li button:focus { outline: none; } .viewpointsCarouselDots li button:hover:before, .viewpointsCarouselDots li button:focus:before { opacity: 1; } .viewpointsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .viewpointsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .viewpointsFeaturedCarouselContainer { float: left; margin: 10px; border-radius: 4px; box-shadow: 2px 2px 6px 0 #cccccc; overflow: hidden; } .viewpointsFeaturedCarouselLeft { background-color: #FFFFFF; height: 160px; } .viewpointsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .viewpointsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .viewpointsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 40px 0px; } .viewpointsFeaturedCarouselImage { height: 160px; margin: 0 auto; } .awardsCarouselContainer { position: relative; padding: 40px 20px 30px 20px; background-color: #dddddd; } .awardsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .awardsCarouselNext, .awardsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .awardsCarouselPreviousContainer, .awardsCarouselNextContainer { z-index: 10000; } .awardsCarouselNext { margin: 100px 10px 0px 0px; background-color: rgba(0, 0, 0, 0.15); color: white; } .awardsCarouselPrevious { margin: 100px 0px 0px 10px; background-color: rgba(0, 0, 0, 0.15); color: white; } .awardsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .awardsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .awardsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .awardsCarouselDots li button:hover, .awardsCarouselDots li button:focus { outline: none; } .awardsCarouselDots li button:hover:before, .awardsCarouselDots li button:focus:before { opacity: 1; } .awardsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .awardsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .awardsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .awardsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .awardsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 20px 20px 30px 0px; } .awardsFeaturedCarouselImage { height: 160px; margin: 0 auto; } .awardsFilter { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .callForPapersCarouselContainer { position: relative; padding: 40px 150px 30px 150px; background-color: #dddddd; } .callForPapersCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .callForPapersCarouselNext, .callForPapersCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .callForPapersCarouselPreviousContainer, .callForPapersCarouselNextContainer { z-index: 10000; } .callForPapersCarouselNext { margin: 40px 0 0 0; } .callForPapersCarouselPrevious { margin: 40px 0 0 0; } .callForPapersCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .callForPapersCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .callForPapersCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .callForPapersCarouselDots li button:hover, .callForPapersCarouselDots li button:focus { outline: none; } .callForPapersCarouselDots li button:hover:before, .callForPapersCarouselDots li button:focus:before { opacity: 1; } .callForPapersCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .callForPapersCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .callForPapersFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .callForPapersFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .callForPapersFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 20px 20px 30px 0px; } .callForPapersFeaturedCarouselImage { height: 160px; margin: 0 auto; } .productLandingsCarouselContainer { position: relative; margin-top: 60px; padding: 0 40px; } .productLandingsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .productLandingsCarouselNext, .productLandingsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .productLandingsCarouselPreviousContainer, .productLandingsCarouselNextContainer { z-index: 10000; } .productLandingsCarouselNext { margin: 40px 0 0 0; } .productLandingsCarouselPrevious { margin: 40px 0 0 0; } .productLandingsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .productLandingsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .productLandingsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .productLandingsCarouselDots li button:hover, .productLandingsCarouselDots li button:focus { outline: none; } .productLandingsCarouselDots li button:hover:before, .productLandingsCarouselDots li button:focus:before { opacity: 1; } .productLandingsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productLandingsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .productLandingsFeaturedCarouselContainer { float: left; margin: 10px; border-radius: 4px; box-shadow: 2px 2px 6px 0 #cccccc; overflow: hidden; } .productLandingsFeaturedCarouselLeft { background-color: #FFFFFF; height: 160px; } .productLandingsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .productLandingsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .productLandingsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 40px 0px; } .productLandingsFeaturedCarouselImage { height: 160px !important; margin: 0 auto; } /* ------------------- */ /* Responsive Design */ /* Helpers */ /* ------------------- */ .membershipContainerHeightHelperSmallDevices { display: none; height: 500px; } /* ------------------- */ /* Search */ /* ------------------- */ .searchOverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #002855; opacity: 0.9; z-index: 10000; cursor: pointer; } .searchContainer { position: fixed; top: 10%; left: 25%; width: 50%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchGroup { width: 80%; margin: 20px auto; } .searchInput { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; color: #9b9b9b; } .searchGroupIcon { border: 1px solid #e87722; background-color: #e87722; color: #ffffff; width: 54px; height: 34px; cursor: pointer; } .searchGroupIcon::before { top: 7px; right: 20px; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #ffffff; } .searchGroupIcon::after { height: 3px; width: 8px; background: #ffffff; bottom: 11px; right: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .searchGroupIcon::before, .searchGroupIcon::after { content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .searchIconForMobileLink, .searchIconForMobileLink:visited, .searchIconForMobileLink:hover, .searchIconForMobileLink:active { color: #ffffff; text-decoration: none; } .searchClose { position: absolute; top: 5px; right: 10px; width: 20px; height: 20px; cursor: pointer; font-size: 20px; } .searchCloseIcon { color: #ffffff; } .searchAdvanced { padding: 5px 0 10px 10%; text-align: left; } .searchAdvancedLink { font-family: 'OpenSans', sans-serif; font-size: 16px; color: #ffffff; } .searchAdvancedLink:hover { text-decoration: none; color: #ffffff; } /* ------------------- */ /* Menu - Desktops */ /* ------------------- */ .topHeaderMenu { width: 100%; height: 77px; background-color: #00629b; border-color: #00629b; overflow: hidden; } .topHeaderDivider { font-size: 14px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 19px 0 0 0; } .topHeaderAboutUs { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; } .topHeaderJobsBoard { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; } .topHeaderNavBar { padding-left: 40px; } .topHeaderCart { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; cursor: pointer; } .topHeaderSocial1 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 6px 0 30px; } .topHeaderSocial2 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 6px 0 6px; } .topHeaderSocial3 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 30px 0 6px; } .topHeaderIEEELogo { margin: 15px 15px 0 10px; } .topHeaderIEEELogoMobile { margin: 30px 15px 0 10px; } .topHeaderCSLogo { position: absolute; top: 0px; left: 0px; width: 100%; } .navbarMain { background-color: #00629b; border-color: #00629b; border-radius: 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } .navbarLogo { position: absolute; top: 45px; left: 50px; z-index: 1000; } .navbarLogosMobile { margin-top: 10px; text-align: center; z-index: 1000; } .navbarLogosMobileCSLogo { margin: 0 0 0 40px; } .navbarLogosMobileIEEELogo { margin: 0 0 0 25px; } .navbarAccount { float: right !important; margin-right: 15px; margin-top: 10px; } .navbarAccount > li > a { padding-top: 0px; padding-bottom: 0px; } .navbarAccount > li > a:visited { text-decoration: none; color: #ffffff; } .navbarAccount > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 25px; width: 280px; padding-bottom: 20px; } .navbarAccountLink { color: #ffffff; } .navbarAccountDivider { margin-bottom: 20px; } .navbarAccountIcon { padding: 0 10px 0 0; color: #e87722; } .navbarAccountIconChange { font-size: 8px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 3.38; width: 40px; margin-top: -5px; text-align: center; } .navbarAccountInfo { margin-top: 0; } .navbarAccountInfo > li > a:visited { text-decoration: none; color: #00629b; } .navbarAccountInfo .divider { background-color: #e5e5e5; height: 1px; margin: 9.5px 0 20px 0; overflow: hidden; } .navbarAccountProfile { overflow: hidden; padding: 15px 0 15px 0; } .navbarAccountLink { font-size: 14px; color: #ffffff; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; } .navbarAccountInnerLink { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; margin-left: 20px; } .navbarMainNav { padding: 5px 130px 0 0; } .navbarMainNav > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNav > li > a:visited { text-decoration: none; color: #ffffff; } .mega-dropdown { position: static !important; } .mega-dropdown-menu { width: 100%; background-color: transparent; list-style: outside none none; min-width: 100%; padding: 2px 0 20px 0; border: 0 none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-clip: inherit; } .mega-dropdown-menu > ul > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > ul > li > ul > li { list-style: none; } .mega-dropdown-menu > ul > li > ul > li > a { display: block; color: #00629b; } .mega-dropdown-menu > ul > li ul > li > a:focus { text-decoration: none; } .menuSub { margin: 0 auto; padding: 20px 40px 20px 40px; width: 60%; background-color: #ffffff; overflow: hidden; list-style: outside none none; border-radius: 4px; } .menuCategory { font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; } .menuCategoryActive, .menuCategoryActiveSticky { width: 80%; height: 3px; background-color: #ffffff; border: 0; margin: 0 auto 10px auto; } .menuCategoryInActive { width: 80%; height: 3px; background-color: #00629b; border: 0; margin: 0 auto 10px auto; } .menuCategoryArrowActive { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; margin: 0 auto -2px auto; } .menuCategoryArrowInActive { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #00629b; margin: 0 auto; } .menuDropdownHeader { font-size: 14px; color: #00629b; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 0 0 6px 0; border-bottom: 2px solid #cecece; margin-bottom: 15px; } .menuDropdownLink { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; } .menuDropdownSearch { font-size: 18px; } /* ------------------- */ /* Menu - Mobile */ /* ------------------- */ .navbarMainNavMobile { padding: 0; } .navbarMainNavMobile > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNavMobile > li > a:visited { text-decoration: none; color: #ffffff; } .menuSubMobile { margin: 0 auto; padding: 20px 40px 20px 40px; width: 100%; overflow: hidden; list-style: outside none none; } .menuDropdownHeaderMobile { font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 0 0 6px 0; margin-top: 20px; margin-bottom: 5px; } .menuDropdownLinkMobile { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 5px 0 5px 15px; } .mega-dropdown-menu-mobile { width: 100%; background-color: transparent; list-style: outside none none; min-width: 100%; padding: 2px 0 20px 0; border: 0 none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-clip: inherit; } .mega-dropdown-menu-mobile > ul > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu-mobile > ul > li > ul > li { list-style: none; } .mega-dropdown-menu-mobile > ul > li > ul > li > a { display: block; color: #ffffff; } .mega-dropdown-menu-mobile > ul > li ul > li > a:focus { text-decoration: none; } /* ------------------- */ /* Hero */ /* ------------------- */ .leadHeadingContainer { background-color: #FFFFFF; padding: 40px 0 40px 0; opacity: 0.90; overflow: hidden; } .leadHeading { font-size: 40px; line-height: 1.13; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17194749/hero.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .heroCaption { border-radius: 4px; background-color: #444444; opacity: 0.8; color: #FFFFFF; font-family: 'OpenSans', sans-serif; font-size: 14px; font-weight: 600; position: absolute; bottom: 40px; left: 40px; padding: 10px; } /* ------------------- */ /* Membership */ /* ------------------- */ .membershipContainer { background-color: #00629b; border-top: 10px solid rgba(104, 130, 158, 0.38); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 340px; margin: -80px auto 0 auto; } .membershipTitle { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #FFFFFF; font-size: 30px; padding: 50px; } .membershipBlurb { font-family: 'Open Sans', sans-serif; color: #FFFFFF; font-size: 16px; padding: 0 50px 30px 50px; } .membershipActions { padding: 10px 40px 40px 40px; } .membershipActionJoin { /* width: 122px; height: 60px; border-radius: 4px; background-color: #e87722; padding: 15px 30px; margin-right: 20px; */ } .membershipActionLearn { font-family: 'Montserrat', sans-serif; font-size: 15px; margin-left: 15px; } .membershipLoginRenew { background-color: #0e456b; padding: 10px 50px 10px 50px; } .membershipLogin, .membershipRenew { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; padding: 0 30px; } /* ------------------- */ /* Latest News */ /* ------------------- */ .featuredFull { background-color: #FFFFFF; margin: 0 10px 0 10px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredFullImage { padding: 0; } .featuredFullImageControl { width: 100%; } .featuredFullAuthor { padding: 10px 0 0 0; margin-bottom: 80px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 0; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 0; } .featuredFullAuthorImageCircle { margin: -30px auto 0 auto; width: 112px; } .featuredFullAuthorImage { width: 112px; height: 112px; border-radius: 56px; border: 4px solid #FFFFFF; } /* Scheduled to be removed as it's not used. */ .featuredFullHeader { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; padding: 30px 0 5px 20px; } .featuredFullTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; } .featuredFullSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 20px 20px; color: #000000; } .featuredBasic { background-color: #FFFFFF; margin: 0 10px 20px 10px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredBasicImage { padding: 0; } .featuredBasicImage img { margin: 0 auto; } .featuredBasicTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; padding: 20px; } .featuredFocus, .featuredInterface { background-color: #FFFFFF; margin: 0 10px 0 10px; padding-bottom: 30px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredInterface { margin-top: 15px; } .featuredFocusTitle, .featuredInterfaceTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; opacity: 0.9; color: #000000; text-align: center; padding: 30px 0 0 0; } .featuredFocusSubTitle, .featuredInterfaceSubTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; text-align: center; } .featuredFocusSectionBar, .featuredInterfaceSectionBar { padding: 0 20px 0 20px; } .featuredFocusSectionBar hr, .featuredInterfaceSectionBar hr { border: 0; border-top: 2px solid #00629b; opacity: 0.5; margin: 21px 30px 21px 30px; } .featuredFocusArticleTitleContainer, .featuredInterfaceArticleTitleContainer { margin-top: 10px; } .featuredFocusArticleTitleRight, .featuredInterfaceArticleTitleRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; } .featuredFocusArticleTitleLeftSmall, .featuredInterfaceArticleTitleLeftSmall { margin-top: 6px; } .featuredFocusArticleNumber, .featuredInterfaceArticleNumber { border: 1px solid #68829e; border-radius: 12px; height: 24px; width: 24px; padding: 2px; text-align: center; color: #68829e; } .featuredFocusArticleNumberSmall, .featuredInterfaceArticleNumberSmall { border: 1px solid #ffffff; border-radius: 12px; height: 4px; width: 4px; padding: 2px; text-align: center; color: #ffffff; } .featuredFocusArticleBullet { color: #999999; padding: 0 20px 0 0; } .featuredFocusAuthorsContainer, .featuredInterfaceAuthorsContainer { margin-top: 5px; margin-bottom: 25px; overflow: hidden; } .featuredFocusAuthorsRight, .featuredInterfaceAuthorsRight { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #75787b; } .featuredCarouselContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredCarouselLeft { background-color: #FFFFFF; height: 160px; } .featuredCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; height: 160px; padding: 40px 20px 0 40px; } .featuredCarouselImage { height: 160px; } /* ------------------- */ /* Conference SCase */ /* ------------------- */ .conferenceShowcase { background: #00629b url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/16215216/Conference_BG.jpg") repeat scroll left top; overflow: hidden; padding-bottom: 50px; } .conferenceShowcaseTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 80px 0 80px 0; } .conferenceShowcaseActionLeft { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 20px; } .conferenceShowcaseActionRight { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; padding: 20px; } .conferenceCard { padding: 0 15px 0 15px; margin-bottom: 50px; z-index: 1000; } .conferenceCardImage { padding: 0; } .conferenceCardImageControl { width: 100%; } .conferenceCardTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; background-color: #FFFFFF; height: 160px; } .conferenceCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 50px 20px; color: #000000; background-color: #FFFFFF; height: 235px; } .conferenceCardActions { background-color: #FFFFFF; overflow: hidden; padding-bottom:0px; } .conferenceCardLocation { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 5px 10px 20px 20px; } .conferenceCardLocationIcon { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 0 0 30px 20px; } .conferenceCardRegister { padding: 7px 0 0 20px; } .conferenceCardRegisterButton { font-family: 'Montserrat', sans-serif; font-size: 15px; border-radius: 4px; background-color: #ffffff; border: 1px solid #75787b; color: #222222; padding: 8px 15px; text-decoration: none; } .conferenceCardRegisterButton:visited { color: #222222; text-decoration: none; background-color: #ffffff; border: 1px solid #75787b; } .conferenceCardRegisterButton:hover { color: #333333; text-decoration: none; background-color: #eeeeee; border: 1px solid #75787b; } .conferenceCardRegisterButton:active { color: #333333; text-decoration: none; background-color: #eeeeee; border: 1px solid #75787b; } .conferenceCardDate { position: absolute; top: -20px; left: 40px; height: 110px; width: 110px; text-align: center; background-color: #002855; font-family: 'Montserrat', sans-serif; font-size: 29px; line-height: 1.21; color: #FFFFFF; padding: 20px 0 0 0; } .conferenceShowcaseActions { clear:both; } /* ------------------- */ /* CSDL Trending */ /* ------------------- */ .csdlTrending { background-color: #FFFFFF; overflow: hidden; margin: 0 10px 20px 10px; min-height: 470px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .csdlTrendingHeader { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; padding: 30px 0 5px 20px; color: #75787b; min-height: 80px; } .csdlTrendingTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; color: #000000; padding: 20px; min-height: 150px; overflow: hidden; } .csdlTrendingAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 20px; } .csdlTrendingAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 20px 20px; } .csdlTrendingSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 20px 20px; color: #000000; min-height: 200px; box-sizing: border-box; overflow: hidden; } .csdlTrendingUsage { font-family: 'OpenSans', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 0; position: absolute; bottom: 50px; } .csdlTrendingUsageValue { font-weight: 600; margin-left: 20px; } .csdlTrendingActions { margin-top: 20px; margin-bottom: 20px; overflow: hidden; padding: 5px 0 5px 0; } .csdlActionButtonLeft { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 20px; } .csdlActionButtonRight { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; color: #222222; padding: 20px; text-decoration: none; } .csdlActionButtonRight:visited { color: #222222; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .csdlActionButtonRight:hover { color: #333333; text-decoration: none; background-color: rgba(200, 200, 200, 0.18); border: 1px solid #75787b; } .csdlActionButtonRight:active { color: #333333; text-decoration: none; background-color: rgba(200, 200, 200, 0.18); border: 1px solid #75787b; } /* ------------------- */ /* Awards */ /* ------------------- */ .awardRecipientContainer { margin-bottom: 80px; } .awardRecipientHeader { z-index: 1000; position: relative; } .awardRecipientTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 0 0 40px 0; } .awardRecipientContent { font-family: 'Montserrat', sans-serif; padding: 10px 0 10px 0; border: 1px solid #cccccc; border-radius: 4px; margin-top: 20px; box-shadow: 2px 2px 5px #cccccc; display: table; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .awardDeadlineHeader { z-index: 1000; position: relative; } .awardDeadlineTitle { font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .awardNomination { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .awardNominationButton { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 10px 20px; } /* ------------------- */ /* Call for Papers */ /* ------------------- */ .callForPaperRecipientHeader { z-index: 1000; position: relative; } .callForPaperRecipientTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .callForPaperDeadlineHeader { z-index: 1000; position: relative; } .callForPaperDeadlineTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .callForPaperNomination { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .callForPaperNominationButton { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 10px 20px; } /* ------------------- */ /* Card Stacks */ /* ------------------- */ .cardStack { background: #00629b url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/27232736/ConfCalendarBG.jpg") repeat scroll left top; overflow: hidden; padding-bottom: 50px; position: relative; } .cardStackHeader { z-index: 1000; position: relative; } .cardStackTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 70px 0 70px 0; } .cardStackActionTop { font-family: 'OpenSans', sans-serif; font-size: 16px; margin-bottom: 30px; } .cardStackActionTopLink { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .cardStackView { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 15px 20px 15px 20px; } .cardStackCard { padding: 0 15px 0 15px; margin-bottom: 50px; z-index: 1000; } .cardStackCardImage { padding: 0; height: 300px; } .cardStackCardImageControl { width: 100%; } .cardStackCardTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; background-color: #FFFFFF; min-height: 110px; } .cardStackCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 50px 20px; color: #000000; background-color: #FFFFFF; min-height: 175px; } /* ------------------- */ /* Image Stacks */ /* ------------------- */ .imageStackContainer { margin-bottom: 75px; } .imageStackTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; } .imageStackTitle { margin-bottom: 50px; } .imageStackTitleShort { margin-bottom: 20px; } .imageStackSubTitle { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 40px; } .imageStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .imageStackImage { margin-bottom: 35px; } .imageStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; text-align: center; color: #000; padding: 0 35px; } .imageStackDescNarrow { width: 50%; margin: 0 auto; } /* ------------------- */ /* Related Stacks */ /* ------------------- */ .relatedStack { margin-bottom: 10px; } .relatedStackContainer { margin-bottom: 75px; } .relatedStackHeading { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; margin-top: 40px; margin-bottom: 60px; } .relatedStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; text-align: center; color: #000; padding: 0 15px; } .relatedStackImage { margin-bottom: 15px; } .relatedStackImage img { width: 60px; } /* ------------------- */ /* Accordion */ /* ------------------- */ .accordionTitle { background-color: #fff; padding: 40px 0 25px 0; } .accordionHeading { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 45px; margin-bottom: 25px; text-align: center; } .accordionPanelBorder { border-bottom: 1px solid #cecece; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; } .accordionPanelTitle { color: #000; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; margin-left: 20px; cursor: pointer; } .accordionPanelHeading { padding: 20px 15px; position: relative; } .accordionPanelHeading[data-toggle="collapse"]:after { color: #000; content: "\f0da"; /* right caret icon */ font-family: 'FontAwesome'; font-size: 24px; position: absolute; line-height: 22px; left: 5; top: calc(50% - 10px); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .accordionPanelHeading[data-toggle="collapse"].collapsed:after { /* rotate icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .accordionPanel { border-top: 0; border-right: 0; border-left: 0; } .accordionPanelBody: { border-top: 0; border-bottom: 0; } .accordionPanelGroup .accordionPanel { border-radius: 0; } .accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .accordionPanelBody, .accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .list-group { border-top: 0; padding-left: 35px; } /* ------------------- */ /* 2-Column */ /* ------------------- */ .column2LandingPage { background-color: #f5f5f5; padding: 40px 0; } .column2LandingPageHeading { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; text-align: center; margin-bottom: 25px; } .column2LandingPageSummary { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-align: center; margin-bottom: 25px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px 20px 0 20px; overflow: hidden; min-height: 200px; max-height: 200px; } .column2LandingPageItemIcon { float: left; padding: 5px 20px 0 20px; min-height: 160px; max-height: 160px; } .column2LandingPageItemTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 30px; overflow: hidden; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } /* ------------------- */ /* Community Buzz */ /* ------------------- */ .communityBuzz { background-color: #00629b; overflow: hidden; padding-bottom: 50px; margin-top: 0px; } .communityBuzzTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 80px 0 80px 0; } .communityBuzzCard { padding: 0 15px 0 15px; margin-bottom: 50px; } .communityBuzzCardImage { padding: 0; } .communityBuzzCardImageControl { width: 100%; } .communityBuzzCardTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #75787b; padding: 20px; background-color: #FFFFFF; } .communityBuzzCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 30px 20px; color: #000000; background-color: #FFFFFF; } /* ------------------- */ /* Testimonials */ /* ------------------- */ .testimonialBackgroundWrapper { margin-top: 50px; } .testimonialCards { margin-top: -120px; } .testimonialHeader { z-index: 1000; position: relative; } .testimonialTitle { fontfamily: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 45px; color: #fff; text-align: center; padding: 80px 0 15px 0; } .testimonialCard { background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); margin-bottom: 50px; z-index: 1000; } .testimonialCardImage { padding: 0; } .testimonialCardImageControl { border-radius: 4px 4px 0 0; width: 100%; } .testimonialCardContent { padding: 7% 7%; } .testimonialCardContentBorder { background-color: #fff; border-left: 3px solid #00629B; padding-left: 3%; } .testimonialCardQuote { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; background-color: #FFFFFF; padding: 5px 0 20px 0; min-height: 140px; } .testimonialBio1 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 16px; min-height: 50px; } .testimonialBio2 { font-family: 'Open Sans', sans-serif; font-size: 16px; } /* ------------------- */ /* Committees */ /* ------------------- */ .committeeContainer { margin-top: 100px; margin-bottom: 100px; } .committeeCards { margin-top: -120px; } .committeeHeader { z-index: 1000; position: relative; } .committeeTitle { fontfamily: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 45px; color: #fff; text-align: center; padding: 80px 0 15px 0; } .committeeCardContainer { border: 1px solid #757575; border-radius: 4px; position: relative; height: 100%; width: 100%; } .committeeCardTopContent { background-color: #002855; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 15px 0; } .committeeCardBottomContent { background-color: #fff; border-radius: 4px; padding: 15px 20px 15px 25px; } .committeeCardTag { color: #4a4a4a; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 200; line-height: 24px; margin-bottom: 5px; } .committeeCardTitle { color: #000; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 29px; margin-bottom: 5px; min-height: 70px; } .committeeCardAuthorContainer { margin: 5px 0 20px 0; } .committeeCardAuthor { color: #000; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 27px; } .committeeCardSummary { color: #000; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; min-height: 100px; margin-bottom: 20px; } .committeeCardActionLabel { color: #75787b; background-color: #fff; border: 1px solid #cecece; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 19px; padding: 8px 15px; } .committeeCardActionLabel:visited { background-color: #fff; } .committeeCardActionLabel:active { background-color: #e9e9e9; } .committeeCardRowSpacing { margin-top: 30px; } /* ------------------- */ /* General Header */ /* ------------------- */ .generalHeader { background-color: #00629b; overflow: hidden; } .generalHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; } .generalHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .generalHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; } .generalHeaderSummary a { color: #ffffff; text-decoration: none; } .generalHeaderSummary a:visited { color: #ffffff; text-decoration: none; } .generalHeaderSummary a:hover { color: #eeeeee; } .generalHeaderSummary a:active { color: #eeeeee; } .generalHeaderActions { margin-bottom: 40px; } .pageHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 0 0 20px 0; } .breadCrumbTextLast { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; } .breadCrumbTextLast { padding: 20px 0 20px 10px; } /* ------------------- */ /* General Content */ /* ------------------- */ .generalContent { font-family: 'Montserrat', sans-serif; padding: 40px 0 60px 0; overflow: hidden; } .generalAdContent { margin-top: 100px; } .generalContent p { font-family: 'OpenSans', sans-serif; font-size: 16px; } .generalContent div { font-family: 'OpenSans', sans-serif; font-size: 16px; } .generalContent h1 { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.25; color: #000000; } .generalContent h2 { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; } .generalContentTitle { margin-top: 20px; font-size: 22px; font-weight: 500; } .generalContentForm { } .generalPostAuthor { color: #555555; padding: 5px 15px 5px 15px; } .generalPostDates { color: #555555; padding: 5px 15px 5px 15px; } /* ------------------- */ /* Profile Header */ /* ------------------- */ .profileHeader { background-color: #00629b; padding: 30px 0 60px 0; overflow: hidden; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 30px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: -10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: -10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: -10%; } .profileContent { font-family: 'Open Sans', sans-serif; padding: 60px 0 60px 0; overflow: hidden; } .profileContentTitle { font-family: 'Montserrat', sans-serif; margin-top: 20px; margin-bottom: 40px; } .profileContentLeft { padding: 0; } .profileContentRight { padding: 0; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } /* ------------------- */ /* Landing Header */ /* ------------------- */ .landingHeader { background-size: cover; position: relative; padding: 20px 0 20px 0; overflow: hidden; } .landingHeaderHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #cecece; padding: 20px 0 20px 0; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px 0 30px 0; } .landingHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .landingHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 20px 0; } .landingHeaderBase { background-size: cover; background-color: #00629b; position: relative; padding: 100px 0 60px 0; overflow: hidden; } /* ------------------- */ /* Nav Action Bar */ /* ------------------- */ .navActionItemBar { border-bottom: 1px solid #cecece; background-color: #dddddd; } .navActionItemBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .navActionItemBarButtonContainer { display: inline-block; margin-left: 40px; } .navActionItemBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .navActionItemBarMoreButtonGroup { } .btn-navActionItem { color: #000; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; } .navActionItemDropdown { margin-top: 5px; } .navActionItemBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #dddddd; margin: 0 5px; } .navActionItemBarButtonText:hover { border-bottom: 4px solid #00629b; } .navActionItemBarButtonText a { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:visited { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:hover { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:active { color: #000000; text-decoration: none; } /* ------------------- */ /* Viewpoints */ /* ------------------- */ .viewpoints { background-color: #f5f5f5; } .viewpointTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .viewpointTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .viewpointTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .viewpointTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .viewpointTopicsBarMoreButtonGroup { } .btn-viewpointTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .viewpointTopicsDropdown { margin-top: 5px; } .viewpointTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .viewpointTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .viewpointsPostListingHeader { padding: 0 20px 0 20px; border-bottom: 1px solid #000000; margin-bottom: 20px; } .viewpointsPostListing { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; box-shadow: 2px 2px 6px #cccccc; padding: 15px 20px 20px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 20px; } .viewpointsLoadMorePosts { float: left; width: 100%; padding: 5px 0 5px 0; text-align: center; } .viewpointsLoadMorePostsButton { padding: 10px 0 10px 0; width: 60%; margin-bottom: 40px; border-radius: 4px; } .viewpointPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; width: 100%; } .viewpointPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .viewpointPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .viewpointPostImage { height: 160px; } .viewpointPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 10px 0; } .viewpointPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 0 0 5px 0; } .viewpointPostAuthors { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 0 0 18px 0; } .viewpointPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; } .viewpointsBlogListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsBlogList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsBlogListLink { padding: 10px 0 10px 15px; overflow: hidden; } .viewpointsMultimediaListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsMultimediaList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 100px 20px; } .viewpointsMultimediaListLink { padding: 10px 0 10px 0; overflow: hidden; } .viewpointsMultimediaListLinkText { padding: 20px 0 0 15px; } .viewpointsMultimediaListLinkImage { margin-left: -15px; } .viewpointsRelatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsRelatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsRelatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .viewpointsRelatedListLinkText { padding: 20px 0 0 15px; } .viewpointsRelatedListLinkImage { margin-left: -15px; } .viewpointsBiosHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsBiosList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsBioStackContainer { margin-bottom: 50px; } .viewpointsBioStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .viewpointsBioStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: #000; padding: 0; overflow: hidden; } .viewpointsBioImageCircle { margin: 30px auto 0 auto; } .viewpointsBioImage { width: 180px; height: 180px; border-radius: 90px; border: 1px solid #FFFFFF; } .viewpointsBioStackIcon { color: #bbbbbb; margin: 20px 5px 0 5px; } /* ------------------- */ /* Awards */ /* ------------------- */ .awards { background-color: #f5f5f5; } .awardTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .awardTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .awardTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .awardTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .awardTopicsBarMoreButtonGroup { } .btn-awardTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .awardTopicsDropdown { margin-top: 5px; } .awardTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .awardTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .awardsPostListingHeader { padding: 0 20px 0 20px; margin-bottom: 40px; text-align: center; } .awardsPostListingFilterActions { padding: 0 0 40px 0; text-align: center; font-size: 14px; } .awardsPostListing { background-color: #ffffff; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .awardPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-top: 1px solid #cccccc; padding: 20px 0 20px 0; width: 100%; } .awardPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .awardPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; border-right: 1px solid #cccccc; } .awardPostImage { height: 100px; } .awardPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 40px 0 10px 0; } .awardPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 10px 0 20px 0; } .awardPostActions { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 20px 0 40px 0; } .awardPostNominate { padding: 10px 20px 10px 20px; border: 1px solid #CCCCCC; border-radius: 4px; margin-right: 30px; } .awardPostNominationDeadline { font-weight: 600; font-size: 16px; margin-right: 40px; } .awardPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 0 0 20px 0; } .awardsBiosHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .awardsBiosList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .awardsBioStackContainer { margin-bottom: 50px; } .awardsBioStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .awardsBioStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: #000; padding: 0 15px; overflow: hidden; } .awardsBioImageCircle { margin: 30px auto 0 auto; } .awardsBioImage { width: 180px; height: 180px; border-radius: 90px; border: 1px solid #FFFFFF; } .awardsBioStackIcon { color: #bbbbbb; margin: 20px 5px 0 5px; } .awardLastRecipientText { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #333333; padding: 30px 0 0 0; } .awardLastRecipientImage { padding: 10px 0 10px 0; } .awardLastRecipientName { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 10px 0 0 0; } /* ------------------- */ /* Call for Papers */ /* ------------------- */ .callForPapers { background-color: #f5f5f5; } .callForPaperTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .callForPaperTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .callForPaperTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .callForPaperTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .callForPaperTopicsBarMoreButtonGroup { } .btn-callForPaperTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .callForPaperTopicsDropdown { margin-top: 5px; } .callForPaperTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .callForPaperTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .callForPapersPostListingHeader { padding: 0 20px 0 20px; margin-bottom: 40px; text-align: center; } .callForPapersPostListingFilterActionBar { padding: 0 0 40px 0; text-align: center; font-size: 14px; overflow: hidden; } .cfpFilterActionButton { padding: 15px 10px 15px 10px; border: 1px solid #555555; background-color: #eeeeee; text-align: center; cursor: pointer; } .cfpFilterActionButtonActive { background-color: #cccccc; } .cfpFilterActionButtonLeftMost { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .cfpFilterActionButtonRightMost { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .searchFragment { width: 65%; } .searchDateRange, .searchMagazines, .searchTransactions { width: 50%; } .callForPapersPostListingFilterActions { padding: 0 0 60px 0; text-align: center; font-size: 14px; } .callForPapersPostListingFilterActionLabel { padding: 6px 20px 0 0; font-size: 14px; } .callForPapersPostListing { background-color: #ffffff; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .callForPaperPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-top: 1px solid #cccccc; padding: 20px 0 20px 0; width: 100%; } .callForPaperRow { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .callForPaperNoPostsRow { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 80px 20px 0 20px; border-top: 1px solid #cccccc; } .callForPaperPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 40px 0 10px 0; } .callForPaperPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 10px 0 20px 0; } .callForPaperPostActions { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 20px 0 40px 0; } .callForPaperPostNominationDeadline { font-weight: 600; font-size: 16px; margin-right: 40px; } .callForPaperPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 0 0 20px 0; } .callForPaperNoPosts { float: left; margin: 0 10px 0 10px; padding: 20px 0 20px 0; width: 100%; text-align: center; } /* ------------------- */ /* Full Page Launch */ /* ------------------- */ .fullPageLaunchPoint { background-size: cover; padding: 60px 0 60px 0; overflow: auto; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 36px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .fullPageLaunchPointSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 50%; } .fullPageLaunchPointAction { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; padding: 15px 20px 15px 20px; color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; display:inline-block; } .fullPageLaunchPointAction:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; display: inline-block; } .fullPageLaunchPointAction:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; display:inline-block; } .fullPageLaunchPointAction:active { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; display:inline-block; } /* ------------------- */ /* Related Content */ /* ------------------- */ .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 36px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } /* ------------------- */ /* Related Lists */ /* ------------------- */ .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 0 0 15px 20px; } .relatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .relatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .relatedListLinkText { padding: 34px 0 0 15px; } .relatedListLinkImage { margin-left: -15px; } /* ------------------- */ /* Product Pages */ /* ------------------- */ .productGeneralContent { font-family: 'Montserrat', sans-serif; padding: 60px 0 60px 0; } .productPricingContainer { border-radius: 4px; background-color: #dddddd; padding: 30px; margin-top: -250px; } @media screen and (min-width: 0px) and (max-width: 768px) { .productPricingContainer { margin-top: -40px; margin-bottom: 20px; } } .productPricingContent { margin-bottom: 40px; } .productPricingOptionsHeader { font-family: "OpenSans",sans-serif; font-size: 22px; margin-bottom: 15px; text-align: center; } .productPricingOptionsSubHeader { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 25px; } .productPricingOptionsSubHeader2 { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 40px; } .productPricingHeader { font-family: "OpenSans",sans-serif; font-size: 16px; font-weight: 600; margin-top: 20px; } .productPricingBottomHeader { font-family: "OpenSans",sans-serif; font-size: 16px; font-weight: 600; margin-top: 25px; } .productPricingList { } .productPricingItem:hover { background-color: #dddddd; border: 1px solid blue; cursor: pointer; } .productPricingItem { border-radius: 4px; overflow: hidden; padding: 10px; margin: 10px 0 10px 0; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .productPricingButtonContainer { margin: 40px 0 50px 0; } .productPricingMessageContainer { font-family: "OpenSans",sans-serif; font-size: 16px; } .productPricingMessageContent { border: 1px solid #ffffff; border-radius: 4px; background-color: #ffffff; padding: 20px 15px; } .productPricingMessageContentBody { font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .productPricingItemLabel { } .productPricingItemValue { } .productPricingSaved { color: red; padding: 0 20px 0 0; } .productPricingButtonAction { color: #ffffff; background-color: #e87722; border: 1px solid #e87722; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 23px; padding: 6px 15px; width: 100%; } .productPricingButtonAction a { color: #ffffff; } .productPricingButtonAction:visited { background-color: #fff; } .productPricingButtonAction:active { background-color: #e9e9e9; } .productPricingCarouselControlsContainer { position: relative; margin-bottom: 80px; } .productPricingCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .productPricingCarouselNext, .productPricingCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .productPricingCarouselPreviousContainer, .productPricingCarouselNextContainer { z-index: 10000; } .productPricingCarouselNext { margin: 40px 0 0 0; } .productPricingCarouselPrevious { margin: 40px 0 0 0; } .productPricingCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .productPricingCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .productPricingCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .productPricingCarouselDots li button:hover, .productPricingCarouselDots li button:focus { outline: none; } .productPricingCarouselDots li button:hover:before, .productPricingCarouselDots li button:focus:before { opacity: 1; } .productPricingCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productPricingCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .productPricingCarouselContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .productPricingCarouselLeft { background-color: #FFFFFF; height: 160px; } .productPricingCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; height: 160px; padding: 20px; } .productPricingCarouselRightTitleLink { color: #000000; font-weight: 600; } .productPricingCarouselRightDescLink { color: #000000; } .productPricingCarouselImage { height: 160px; } .productPricingCarouselHeader { font-family: "OpenSans",sans-serif; font-size: 22px; padding: 10px 0 30px 0; } /* ------------------- */ /* Product Landing */ /* ------------------- */ .productLandings { background-color: #f5f5f5; } .productLandingTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .productLandingTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .productLandingTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .productLandingTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .productLandingTopicsBarMoreButtonGroup { } .btn-productLandingTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .productLandingTopicsDropdown { margin-top: 5px; } .productLandingTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .productLandingTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .productLandingsPostListingHeader { font-family: 'Montserrat', sans-serif; padding: 0 20px 0 20px; border-bottom: 1px solid #000000; margin-bottom: 20px; overflow: hidden; } .productLandingsPostListingHeaderText { font-size: 24px; margin-top: 0px; margin-bottom: 10px; } .productLandingsPostListing { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; box-shadow: 2px 2px 6px #cccccc; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .productLandingPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; } .productLandingPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .productLandingPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .productLandingNoPosts { margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; clear: both; text-align: center; display: none; } .productLandingPostImage { width: 100%; } .productLandingPostFilter { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 10px 0; } .productLandingPostFilter span { font-size: 16px; } .filterTypeSpan, .filterTopicSpan { cursor: pointer; } .productLandingPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 0 0 5px 0; } .productLandingPostAuthors { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 0 0 18px 0; } .productLandingPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; } .productLandingsBlogListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsBlogList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .productLandingsBlogListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsMultimediaListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsMultimediaList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .productLandingsMultimediaListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsMultimediaListLinkText { padding: 20px 0 0 15px; } .productLandingsMultimediaListLinkImage { margin-left: -15px; } .productLandingsRelatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsRelatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 40px 20px; } .productLandingsRelatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsRelatedListLinkText { padding: 20px 0 0 15px; } .productLandingsRelatedListLinkImage { margin-left: -15px; } .productFilterDropdown { width: 100%; height: 34px; padding: 6px 12px; margin-bottom: 8px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* ------------------- */ /* Fulfillment */ /* ------------------- */ .fulfillmentInstructions { padding: 10px; } .fulfillmentInstructionsTitle { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 10px; } .fulfillmentInstructionsDescription { font-family: "OpenSans",sans-serif; font-size: 14px; margin-top: 10px; margin-bottom: 10px; } /* --------------------------------------------------------- */ /* Diagonal Aesthetics */ /* --------------------------------------------------------- */ .diagonalAesthetic_01 { background: #00629b; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, #cecece, #00629b); background: -o-linear-gradient(-90deg, #cecece, #00629b); background: -moz-linear-gradient(-90deg, #cecece, #00629b); background: linear-gradient(-90deg, #cecece, #00629b); position: absolute; top: 0; right: -60px; width: 400px; height: 330px; z-index: 100; transform: rotate(18deg); transform: skewX(-18deg); } .diagonalAesthetic_02 { background: #00629b; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, #cecece, #00629b); background: -o-linear-gradient(-90deg, #cecece, #00629b); background: -moz-linear-gradient(-90deg, #cecece, #00629b); background: linear-gradient(-90deg, #cecece, #00629b); position: absolute; top: 0; right: -80px; width: 400px; height: 405px; z-index: 100; transform: rotate(18deg); transform: skewX(-18deg); } /* --------------------------------------------------------- */ /* The 404 Page */ /* --------------------------------------------------------- */ .page404Container { margin-top: 60px; margin-bottom: 60px; z-index: 1001; } .page404Title { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } .page404Content { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; overflow: hidden; } .page404SearchRight { margin-left: -15px; } .page404Search { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; margin-top: 30px; margin-bottom: 10px; overflow: hidden; } .search404Input { width: 80%; } .page404Background { position: absolute; top: 5%; right: 5%; z-index: 1000; color: #000000; font-family: 'Montserrat', sans-serif; font-size: 8em; font-weight: 400; opacity: 0.15; } /* --------------------------------------------------------- */ /* The "No Access" Page */ /* --------------------------------------------------------- */ .noAccessContainer { margin-top: 60px; margin-bottom: 60px; } .noAccessTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } .noAccessContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; overflow: hidden; } .noAccessActions { text-align: center; margin-top: 60px; margin-bottom: 60px; } .noAccessActionContent { border: 1px solid #cccccc; border-radius: 4px; padding: 30px; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; } .noAccessLogin { width: 50%; } .noAccessPurchase { width: 50%; } /* --------------------------------------------------------- */ /* Ad Blocks */ /* --------------------------------------------------------- */ .adBlockMargins { margin: 80px auto; } .adBlockMargins10 { margin: 10px auto; } .adBlockTopBanner { text-align: center; } .adBlockSkyscaper { margin: 0 0 0 50px; } .adBlockStack { margin: 80px 0 0 50px; } .adBlockBottom { width: 300px; height: 250px; background-color: #CCCCCC; } /* --------------------------------------------------------- */ /* Footer */ /* --------------------------------------------------------- */ .becomeAMemberFooter { background-color: #002855; margin-top: 100px; } .becomeAMemberFooterLeft { width: 70%; float: left; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #ffffff; float: left; margin-top: 8%; padding: 0 3% 3%; width: 30%; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 45%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; padding: 50px 25px 0 35px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoin { overflow: hidden; padding: 10px; } .becomeAMemberFooterInfoJoinUs { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; border: 1px solid #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; text-decoration: none; } .becomeAMemberFooterInfoJoinUs:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .becomeAMemberFooterInfoJoinUs:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .becomeAMemberFooterInfoJoinUs:active { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } .becomeAMemberFooterInfoLogo { left: 0; position: absolute; text-align: center; top: -35px; width: 100%; } .becomeAMemberFooterInfoLogoImage { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 34px; padding: 0 2px 2px 2px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); } .becomeAMemberFooterPoints p { font-family: 'Montserrat', sans-serif; font-size: 22px; margin-bottom: 20px; } /* ------------------- */ /* Document Archives */ /* ------------------- */ .documentArchives { overflow: hidden; } .documentArchiveLineItem, .documentArchiveLineItemHeaders { overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #cccccc; cursor: pointer; } .documentArchiveLineItem:hover { background-color: #e2e2e2; } .documentArchiveIcon { margin: 0 10px 0 0; } .documentArchiveEditIcon { margin: 0 0 0 20px; } .documentArchiveDeleteIcon { } .documentArchiveFolderTally { margin: 0 0 0 20px; } .documentArchiveButton { margin: 0 0 0 5px; } .documentArchiveBreadcrumbs { padding-top: 10px; padding-bottom: 10px; } .documentArchiveActions { padding-top: 5px; } .documentArchiveBreadcrumbLink { cursor: pointer; } .documentArchivesTitleAndActionsContainer { padding: 10px 0 10px 0; overflow: hidden; } .documentArchivesHeaderContainer { margin: 0 0 10px 0; overflow: hidden; font-weight: 600; } .documentArchivesFolderContainer { overflow: hidden; } .documentArchivesFileContainer { overflow: hidden; } /* Tabs are from; https://www.w3schools.com/howto/howto_js_tabs.asp */ .documentArchiveTabs { margin-top: 40px; } .documentArchiveTab { overflow: hidden; border-bottom: 1px solid #ccc; } .documentArchiveTab button { background-color: inherit; float: left; border: none; border-top-left-radius: 4px; border-top-right-radius: 4px; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } .documentArchiveTab button:hover { background-color: #e2e2e2; } .documentArchiveTab button.active { background-color: #ddd; } .documentArchiveTabContent { padding: 6px 12px; } .upsertFolderHeader, .upsertFileHeader, .deletionTemplateHeader { font-weight: 600; font-size: 20px; margin-bottom: 20px; } .upsertFolderMetadata, .upsertFileMetadata, .deletionTemplateMetadata { padding: 10px; overflow: hidden; } .documentArchiveEntryLineItem { padding-top: 10px; padding-bottom: 10px; } .documentArchiveRDLabels { padding: 0 15px 0 10px; font-weight: 500; } .documentArchiveRDLabelTop { margin-top: 10px; } .documentArchiveAreYouSureMessage { font-size: 20px; padding-bottom: 20px; } .documentArchiveAreYouSureValue { font-size: 18px; } .documentArchiveMessage { text-align: center; font-size: 20px; font-weight: 500; padding: 20px; width: 100%; margin-bottom: 40px; } .documentArchiveModeSelect { margin-left: 10px; height: 34px; border: 1px solid #ccc; border-radius: 4px; padding: 0 0 0 5px; background-color: #fff; } .documentArchiveNoAccessTop { font-size: 20px; font-weight: 600; text-align: center; padding: 50px 0 10px 0; } .documentArchiveNoAccessBottom { font-size: 16px; font-weight: 500; text-align: center; padding: 10px 0 50px 0; } /* --------------------------------------------------------- */ /* The Media Queries */ /* --------------------------------------------------------- */ @media screen and (max-width: 480px) { /* Ad Blocks */ .adBlockMargins { margin: 10px auto; } .mainSite { margin-top: 40px; } .generalHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .generalHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; } .leadHeadingContainer { background-color: #FFFFFF; padding: 20px 0 20px 0; opacity: 0.90; overflow: hidden; } .membershipContainer { display: none; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 20px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 10px; font-weight: 600; left: 20px; opacity: 0.8; padding: 8px; position: absolute; } .membershipContainerHeightHelperSmallDevices { display: block; } .leadHeading { color: #000000; font-family: "Montserrat",sans-serif; font-size: 24px; line-height: 1.13; padding: 0 30px; text-align: center; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .featuredFull { background-color: #ffffff; margin: 0 10px 50px; overflow: hidden; } .latestNewsCarouselButtonsContainer { display: none; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px auto 30px auto; } /* another duplicate .fullPageLaunchPoint { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/28224730/Landing_CallForPapers.jpg") 50% no-repeat; background-size: cover; height: 55vh; position: relative; padding: 60px 0 20px 0; } */ .fullPageLaunchPoint2 { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/28224739/Landing_EdgeEvents.png") 100% no-repeat; background-size: cover; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 50px auto; width: 90%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 28px; font-weight: 300; line-height: 0.97; margin-top: 0; margin-bottom: 30px; padding: 0 5%; text-align: center; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; text-align: center; } .committeeCardContainer { margin-top: 20px; } .committeeCardTag { line-height: 20px; } .committeeCardImageContainer img { width: /* To fix FF bug that doesn't scale images in Bootstrap 3 */ } .committeeCardAuthorContainer { margin-top: 5px; } .committeeCardTitle { font-size: 20px; line-height: 25px; } .committeeCardSummary { font-size: 14px; line-height: 20px; } .accordionTitle { padding: 15px 0 0 0; } .accordionHeading { font-size: 24px; line-height: 30px; } .accordionPanelTitle { font-size: 16px; } .column2LandingPageHeading1 { font-family: Montserrat; font-size: 24px; font-weight: 300; text-align: center; margin-bottom: 25px; } .column2LandingPageItemTitle { font-family: Montserrat; font-size: 16px; line-height: 20px; margin: 0 0 5px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 12px; line-height: 16px; } .imageStackTitle { font-size: 24px; margin-bottom: 15px; } .imageStackTitleShort { font-size: 24px; margin-bottom: 10px; } .imageStackSubTitle { font-size: 20px; margin-bottom: 25px; } .imageStackImage { margin-bottom: 15px; } .imageStackDesc { margin-bottom: 25px; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 5%; width: 90%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 0; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .navActionItemBarButtonContainer { display: inline-block; margin-left: 0; } .navActionItemBarMobileButton { width: 100%; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 30px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: unset; max-height: unset; } } @media screen and (min-width: 481px) and (max-width: 768px) { /* Ad Blocks */ .adBlockMargins { margin: 10px auto; } .mainSite { margin-top: 40px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223713/hero_768.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .membershipContainer { display: none; } .membershipContainerHeightHelperSmallDevices { display: block; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 20px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 12px; font-weight: 600; left: 20px; opacity: 0.8; padding: 10px; position: absolute; } .leadHeading { font-size: 24px; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 20px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 20px; } .featuredFull { background-color: #ffffff; margin: 0 10px 50px; overflow: hidden; } .latestNewsCarouselButtonsContainer { display: none; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px auto 30px auto; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 80%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 28px; font-weight: 300; line-height: 0.97; margin-top: 0; margin-bottom: 30px; padding: 0 5%; text-align: center; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; text-align: center; } .committeeCardContainer { margin-top: 20px; } .committeeCardAuthorContainer { margin-top: 40px; } .committeeCardTitle { font-size: 20px; line-height: 25px; min-height: 30px; } .committeeCardSummary { font-size: 14px; line-height: 20px; min-height: 80px; } .accordionTitle { padding: 15px 0 0 0; } .accordionHeading { font-size: 24px; } .accordionPanelTitle { font-size: 20px; } .column2LandingPageItemTitle { font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 24px; margin: 0 0 5px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 12px; line-height: 16px; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 5%; width: 90%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 0; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 32px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .fullPageLaunchPointAction { font-family: 'Montserrat', sans-serif; font-size: 16px; height: 60px; border-radius: 4px; padding: 15px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: unset; max-height: unset; } } @media screen and (min-width: 769px) and (max-width: 992px) { /* Ad Blocks */ .adBlockMargins { margin: 30px auto; } .mainSite { margin-top: 40px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223708/hero_992.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .membershipContainer { display: none; } .membershipContainerHeightHelperSmallDevices { display: block; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 30px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 12px; font-weight: 600; left: 30px; opacity: 0.8; padding: 10px; position: absolute; } .leadHeading { font-size: 36px; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 70%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 22px; font-weight: 300; line-height: 0.97; margin-top: 60px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 14px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .committeeCardContainer { margin-bottom: 20px; } .committeeCardSummary { font-size: 14px; line-height: 20px; min-height: 120px; } .column2LandingPageItemTitle { font-size: 20px; line-height: 22px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 10%; width: 80%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: 200px; max-height: 200px; } } @media screen and (min-width: 993px) and (max-width: 1200px) { /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223702/hero_1200.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 60%; } .navbarMainNav { padding: 5px 0 0 0; } .navbarMainNav > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNav > li > a:visited { text-decoration: none; color: #ffffff; } .navbarLogo { position: absolute; top: 15px; left: 50px; z-index: 1000; } .navbarLogosMobile { margin-top: 10px; text-align: center; z-index: 1000; } .navbarLogosMobileCSLogo { margin: 0 0 0 40px; } .navbarLogosMobileIEEELogo { margin: 0 0 0 25px; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 26px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .column2LandingPageItemTitle { font-size: 18px; line-height: 25px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .column2LandingPageItemIcon { padding-top: 15px; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 5%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 5%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 5%; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListLinkText { padding: 14px 0 0 15px; } .documentArchiveRDLabelTop { margin-top: 0; } } @media screen and (min-width: 1201px) and (max-width: 1440px) { .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 30px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .column2LandingPageItemTitle { font-size: 18px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .column2LandingPageItemIcon { padding-top: 10px; } .relatedListLinkText { padding: 24px 0 0 15px; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 0; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 0; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 0; } .documentArchiveRDLabelTop { margin-top: 0; } } @media screen and (min-width: 1441px) and (max-width: 1920px) { .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .relatedListLinkText { padding: 28px 0 0 15px; } .documentArchiveRDLabelTop { margin-top: 0; } } /* --------------------------------------------------------- */ /* The Media Queries - Footers */ /* --------------------------------------------------------- */ @media screen and (max-width: 480px) { .becomeAMemberFooterLeft { float: left; width: 100%; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 5%; padding: 0 3% 3%; width: 0; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { color: #000000; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; padding: 50px 15px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 35px 0 5px; margin-left: 0; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 481px) and (max-width: 768px) { .becomeAMemberFooterLeft { float: left; width: 100%; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 5%; padding: 0 3% 3%; width: 0; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { color: #000000; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; padding: 50px 25px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 50px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 769px) and (max-width: 992px) { .becomeAMemberFooterLeft { width: 100%; float: left; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 10%; padding: 0 3% 3%; width: 50%; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0px; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; color: #000000; padding: 35px 15px 15px 35px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 14px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 10px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; margin-top: 10px; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 14px; padding: 7%; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 50%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; color: #000000; padding: 30px 15px 5px 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 14px; padding: 0 40px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 15px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 1201px) and (max-width: 1440px) { .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 45%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.25; color: #000000; padding: 30px 25px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 1441px) and (max-width: 1920px) { } @media screen and (min-width: 1921px) { } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.2/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script src="https://s3-us-west-2.amazonaws.com/ieeeshutpages/gdpr/settings.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tingle/0.14.0/tingle.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" /> <link rel="stylesheet" type="text/css" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/overhang/overhang.min.css" /> <link rel="stylesheet" type="text/css" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/common.css" /> <script> var originUrl = localStorage.getItem('originUrl'); if ( typeof originUrl !== 'undefined' && originUrl !== null ) { localStorage.removeItem('originUrl'); window.location.href = originUrl; } window.addEventListener("load", function(){ window.cookieconsent.initialise(json) }); </script> </head> <body class="page-template-default page page-id-24" data-template="base.twig"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3LJCN6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <style> .clearBoth { clear: both; } /*.navbar-inverse { background-color: #00629B; }*/ /*.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #00629B; }*/ /*.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #002855; }*/ .dropdown-menu { background-color: #FFFFFF; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #00629B; } /*.navbar-inverse { background-image: none; }*/ .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; } /*.navbar-inverse { border-color: #00629B; }*/ /*.navbar-inverse .navbar-brand { color: #FFFFFF; }*/ /*.navbar-inverse .navbar-brand:hover { color: #EEEEEE; }*/ /*.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; font-size: 16px; }*/ /*.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #EEEEEE; }*/ /*.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF; }*/ /*.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF; }*/ .dropdown-menu>li>a { color: #333333; padding: 10px 15px 5px 15px; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF; } /*.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF; }*/ .siteHeaderContainer { margin: 0; } .siteHeaderTopBar { overflow: hidden; height: 55px; background-color: #0d6797; } .siteHeaderTopBarIEEELogo { float: left; width: 140px; padding: 10px 20px 10px 20px; } .siteHeaderTopBarCSLogo { float: left; width: 140px; padding: 6px 20px 10px 5px; } .siteHeaderTopBarTechActivities { color: #ffffff; float: left; padding: 12px 0 0 20px; } .siteHeaderTopBarTechActivities a { text-decoration: none; color: #ffffff; font-size: 18px; font-weight: 500; } .siteHeaderTopBarLogout { float: right; padding: 15px 15px 0 0; cursor: pointer; } .siteHeaderTopBarLogout a { font-size: 14px; color: #ffffff; } .siteHeaderTopBarLogout a:hover { text-decoration: none; color: #cccccc; } .siteHeaderTopBarSearch { float: right; padding: 12px 60px 0 0; font-size: 18px; color: #ffffff; cursor: pointer; } .siteHeader { overflow: hidden; background-color: #ffffff; } .siteLogo { margin: 0px 0px 0px 10px; } .siteHeaderNav { background-color: #0e254b; } #siteHeaderNavMenu.navbar-default .navbar-brand { color: rgba(14, 37, 75, 1); } #siteHeaderNavMenu.navbar-default { font-size: 16px; background-color: rgba(14, 37, 75, 1); margin-bottom: 0; border: 0; } #siteHeaderNavMenu.navbar-default .navbar-nav>li>a { color: rgba(255, 255, 255, 1); background-color: rgba(14, 37, 75, 1); } #siteHeaderNavMenu.navbar-default .navbar-nav>li>a:hover, #siteHeaderNavMenu.navbar-default .navbar-nav>li>a:focus, #siteHeaderNavMenu.navbar-default .navbar-nav>li>a.active{ color: rgba(255, 255, 255, 1); background-color: rgba(13, 103, 151, 1); } #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a, #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a:hover, #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(13, 103, 151, 1); } #siteHeaderNavMenu.navbar-default .navbar-toggle { border-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle:hover, #siteHeaderNavMenu.navbar-default .navbar-toggle:focus { background-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle .icon-bar { background-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle:hover .icon-bar, #siteHeaderNavMenu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #0e254b; } .smallHeaderFont { font-size: 12px; } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display:block; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#ffffff; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } </style> <div class="siteHeaderContainer"> <div class="siteHeaderTopBar"> <div class="siteHeaderTopBarIEEELogo"> <a href="https://www.ieee.org" target="_blank"><img src="/assets/images/logos/IEEE/IEEELogo_100x34.png" alt="ieeeLogo"></a> </div> <div class="siteHeaderTopBarCSLogo"> <a href="https://www.computer.org" target="_blank"><img src="/assets/images/logos/CS/CSLogo-110x38.png" alt="csLogo"></a> </div> <div class="siteHeaderTopBarTechActivities hidden-sm hidden-xs"> <a href="https://www.computer.org/communities/technical-committees" target="_blank">TECHNICAL ACTIVITIES</a> </div> <div class="siteHeaderTopBarSearch"> <div class="asl_w_container asl_w_container_1"> <div id='ajaxsearchlite1' data-id="1" data-instance="1" class="asl_w asl_m asl_m_1 asl_m_1_1"> <div class="probox"> <div class='prosettings' style='display:none;' data-opened=0> <div class='innericon'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <polygon transform = "rotate(90 256 256)" points="142.332,104.886 197.48,50 402.5,256 197.48,462 142.332,407.113 292.727,256 "/> </svg> </div> </div> <div class='proinput'> <form role="search" action='#' autocomplete="off" aria-label="Search form"> <input aria-label="Search input" type='search' class='orig' tabindex="0" name='phrase' placeholder='Search here..' value='' autocomplete="off"/> <input aria-label="Search autocomplete input" type='text' class='autocomplete' tabindex="-1" name='phrase' value='' autocomplete="off" disabled/> <input type='submit' value="Start search" style='width:0; height: 0; visibility: hidden;'> </form> </div> <button class='promagnifier' tabindex="0" aria-label="Search magnifier button"> <span class='innericon' style="display:block;"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <path d="M460.355,421.59L353.844,315.078c20.041-27.553,31.885-61.437,31.885-98.037 C385.729,124.934,310.793,50,218.686,50C126.58,50,51.645,124.934,51.645,217.041c0,92.106,74.936,167.041,167.041,167.041 c34.912,0,67.352-10.773,94.184-29.158L419.945,462L460.355,421.59z M100.631,217.041c0-65.096,52.959-118.056,118.055-118.056 c65.098,0,118.057,52.959,118.057,118.056c0,65.096-52.959,118.056-118.057,118.056C153.59,335.097,100.631,282.137,100.631,217.041 z"/> </svg> </span> </button> <div class='proloading'> <div class="asl_loader"><div class="asl_loader-inner asl_simple-circle"></div></div> </div> <div class='proclose'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12" height="12" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <polygon points="438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 73.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 "/> </svg> </div> </div> </div> <div class='asl_data_container' style="display:none !important;"> <div class="asl_init_data wpdreams_asl_data_ct" style="display:none !important;" id="asl_init_id_1" data-asl-id="1" data-asl-instance="1" data-asldata="ew0KCSJob21ldXJsIjogImh0dHBzOi8vdGMuY29tcHV0ZXIub3JnL3RjY2xkLyIsDQoJInJlc3VsdHN0eXBlIjogInZlcnRpY2FsIiwNCgkicmVzdWx0c3Bvc2l0aW9uIjogImhvdmVyIiwNCgkiaXRlbXNjb3VudCI6IDQsDQoJImNoYXJjb3VudCI6ICAwLA0KCSJoaWdobGlnaHQiOiAwLA0KCSJoaWdobGlnaHR3aG9sZXdvcmRzIjogMSwNCgkic2luZ2xlSGlnaGxpZ2h0IjogMCwNCgkic2Nyb2xsVG9SZXN1bHRzIjogew0KCQkiZW5hYmxlZCI6IDAsDQoJCSJvZmZzZXQiOiAwDQoJfSwNCgkicmVzdWx0YXJlYWNsaWNrYWJsZSI6IDEsDQoJImF1dG9jb21wbGV0ZSI6IHsNCgkJImVuYWJsZWQiIDogMSwNCgkJImxhbmciIDogImVuIiwNCgkJInRyaWdnZXJfY2hhcmNvdW50IiA6IDANCgl9LA0KCSJtb2JpbGUiOiB7DQoJCSJtZW51X3NlbGVjdG9yIjogIiNtZW51LXRvZ2dsZSINCgl9LA0KCSJ0cmlnZ2VyIjogew0KCQkiY2xpY2siOiAicmVzdWx0c19wYWdlIiwNCgkJImNsaWNrX2xvY2F0aW9uIjogInNhbWUiLA0KCQkidXBkYXRlX2hyZWYiOiAwLA0KCQkicmV0dXJuIjogInJlc3VsdHNfcGFnZSIsDQoJCSJyZXR1cm5fbG9jYXRpb24iOiAic2FtZSIsDQoJCSJmYWNldCI6IDEsDQoJCSJ0eXBlIjogMSwNCgkJInJlZGlyZWN0X3VybCI6ICI/cz17cGhyYXNlfSIsDQoJCSJkZWxheSI6IDMwMA0KCX0sDQogICAgImFuaW1hdGlvbnMiOiB7DQogICAgICAgICJwYyI6IHsNCiAgICAgICAgICAgICJzZXR0aW5ncyI6IHsNCiAgICAgICAgICAgICAgICAiYW5pbSIgOiAiZmFkZWRyb3AiLA0KICAgICAgICAgICAgICAgICJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJyZXN1bHRzIiA6IHsNCgkJCQkiYW5pbSIgOiAiZmFkZWRyb3AiLA0KCQkJCSJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJpdGVtcyIgOiAidm9pZGFuaW0iDQogICAgICAgIH0sDQogICAgICAgICJtb2IiOiB7DQogICAgICAgICAgICAic2V0dGluZ3MiOiB7DQogICAgICAgICAgICAgICAgImFuaW0iIDogImZhZGVkcm9wIiwNCiAgICAgICAgICAgICAgICAiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAicmVzdWx0cyIgOiB7DQoJCQkJImFuaW0iIDogImZhZGVkcm9wIiwNCgkJCQkiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAiaXRlbXMiIDogInZvaWRhbmltIg0KICAgICAgICB9DQogICAgfSwNCgkiYXV0b3AiOiB7DQoJCSJzdGF0ZSI6ICJkaXNhYmxlZCIsDQoJCSJwaHJhc2UiOiAiIiwNCgkJImNvdW50IjogMQl9LA0KICAgICJyZXNQYWdlIjogew0KICAgICAgICAidXNlQWpheCI6IDAsDQogICAgICAgICJzZWxlY3RvciI6ICIjbWFpbiIsDQogICAgICAgICJ0cmlnZ2VyX3R5cGUiOiAxLA0KICAgICAgICAidHJpZ2dlcl9mYWNldCI6IDEsDQogICAgICAgICJ0cmlnZ2VyX21hZ25pZmllciI6IDAsDQogICAgICAgICJ0cmlnZ2VyX3JldHVybiI6IDAgICAgfSwNCgkicmVzdWx0c1NuYXBUbyI6ICJsZWZ0IiwNCiAgICAicmVzdWx0cyI6IHsNCiAgICAgICAgIndpZHRoIjogImF1dG8iLA0KICAgICAgICAid2lkdGhfdGFibGV0IjogImF1dG8iLA0KICAgICAgICAid2lkdGhfcGhvbmUiOiAiYXV0byINCiAgICB9LA0KCSJzZXR0aW5nc2ltYWdlcG9zIjogInJpZ2h0IiwNCgkiY2xvc2VPbkRvY0NsaWNrIjogMSwNCgkib3ZlcnJpZGV3cGRlZmF1bHQiOiAwLA0KCSJvdmVycmlkZV9tZXRob2QiOiAiZ2V0Ig0KfQ0K"></div> <div id="asl_hidden_data"> <svg style="position:absolute" height="0" width="0"> <filter id="aslblur"> <feGaussianBlur in="SourceGraphic" stdDeviation="4"/> </filter> </svg> <svg style="position:absolute" height="0" width="0"> <filter id="no_aslblur"></filter> </svg> </div> </div> <div id='ajaxsearchliteres1' class='vertical wpdreams_asl_results asl_w asl_r asl_r_1 asl_r_1_1'> <div class="results"> <div class="resdrg"> </div> </div> </div> <div id='__original__ajaxsearchlitesettings1' data-id="1" class="searchsettings wpdreams_asl_settings asl_w asl_s asl_s_1"> <form name='options' aria-label="Search settings form" autocomplete = 'off'> <input type="hidden" name="filters_changed" style="display:none;" value="0"> <input type="hidden" name="filters_initial" style="display:none;" value="1"> <div class="asl_option_inner hiddend"> <input type='hidden' name='qtranslate_lang' id='qtranslate_lang1' value='0'/> </div> <fieldset class="asl_sett_scroll"> <legend style="display: none;">Generic selectors</legend> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="exact" aria-label="Exact matches only" name="asl_gen[]" /> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Exact matches only </div> </div> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="title" aria-label="Search in title" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Search in title </div> </div> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="content" aria-label="Search in content" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Search in content </div> </div> <div class="asl_option_inner hiddend"> <input type="checkbox" value="excerpt" aria-label="Search in excerpt" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> </fieldset> <fieldset class="asl_sett_scroll"> <legend style="display: none;">Post Type Selectors</legend> <div class="asl_option_inner hiddend"> <input type="checkbox" value="post" aria-label="Hidden option, ignore please" name="customset[]" checked="checked"/> </div> <div class="asl_option_inner hiddend"> <input type="checkbox" value="page" aria-label="Hidden option, ignore please" name="customset[]" checked="checked"/> </div> </fieldset> </form> </div> </div> </div> <div class="clearBoth"></div> </div> <div class="siteHeader"> <div class="siteLogo"> <a href="https://tc.computer.org/tccld"><img src="https://tc.computer.org/wp-content/uploads/2019/08/TCCLD-e1566236344182.png" class="img-responsive"/></a> </div> </div> <div class="siteHeaderNav"> <div id="siteHeaderNavMenu" class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">&nbsp;</a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-menubuilder"> <ul class="nav navbar-nav" id="mainHeaderLinks"> <li><a class="headerLink" href="https://tc.computer.org/tccld/" target="_self">HOME</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle headerLink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ABOUT <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="dLabel"> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/steering-committee" target="_self">STEERING COMMITTEE</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/standards" target="_self">STANDARDS</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/news" target="_self">NEWS</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle headerLink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">EVENTS <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="dLabel"> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/webinars" target="_self">WEBINARS</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/conferences" target="_self">CONFERENCES</a></li> </ul> </li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/publications" target="_self">PUBLICATIONS</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/fog-computing" target="_self">EDGE/FOG COMPUTING</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/dispersed-computing" target="_self">DISPERSED COMPUTING</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/awards" target="_self">AWARDS</a></li> <li><a class="headerLink" href="https://www.ieee.org/membership-catalog/productdetail/showProductDetailPage.html?product=CMYCLD746&N=4294925450+4294925448&tcType=Computer%20Society#" style="background-color: #e1722f; margin-left: 20px; margin-right: 20px;" target="_blank">JOIN</a></li> </ul> </div> </div> </div> </div> </div> <!-- Adjusts the size of the header link font if the number of links exceeds a certain amount and screen width is less than a certain amount --> <script lang="js"> function adjustMenuFont(){ var headerLinkCount = $('#mainHeaderLinks').children().length; var screenWidth = $( window ).width(); if (headerLinkCount > 10 && screenWidth < 1500) { $('.headerLink').addClass('smallHeaderFont'); } else { $('.headerLink').removeClass('smallHeaderFont'); } } function highlightSelectedSection(){ // Loop over the top level nav links and highlight selected section var pathArray = window.location.pathname.split('/'); var page; switch (pathArray.length) { case 3: page = 'home'; break; default: page = pathArray[pathArray.length - 2]; page = page.replace(/[^A-Z0-9]/ig, ""); } $('#mainHeaderLinks').children('li').each(function(i) { let childrenCount = $(this).children().length; switch(childrenCount){ // When the header link has no sub links/dropdown case 1: let linkText = $(this).children().first().text().toLowerCase().replace(/[^A-Z0-9]/ig, ""); if (linkText == page){ $(this).children().first().addClass('active'); } break; // When the header link contains sub links/dropdown default: $(this).children('ul').children('li').each(function(i) { let sublinkText = $(this).children().first().text().toLowerCase().replace(/[^A-Z0-9]/ig, ""); if (sublinkText == page){ $(this).parent().parent().children().first().addClass('active'); } }); break; } }); } $(function(){ adjustMenuFont(); highlightSelectedSection(); var resizeTimer; $(window).on('resize', function(e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { adjustMenuFont(); }, 20); }); }); </script> <section id="content" role="main" class="content-wrapper mainSite dx-main-content"> <div class="wrapper container-fluid"> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><h1>Standards in Cloud Computing</h1> <h2>IEEE Standards Association</h2> <p><strong>Developing Standards for Cloud Computing</strong></p> <p>The <a href="http://standards.ieee.org/" target="_blank" rel="noopener">IEEE Standards Association</a> (IEEE-SA) is a leading consensus building organization that nurtures, develops and advances global technologies, through IEEE. We bring together a broad range of individuals and organizations from a wide range of technical and geographic points of origin to facilitate standards development and standards related collaboration. With collaborative thought leaders in more than 160 countries, we promote innovation, enable the creation and expansion of international markets and help protect health and public safety. Collectively, our work drives the functionality, capabilities and interoperability of a wide range of products and services that transform the way people live, work and communicate.</p> <p>The IEEE Cloud Computing Initiative has originated two working drafts:</p> <table> <tbody> <tr> <td>P2301 (Cloud Profiles)</td> <td>Access P2301 Working Group</td> </tr> <tr> <td>P2302 (Intercloud)</td> <td>Access P2302 Working Group</td> </tr> <tr> <td>IEEE Adaptive Management for Cloud Computing (AMCC) Study Group</td> <td>Adaptive, policy-based management in cloud based environments</td> </tr> </tbody> </table> <h2>International Telecommunication Union (ITU)</h2> <p><strong>Cloud Computing and Standardization: Technical Reports Published</strong></p> <p>ITU-T’s Focus Group on Cloud Computing has completed its preliminary study into cloud computing’s standardization ecosystem and has released its <a href="http://www.itu.int/en/ITU-T/focusgroups/cloud/Documents/FG-coud-technical-report.zip">FG Cloud Technical Report</a>(Parts 1 to 7). The reports signal the conclusion of the Focus Group’s study period and its findings come to form input for the cloud computing work taking place across the ITU-T under the leadership of Study Group 13 (Future Networks), overseen by the <a href="http://www.itu.int/en/ITU-T/jca/Cloud/Pages/default.aspx" target="_blank" rel="noopener">Joint Coordination Activity on Cloud Computing</a>.</p> <p>Clear industry demand for the technology and the promise of new revenues to ICT players has led to great market optimism, with one forecast predicting that global cloud IP traffic will account for more than one-third of total data center traffic by 2015. Cisco Global Cloud Index: <a href="http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns1175/Cloud_Index_White_Paper.pdf" target="_blank" rel="noopener">Forecast and Methodology, 2010–2015</a> (PDF, 799 KB).</p> <h2>National Institute of Standards and Technology (NIST)</h2> <p><strong>Cloud Computing Program</strong></p> <p>NIST’s long-term goal is to provide leadership and guidance around the cloud computing paradigm to catalyze its use within industry and government. NIST aims to shorten the adoption cycle, which will enable near-term cost savings and increased ability to quickly create and deploy safe and secure enterprise solutions. NIST aims to foster cloud computing practices that support interoperability, portability, and security requirements that are appropriate and achievable for important usage scenarios.</p> <p>The NIST area of focus is technology, and specifically, interoperability, portability, and security requirements, standards, and guidance. The intent is to use the standards strategy to prioritize NIST tactical projects which support USG agencies in the secure and effective adoption of the cloud computing model to support their missions. The expectation is that the set of priorities will be useful more broadly by industry, SDOs, cloud adopters, and policy makers.</p> <p><a href="http://www.nist.gov/itl/cloud/" target="_blank" rel="noopener">Visit NIST Cloud Computing Program at NIST.gov</a></p> <p><a href="http://www.nist.gov/customcf/get_pdf.cfm?pub_id=909024" target="_blank" rel="noopener">Read NIST Special Publication 500-291, NIST Cloud Computing Standards Roadmap, July 2011</a> (PDF. 1.52 MB)</p> </div> </div> </div> </div> </section> <footer id="footer"> <div class="footerContainer"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="footerInfo col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <a href="/sitemap" class="footerInfoLink">Sitemap</a> <a href="https://www.ieee.org/security-privacy.html" target="_blank" class="footerInfoLink">Privacy</a> <a href="https://www.ieee.org/accessibility-statement.html" target="_blank" class="footerInfoLink">Accessibility Statement</a> <a href="https://www.ieee.org/nondiscrimination" target="_blank" class="footerInfoLink">IEEE Nondiscrimination Policy</a> <span class="footerInfoDivider">|</span> <a href="/copyright" class="footerInfoLink">© 2022 IEEE – All rights reserved. </a><br /> <a href="http://www.ieee.org/site_terms_conditions.html" class="footerInfoLink" target="_blank">Use of this website signifies your agreement to the IEEE Terms and Conditions</a> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="footerTagline footerInfoLink col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> A not-for-profit organization, IEEE is the world’s largest technical professional organization dedicated to advancing technology for the benefit of humanity. </div> </div> </div> </footer> <script type="text/javascript" id="wd-asl-ajaxsearchlite-js-before"> /* <![CDATA[ */ window.ASL = typeof window.ASL !== 'undefined' ? window.ASL : {}; window.ASL.wp_rocket_exception = "DOMContentLoaded"; window.ASL.ajaxurl = "https:\/\/tc.computer.org\/tccld\/wp-admin\/admin-ajax.php"; window.ASL.backend_ajaxurl = "https:\/\/tc.computer.org\/tccld\/wp-admin\/admin-ajax.php"; window.ASL.js_scope = "jQuery"; window.ASL.asl_url = "https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/"; window.ASL.detect_ajax = 1; window.ASL.media_query = 4768; window.ASL.version = 4768; window.ASL.pageHTML = ""; window.ASL.additional_scripts = [{"handle":"wd-asl-ajaxsearchlite","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-prereq.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-core","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-core.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-vertical","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-results-vertical.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-autocomplete","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-autocomplete.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-load","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-load.js","prereq":["wd-asl-ajaxsearchlite-autocomplete"]}]; window.ASL.script_async_load = false; window.ASL.init_only_in_viewport = true; window.ASL.font_url = "https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/css\/fonts\/icons2.woff2"; window.ASL.css_async = false; window.ASL.highlight = {"enabled":false,"data":[]}; window.ASL.analytics = {"method":0,"tracking_id":"","string":"?ajax_search={asl_term}","event":{"focus":{"active":1,"action":"focus","category":"ASL","label":"Input focus","value":"1"},"search_start":{"active":0,"action":"search_start","category":"ASL","label":"Phrase: {phrase}","value":"1"},"search_end":{"active":1,"action":"search_end","category":"ASL","label":"{phrase} | {results_count}","value":"1"},"magnifier":{"active":1,"action":"magnifier","category":"ASL","label":"Magnifier clicked","value":"1"},"return":{"active":1,"action":"return","category":"ASL","label":"Return button pressed","value":"1"},"facet_change":{"active":0,"action":"facet_change","category":"ASL","label":"{option_label} | {option_value}","value":"1"},"result_click":{"active":1,"action":"result_click","category":"ASL","label":"{result_title} | {result_url}","value":"1"}}}; window.ASL_INSTANCES = [];window.ASL_INSTANCES[1] = {"homeurl":"https:\/\/tc.computer.org\/tccld\/","resultstype":"vertical","resultsposition":"hover","itemscount":4,"charcount":0,"highlight":0,"highlightwholewords":1,"singleHighlight":0,"scrollToResults":{"enabled":0,"offset":0},"resultareaclickable":1,"autocomplete":{"enabled":1,"lang":"en","trigger_charcount":0},"mobile":{"menu_selector":"#menu-toggle"},"trigger":{"click":"results_page","click_location":"same","update_href":0,"return":"results_page","return_location":"same","facet":1,"type":1,"redirect_url":"?s={phrase}","delay":300},"animations":{"pc":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"},"mob":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"}},"autop":{"state":"disabled","phrase":"","count":1},"resPage":{"useAjax":0,"selector":"#main","trigger_type":1,"trigger_facet":1,"trigger_magnifier":0,"trigger_return":0},"resultsSnapTo":"left","results":{"width":"auto","width_tablet":"auto","width_phone":"auto"},"settingsimagepos":"right","closeOnDocClick":1,"overridewpdefault":0,"override_method":"get"}; /* ]]> */ </script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-prereq.js?ver=4768" id="wd-asl-ajaxsearchlite-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-core.js?ver=4768" id="wd-asl-ajaxsearchlite-core-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-results-vertical.js?ver=4768" id="wd-asl-ajaxsearchlite-vertical-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-autocomplete.js?ver=4768" id="wd-asl-ajaxsearchlite-autocomplete-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-load.js?ver=4768" id="wd-asl-ajaxsearchlite-load-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-wrapper.js?ver=4768" id="wd-asl-ajaxsearchlite-wrapper-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment-with-locales.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone.min.js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/jquery-card/jquery.card.js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/overhang/overhang.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <script> $(".loginButton").click(function() { localStorage.setItem('originUrl', 'https://tc.computer.org/tccld/tccld/standards/'); window.location = "/tccld/login"; }); $(document).ready(function(){ $('.dropdown-toggle').dropdown(); }); (function(){ var cache = {}; this.tmpl = function tmpl(str, data){ // Figure out if we're getting a template, or if we need to // load the template - and be sure to cache the result. var fn = !/\W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template // generator (and which will be cached). new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + // Introduce the data as local variables using with(){} "with(obj){p.push('" + // Convert the template into pure JavaScript str .replace(/[\r\t\n]/g, " ") .split("<%").join("\t") .replace(/((^|%>)[^\t]*)'/g, "$1\r") .replace(/\t=(.*?)%>/g, "',$1,'") .split("\t").join("');") .split("%>").join("p.push('") .split("\r").join("\\'") + "');}return p.join('');"); // Provide some basic currying to the user return data ? fn( data ) : fn; }; })(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10