right: 15px; .adash.suggest .info { padding: 50px 0; .adash.suggest .poster:hover .avideo-icon { background-color: #fff; margin-right: 10px; /******************* Next and Previous Start*******************/ .alist.experience.list .item.mosaic .title { bottom: 0; top: 5px; content: ''; justify-content: center; color: #000; } font-size: 20px text-transform: uppercase; } } } border-color: #00aced; } .alist.experience.list .item .listsubhead a:after { pointer-events: none; padding: 0px 45px 60px color: #fff; background-color: #f8ba01; } line-height: 30px; } } } .media-inline-popup .title { .adetail .gallery .item img { background: url('play.svg') 0 0 no-repeat !important; @media ( max-width: 1200px) { background-color: transparent } height: auto !important; cursor: pointer; } text-decoration: underline; max-height: 6.1rem; .alist.quiz .info .title { } content: 'BREAKING' width: auto; border-radius: 0px; /******************* Next and Previous End*******************/ } color: #696969 left: -33px; } .adash.today .boxes p { .media-inline-popup .bottom { color: #f8ba01; color: #BDBDBD; font-size: 30px; } margin: -60px 0 0 0; display: flex; .adash.today .box .body { } text-transform: uppercase; .adetail .media-inline .minfo { position: absolute; .abanner .body .content-wrap a.article-link:visited, display: none; ul.tagit li.tagit-choice .tagit-label:hover{ bottom: 5px; width: 100%; display: block; object-fit: cover; font-size: 25px; font-size: 1.2rem } font-size: 25px; } } padding-top: 0; color: #003b4f; .gallery .whitelinks a:hover { font-size: 2rem; /*.adash.suggest .item { height: auto; margin: 15px; .adetail .social-top { font-stretch: condensed; .alist.stories .item a.category, .alist.stories .item a.category:link { .media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover { flex: 0 0 100%; height: auto !important color: #355e93; padding: 0 .alist.stories .item .info .bar { padding: 0 10px; } .aframe .cat-share-item.second { Navy COOL vouchers for certification exams may be issued if the Sailor is pursuing credentials in a CSWF field as noted in TWMS Cyber Workforce Info. display:block; position: absolute; text-decoration: none; transition: all .25s ease-out; } max-height: 3000px; } top: 0; } .aframe.also-like:not(.list) .item .mobile-storydate { .adash.today .expander:before { Official website of U.S. Fleet Forces Command (USFFC). width: 100% } .alist.experience.list .item .taglist li { 10 talking about this. @media (max-width: 767px){ } } background-image: url(/desktopmodules/articlecs/images/media-close.svg) !important; .media-inline-popup .title { color: #fff } margin-top: 20px; padding-bottom: 0 display: flex; font-weight: normal; margin-bottom: 10px; max-width: initial !important display: inline-block; .adetail .media-inline.breakout .image-wrapper img { line-height: 1.7em border-color: #adadad } } } padding-top: 20px right: -33px; text-decoration: none border: none; /*.gallery #storybanner3 #bannersection { height: auto; font-size: 17px; } .alist.experience.list .item { background-color: rgba(0,59,79,.2); .media-inline-popup .social .social-inner a.addthis_button_facebook { /*.alist.stories .item.hover .poster div { transform: scale(1.1); }*/ .abanner header .maintitle { height: 100%; .adetail .mejs__overlay:hover .mejs__overlay-button { font-size: 1.3rem; .btn { transition: all 0.5s; } } font-size: 1.2rem; position: absolute; } left: 8px; max-width: 300px; flex: 0 0 98%; display:none; display: none; .alist.stories .item:nth-child(even) .info .bar { padding: 0 0 0 30px; text-shadow: 1px 1px 5px #000; .alist.experience.list .item .taglist li:before, .adash.today .top-bar { display: block; } .adash.today h4 { padding: 0 10px; } border-bottom: 2px solid #fff; border: #fff solid 1px; padding-top: 39.7%; .alist.quiz .info .category { @media ( max-width: 768px) { } } .aframe.also-like .subhead { font-size: 16px; } } padding-top: 80%; box-shadow: 0px 15px 30px -12px #333; .gallery #storybanner3 img { .afilter .RadPicker_Default:last-child { .adash.newsroom.alist.stories .item .title { .aframe a.big-link:link, transition: none width: 33%; clip: rect(1px, 1px, 1px, 1px); top: 50%; } padding: 3px 10px; margin: 0 21px 0 5px; } .adash.today .author-title { } .adetail .gallery .duration, .adetail .media-inline .duration { .adetail header .date { .aframe .cat-share .share{ .alist.stories.list.search .item .poster:hover .avideo-icon { .aframe.also-like h2 { line-height: 1.2em; max-width: 750px background-repeat: no-repeat; width: 100%; .alist.experience.list .item .taglist ul { z-index: 2; font-weight: normal; } color: #f8ba01; line-height: 12px; /* breaking */ } border-bottom: 1px solid #aeaeae; @media ( max-width: 767px) { display: none; justify-content: flex-end padding: 0; #cboxOverlay { text-transform: uppercase; .alist.experience.list .item .info { .aframe.also-like .overlay.overlay-image { /*newsroom*/ } .alist.stories.list .item .info { padding: 20px content: ''; font-size: 2.2rem }*/ } .adetail .related p{ } width: 100%; .adash.today .box:hover { color: #717171 } top: 0; border: solid 2px #003b4f; .alist.experience.list .item .details .linktwo { .adash.suggest .poster .image p.alt { .media-inline-popup .action .icon { display: block; display: none; } } width: 50px; font-size: 1rem; margin-top: 15px flex: 0 0 49.4% } font-size: 1.8rem border-radius: 0px; padding-right: 10px; overflow: auto; .aframe.also-like .poster.mobile-noimage:after{ transition: all .2s ease-in; } .adetail .media-inline a:hover, .adetail .media-inline a:link, .adetail .media-inline a { .alist.experience .item .taglist, .alist.experience .item .details { height: 1px; cursor: auto } height: 100% !important; .adash.newsroom .menu-select .select-menu { .afilter .top-bar .toggle { CHIPS is an official U.S. Navy website sponsored by the Department of the Navy (DON) Chief Information Officer, the Department of Defense Enterprise Software Initiative (ESI) and the DON's ESI Software Product Manager Team at Space and Naval Warfare Systems Center Pacific. } } .adash.suggest .info { .aframe.also-like .overlay.overlay-info { cursor: pointer; /*.abanner .banner-angle-header { .aframe.also-like .item:nth-child(6):not(.mosaic) .storydate{ .alist.experience.list .item .details .detaillinks { border-radius: 3px; } padding-bottom: 30px } height: 55vh; right: initial padding: 18%; .aframe.also-like { position: absolute !important; display: block; display: block padding-bottom: 0 content: '\f073'; color: #f8ba01; .aframe header.body a:hover:not(.nlink), opacity: 0.7; position: absolute; font-weight: bold; transition: all 0.5s; .adetail .tags li{ /************ end framework */ font-size: .9rem; text-transform: uppercase; display: flex !important .gallery .video-container { .abanner.no-abanner-mobile a.article-link, .abanner a.article-link:link { Under Secretary of the Navy (Performing the Duties of). background-color: #333; transform: scale(.9); z-index: 100; .adetail.done-state header.start { padding-right: 10px; } } height: auto; position: relative } } .alist.stories { padding-right: 0; z-index: 99; background-color: #000 /*override inline*/ } } background: rgb(248, 184, 1); } flex-direction: row-reverse; padding-left: 0; } border-radius: 4px; line-height: 1.2em; } font-size: 1.2rem; }*/ display: block } } letter-spacing: 3px; .adash.today a.author-name, .adash.today a.author-name:link, .adash.today a.author-name:visited { align-items: center; } background-color: #000; .alist.stories .item .title { } } font-size: 1.2em } } margin-left: 1%; @media ( max-width: 992px) { .alist.experience.list .item .details .linkone a:hover { /*.adetail .mejs__controls { position: relative; } font-size: 1.1rem transform: scale(.7) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 44%,rgba(0,0,0,0.65) 100%); background-color: #6c757d; } padding-bottom: 5%; line-height: 1.2em; padding: 0; } color: #adadad @font-face { .alist.experience.list .item .details { /*.alist.experience.list .item .details .storydate:before { width: 100%; .gallery .image-fit { margin-left: 2px; } margin-left: 1%; display: none font-family: 'Oswald', sans-serif; background-color: #000; } background-color: #fff } align-items: center; background: radial-gradient(ellipse at center, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); display: flex; .afilter .select-view:hover { height: 66px; } .alist.experience .subtitle .filter { .adash.today .box .info { } .adetail.during-state header.done { } flex: 1 0 25%; border: #717171 solid 2px; } font-size: 1.2rem !important /* mouse over link */ } /* video icon */ .abanner header { @media ( max-width: 550px) { .adash.today .box.active .expander:before { height: 44px !important; right: 35px bottom: 0; margin: 0; color: #f8ba01; display: none; } color: #003b4f; .adash.today .box { margin-left: 200px background-color: rgba(0, 59, 79,0.2); } display: none; padding-top: 35%; .adetail .media-inline .linkoverlay:after { height: auto; } padding-top: 30%; font-size: 1.4rem; .aframe header.body a:not(.nlink), .adash.today .box { .alist.stories .item .info time { font-family: 'Font Awesome\ 5 Free'; } /* today in dod */ padding: 11px 11px 15px; margin-top: 0; border-radius: 50%; .alist.stories.breaking .item .poster { .gallery .previousban:hover, .nextban:hover { position: absolute; width: 100%; cursor: pointer; margin-left: calc((50vw - 51%)*-1); overflow: hidden; margin-top: 5%; content: '\f35d'; .afilter .search input { margin: 0 } .inline-popup #cboxClose { } #colorbox.inline-popup { max-width: 100% !important; counter-increment: item; .abanner { .adash.today .expander { .alist.quiz.list .info:before { max-height: initial; content: ''; font-family: 'Font Awesome\ 5 Free'; } } transform: scale(.8) content: "\f030"; All Hands Magazine highlights the Navy's culture and heritage, while striving to be the number one source of information for Sailors about their Navy today. } background-size: cover; bottom: 0; .aframe.also-like .pull-title { /* aframe is basic article frame work*/ } transform: scale(.5) } .adash.newsroom.alist.stories { display: flex; width: 99%; padding: 10px 25px; } } .adash.today .boxes p { .alist.stories .item:nth-child(even) .info time { width: 46%; .aframe.also-like .item .poster.noimage h4 span { min-height: 1px } padding-top: 66.6%; /* 6:4 ratio */ flex-wrap: wrap; line-height: 1.2em; .alist.stories .item .info { text-transform: lowercase margin-left: 20px; font-size: 1.6rem; } @media ( max-width: 965px) { /******************* height: 50px; background-color: rgba(0,0,0, .6); } .aframe.also-like .item { background: #fff; } .alist.experience .apager a, .alist.experience .pager a:link { box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5); .aframe.also-like .item.mobile .poster.noimage h4 span { .aframe header.body a:focus:link:not(.nlink), } transform: scale(.9) display: none } .afilter .RadPicker_Default { display: none padding-top: 10px; font-size: 1.1rem min-height: 500px order: 3; .aframe.also-like .poster h3 { z-index: 4; top: auto; } font-size: 1rem } .gallery .whitelinks a:link { } margin-bottom: 5px; } background-size: cover; flex: 0 0 66.1%; } text-decoration: none; .alist .subtitle { right: 20px; } top: 0; width: 100%; } } } .media-inline-popup.slideshow .action { height: 10px; top: 0; } .adetail.during-state header.start { .aframe.also-like .item .poster.noimage:after { div#dnn_ContentPane2 a, div#dnn_ContentPane2 a:visited, div#dnn_ContentPane2 a:link, div#dnn_ContentPane2 a.activeLink { .adetail header a:visited { } }*/ .adash.today.other .content { font-weight: 600; max-width: 300px; /* video */ text-indent: -1em; } } display: flex; color: #fff border-radius: 4px; /*play button*/ align-items: center .aframe.also-like .item:nth-child(4):not(.mosaic) .storydate, font-size: 1rem; } margin-bottom: 10px } background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(235,235,235,1) 850px,rgba(255,255,255,0) 2500px); min-height: 600px display: inline-block; @media(max-width: 1280px){ } line-height:14px; } text-align: center; box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2); width: 100%; padding-right: 10px; } padding-left: 20px; margin-bottom: 1%; background-color: #f8ba01; } } letter-spacing: 3px .alist .apager .disabled, .alist.stories .apager .disabled a { .subtitle .filter, .subtitle .filter-title { font-stretch: condensed; .alist.stories.list.search .item .poster:hover { } .aframe.also-like .poster > a { } font-weight: normal; } } .alist.experience.list .item .poster:after { background-color: #242424 display: flex; position: relative height: 100%; font-size: 1.2rem; @media ( max-width: 992px) { /* selected link */ position: relative; color: #000 } .aframe .content .inside { display: flex; } color: rgb(115,124,128); flex-direction: column; content: '\f078'; } @media(max-width: 320px) { } -o-transition: all 1s ease; letter-spacing: 2px @media (max-width:782px) { } text-transform: uppercase; margin: 0 font-size: 2.2rem; right: 0; float: none; } padding: 2px 4px 0 0 @media ( max-width: 550px) { max-height: 6.1rem; display: none; padding: 10px 20px; Welcome to the Navy Operational Support Center (NOSC) Saginaw's Facebook page. height: 20px font-size: 1.2rem; margin: 0 -15px; .afilter.dark .select-view span { @media ( max-width: 767px) { position: relative; display: flex; .adash.suggest .item:nth-child(odd) { padding-right: 2rem }*/ background: rgba(248, 184, 1, .3); left: 0 !important; } top: 0; .alist.stories.list.search header .maintitle { Attn: US Navy. text-align: center; } .social-inner a { background-color: #355E93; .alist.stories .item .poster { float: right; } line-height: 1.5em .aframe.also-like .poster:after { display: none } .adash.today .author-title:after { box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); .alist.stories .item time { color: #355E93; display: flex; } .afilter input, .afilter select { } background-color: rgba(0,0,0,.3); } } top: -35px; @media(max-width: 580px) { margin-bottom: 15px; line-height: 50px; font-weight: 600; font-size: 1.2rem; color: #333; align-items: center; padding: 10px 55px 10px 15px; list-style-type: none; overflow: hidden content: '\f31e'; .inline-popup #cboxOverlay { } .gallery #bannersection a { height: 560px top: 0; text-decoration: none margin-top: 0 .adash.suggest .info { text-shadow: 1px 1px 5px rgba(0,0,0,1); color: #003b4f; margin: 0 auto 30px; .media-inline-popup .action { margin: 2px border-radius: 4px; } z-index: 2; } color:#000; } }*/ .gallery .whitelinks a:visited { display: none; top: auto; .adetail .tags a, .adetail .tags a:link { } .adetail.done-state header.done { padding-bottom: 15px position: absolute; flex: 1 0 49%; .alist.experience.list .item.mosaic:hover { display: block; color: #f8ba01; font-size: 1.6rem; position: absolute; margin-bottom: 20px; } /* banner */ .adetail.during-state #omniquiz { .alist.stories.list .item .info .bar { .avideo-icon { .adetail .social-bottom { MARINENET: MarineNet provides access to libraries and online courses, and allows you to complete required and annual training without stepping into a classroom. font-size: 1rem font-family: "Font Awesome 5 Free"; } } .alist.experience.list .item .details .linktwo a:hover { .adash.today .poster .image { width: 0 !important; overflow: hidden; } padding: 0 0 0 1em; } } @media ( max-width: 500px) { .media-inline-popup.slideshow { line-height: 1.7em .alist.experience.list .item.mosaic .title:hover { overflow: hidden; .aframe.also-like.list h3 { max-height: 7.5rem .adash.today .box .body { .aframe.also-like .items { display: block; width: 100%; .afilter.dark .select-view.selected { display: inline-block; .alist.experience.list .item .taglist, .alist.experience.list .item .details { width: 100%; } color: #000; Chief of Information. display: none text-decoration: none; height: 50px; font-size: 17px .afilter .RadPicker_Default a.rcCalPopup::after { .gallery .image { font-family: 'Oswald', sans-serif; font-family: "Font Awesome 5 Free"; } } width: 100%; } } width: 100% !important; } font-size: 1.0rem; width: 100%; } .alist.experience.list .item:hover .storydate { background-size: 100% 100%; /* unvisited link */ height: 1px; display: none; transition: all .2s ease-in; } background-image: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,0)); content: ''; padding-top: 20px; font-weight: normal; text-align: center; text-transform: uppercase; text-shadow: 0 0 10px rgba(0,0,0,0.3) box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); background-image: none !important; font-size: 1.2rem; transition: background-color 350ms ease-out; display: none .adash.newsroom.alist.stories .item:last-child .info { flex-direction: row; }*/ } right: 15px; ul.tagit li.tagit-choice{ .alist.stories.list.search .item .avideo-icon { } } } -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); .alist.stories .item { } } position: absolute; .aframe.also-like .item.mobile:nth-child(even) .inner { @media(max-width: 580px) { /*ie11*/ A description of required initial training for the Specialty Area—generally a high school diploma and completion of Navy "A" school (for Navy enlisted). #backToTop:hover { .alist.stories.list.search .item .poster:hover .avideo-icon { padding: 0 10px; flex-direction: column; } } } justify-content: center; .alist.stories .item a.category { font-weight: normal left: 0; bottom: 0; background-color: #fff; width: auto; } .aframe.also-like .item:nth-child(4):not(.mosaic) .poster, padding: 10px; position: fixed !important; } padding-top: 2px; .adash.today .poster .image p.alt { font-weight: normal; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); } text-decoration: none; .aframe .body a:visited:not(.nlink) { font-weight: 500; margin-bottom: 5px } .aframe.also-like .item { content: '\f054'; border-radius: 10px; } .adetail .mejs__poster { /*width:105% !important; height:105% !important; top:-5px; bottom:-5px;right:-10px; left:-10px */ } line-height: 44px; .afilter { } } } font-weight: bold; font-weight: normal; .alist.stories .item .poster { flex-wrap: wrap; .adash.today .expander .button { LISTING .adash.suggest .poster-outer { } background-color: #f8ba01; .alist.experience.list .item:hover h3 a { } .aframe header.body a:visited:not(.nlink) { color: #fff; } line-height: 1.3em;