/* https://github.com/una/CSSgram */ /* The MIT License (MIT) Copyright (c) 2015 Una Kravets Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .aden{position:relative;-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden:after,.aden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{z-index:3}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.gingham::after,.perpetua::after,.reyes::after{mix-blend-mode:soft-light}.inkwell{position:relative;-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.inkwell:after,.inkwell:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.inkwell img{width:100%;z-index:1}.inkwell:before{z-index:2}.inkwell:after{z-index:3}.perpetua{position:relative}.perpetua:after,.perpetua:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{z-index:3}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);opacity:.5}.reyes{position:relative;-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes:after,.reyes:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{z-index:3}.reyes::after{background:#efcdad;opacity:.5}.gingham{position:relative;-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham:after,.gingham:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{z-index:3}.gingham::after{background:#e6e6fa}.toaster{position:relative;-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster:after,.toaster:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{z-index:3}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{position:relative;-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden:after,.walden:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{z-index:3}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{position:relative;-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson:after,.hudson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{z-index:3}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{position:relative;-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird:after,.earlybird:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{z-index:3}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{position:relative;-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair:after,.mayfair:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{z-index:3}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{position:relative;-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi:after,.lofi:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{z-index:3}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{position:relative;-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after,._1977:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977 img{width:100%;z-index:1}._1977:before{z-index:2}._1977:after{z-index:3;background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{position:relative;-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn:after,.brooklyn:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{z-index:3}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{position:relative;-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{z-index:3}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{position:relative;-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville:after,.nashville:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.nashville img{width:100%;z-index:1}.nashville:before{z-index:2}.nashville:after{z-index:3}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{position:relative;-webkit-filter:contrast(.9);filter:contrast(.9)}.lark:after,.lark:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{z-index:3}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{position:relative;-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon:after,.moon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{position:relative;-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}.clarendon:after,.clarendon:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.clarendon img{width:100%;z-index:1}.clarendon:before{z-index:2;background:rgba(127,187,227,.2);mix-blend-mode:overlay}.clarendon:after{z-index:3}.willow{position:relative;-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}.willow:after,.willow:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.willow img{width:100%;z-index:1}.willow:before{z-index:2}.willow:after{z-index:3}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{position:relative;-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise:after,.rise:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.rise img{width:100%;z-index:1}.rise:before{z-index:2}.rise:after{z-index:3}.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}.slumber{position:relative;-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}.slumber:after,.slumber:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.slumber img{width:100%;z-index:1}.slumber:before{z-index:2}.slumber:after{z-index:3}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.brannan{position:relative;-webkit-filter:sepia(.5) contrast(1.4);filter:sepia(.5) contrast(1.4)}.brannan:after,.brannan:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.brannan img{width:100%;z-index:1}.brannan:before{z-index:2}.brannan:after{z-index:3}.brannan::after{background-color:rgba(161,44,199,.31);mix-blend-mode:lighten}.valencia{position:relative;-webkit-filter:contrast(1.08) brightness(1.08) sepia(.08);filter:contrast(1.08) brightness(1.08) sepia(.08)}.valencia:after,.valencia:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.valencia img{width:100%;z-index:1}.valencia:before{z-index:2}.valencia:after{z-index:3}.valencia::after{background:#3a0339;mix-blend-mode:exclusion;opacity:.5}.kelvin{position:relative}.kelvin:after,.kelvin:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.kelvin img{width:100%;z-index:1}.kelvin:before{z-index:2}.kelvin:after{z-index:3}.kelvin::after{background:#b77d21;mix-blend-mode:overlay}.kelvin::before{background:#382c34;mix-blend-mode:color-dodge}.maven{position:relative;-webkit-filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5);filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5)}.maven:after,.maven:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.maven img{width:100%;z-index:1}.maven:before{z-index:2}.maven:after{z-index:3;background:rgba(3,230,26,.2);mix-blend-mode:hue}.stinson{position:relative;-webkit-filter:contrast(.75) saturate(.85) brightness(1.15);filter:contrast(.75) saturate(.85) brightness(1.15)}.stinson:after,.stinson:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}.stinson img{width:100%;z-index:1}.stinson:before{z-index:2}.stinson:after{z-index:3}.stinson::before{background:rgba(240,149,128,.2);mix-blend-mode:soft-light} #stacks_in_1100 { margin: 2px; padding: 2px; } #stacks_in_1117>.s3_row { margin: 0 -10px; } #stacks_in_1117>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1117>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1117>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_1117 { padding: 20px; } #stacks_in_1118 { padding: 17px; } /* @group CSS Reset */ #shareStackWrapperstacks_in_1118_876 *, #shareStackWrapperstacks_in_1118_876 *::after, #shareStackWrapperstacks_in_1118_876 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 { padding: 0; margin: 0; list-style: none; height: auto; overflow: auto; text-align: right; } #shareStackWrapperstacks_in_1118_876 [class^="fa fa-"] { line-height: 25px; color: inherit; } /* @end */ /* @group Positioning */ /* @group Absolute Positioning */ /* */ /* @end */ /* @group Fixed Positioning */ /* */ /* @end */ /* */ /* @group Relative Positioning */ #shareStackWrapperstacks_in_1118_876 { position: relative; width: 94%; } /* */ /* @end */ /* @end */ /* @group Buttons */ #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 li.shareStackItem { padding: 0; margin-bottom: 0px; margin-left: 6px; margin-right: 6px; margin-top: 0px; display: inline-block; text-align: center; font-size: 15px; width: 25px; height: 25px; line-height: 25px; cursor: pointer; position: relative; transition: opacity 300ms ease-in-out; border-radius: 100px; opacity: 0.99; list-style: none; overflow: hidden; } #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 li.shareStackItem:hover { opacity: 0.30; } #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 li.shareStackItem a { position: absolute; top: 0; left: 0; width: 50px; height: 50px; } /* @end */ /* @group Responsive */ #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 { display: none; } @media screen and (min-width: 380px) and (max-width: 100000px) { #shareStackWrapperstacks_in_1118_876 ul#shareStackArraystacks_in_1118_876 { display: block; } } /* @end */ /* @group Icons */ #shareStackWrapperstacks_in_1118_876 #shareStackItem-baidustacks_in_1118_876 { background: #FF4749; color: #0000ff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-bloggerstacks_in_1118_876 { background: #F3881F; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-deliciousstacks_in_1118_876 { background: #0c83e8; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-diggstacks_in_1118_876 { background: #000000; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-facebookstacks_in_1118_876 { background: #406fac; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-googleplusstacks_in_1118_876 { background: #e15540; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-linkedinstacks_in_1118_876 { background: #0182bd; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-livejournalstacks_in_1118_876 { background: #083B51; color: #9AECFF; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-myspacestacks_in_1118_876 { background: #032087; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-odnoklassnikistacks_in_1118_876 { background: #E76E23; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-pocketstacks_in_1118_876 { background: #DC2447; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-redditstacks_in_1118_876 { background: #d3e6f8; color: #000000; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-renrenstacks_in_1118_876 { background: #f5f5f5; color: #0164b4; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-stumbleuponstacks_in_1118_876 { background: #ed5328; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-telegramstacks_in_1118_876 { background: #32afed; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-tumblrstacks_in_1118_876 { background: #3c4f67; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-twitterstacks_in_1118_876 { background: #44A6FD; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-viadeostacks_in_1118_876 { background: #333333; color: #E88B25; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-vkontaktestacks_in_1118_876 { background: #557fab; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-weibostacks_in_1118_876 { background: #db2f2d; color: #ffffff; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-xingstacks_in_1118_876 { background: #D0D607; color: #0A5256; } /* Utility icons */ #shareStackWrapperstacks_in_1118_876 #shareStackItem-emailstacks_in_1118_876 { background: #cdcdcd; color: #333333; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-printstacks_in_1118_876 { background: #808080; color: #ffffff; } /* Custom Icons */ #shareStackWrapperstacks_in_1118_876 #shareStackItem-customonestacks_in_1118_876 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-customtwostacks_in_1118_876 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-customthreestacks_in_1118_876 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-customfourstacks_in_1118_876 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_1118_876 #shareStackItem-customfivestacks_in_1118_876 { background: #FF8000; color: #333333; } /* @end */ @media print { #shareStackWrapperstacks_in_1118_876 { display: none !important; } } /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1120 { margin: 20px; } #stacks_in_1121_button { display:block; position: relative; text-align: center; } #stacks_in_1121 a:link, #stacks_in_1121 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_1121 a:hover, #stacks_in_1121 a:active { color:#FFFFFF; } #stacks_in_1121 a:link, #stacks_in_1121 a:visited { background-color:#FF0000; background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#BF0000)); border:1px solid #BF0000; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_1121 a:hover { background-color:#FF0000; background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#A50000)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_1121 a:active { background-color:#FF0000; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_1654>.s3_row { margin: 0 -10px; } #stacks_in_1654>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1654>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1654>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1654>.s3_row { margin: -10px 0; } #stacks_in_1654>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* Start Notify stack CSS code */ #doonotify-notice-wrapper { position:fixed; top:20px; right:20px; width:301px; z-index:999999; } .doonotify-item-wrapper { position:relative; margin:0 0 10px 0; background:url('../files/notifyAssets/ie-spacer.gif'); /* ie7/8 fix */ } .doonotify-top { background:url(../files/notifyAssets/doonotify.png) no-repeat left -30px; height:10px; z-index:9999999; } .doonotify-item-wrapper { color:#eee !important; } .doonotify-item-wrapper p{ color:#eee !important; } .doonotify-item { display:block; background:rgba(0,0,0,0.8); padding:12px 11px 18px 11px; font-family:arial !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; } .hover .doonotify-item { padding:10px 11px 18px 9px; border: 2px solid #ffffff; } .stacks_in_1655hidden-image{ width: 48px; height: 48px; overflow: hidden; } .stacks_in_1655hidden-image img{ width: 100%; height: auto; } .doonotify-image { width:48px; height:48px; float:left; margin-right: 10px; overflow: hidden; } .doonotify-image img { width:100%; height:auto; } .doonotify-with-image, .doonotify-without-image { padding:0; } .doonotify-with-image { width:216px; float:left; } .doonotify-item p { padding:0; margin:0; word-wrap:break-word !important; font-size: 13px; font-weight: 400 !important; line-height: normal !important; } .doonotify-close { display:none; position:absolute; top:5px; left:3px; background:url(../files/notifyAssets/doonotify.png) no-repeat left top; cursor:pointer; width:30px; height:30px; text-indent:-9999em; z-index:9999999; } .doonotify-title { font-size:14px !important; line-height: normal !important; font-weight:bold !important; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ text-align: left; } /* for the light (white) version of the doonotify notice */ .doonotify-light .doonotify-item { background:rgba(255,255,255,0.8); color: #222 !important; } .doonotify-light p{ color: #222 !important; } .doonotify-light .doonotify-title { text-shadow: none; text-align: left; color: #222 !important; } .doonotify-light .doonotify-item:hover { border: 2px solid #2d2d2d; color: #222 !important; } .stacks_in_1655clear{ clear:both; height: 0; margin: 0; padding: 0; } @media all and (max-width: 1024px) { .doonotify-close { display:block; left:100%; margin-left: -32px; } #doonotify-notice-wrapper { position:fixed; top:0px; left:0px; width:100%; } .doonotify-item, .doonotify-light .doonotify-item { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .hover .doonotify-item { padding:12px 11px 18px 11px; border: none; } .doonotify-light .doonotify-item:hover { padding:12px 11px 18px 11px; border: none; } } /* end media query */ /* ####################################### */ /* Edit Mode Theme Style */ /* ####################################### */ /* ####################################### */ /* If not edit mode below */ /* ####################################### */ #stacks_in_1655 div{ display: none; height: 0; margin: 0; padding: 0; } /* End Notify stack CSS code */ #stacks_in_1127 { margin: 10px; padding: 10px; } /* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_1348 *, #socialPopupTriggerButtonstacks_in_1348 *::after, #socialPopupTriggerButtonstacks_in_1348 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_1348 { position: fixed; top: 10.00%; left: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_1348 { display: none; } #socialPopupTriggerButtonstacks_in_1348 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_1348 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_1348 #socialPopupTriggerButtonBorderstacks_in_1348 { border: 2px solid #CDCDCD; background: #FFFFFF; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 40px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1348:hover #socialPopupTriggerButtonBorderstacks_in_1348 { border: 2px solid #999999; background: #FFFFFF; } #socialPopupTriggerButtonstacks_in_1348:hover #socialPopupTriggerButtonBorderstacks_in_1348 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_1348 #socialPopupTriggerButtonIconstacks_in_1348 [class^="fa fa-"] { color: #333333; font-size: 30px; line-height: 40px; width: 40px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1348:hover #socialPopupTriggerButtonBorderstacks_in_1348 [class^="fa fa-"] { color: #333333; } #socialPopupTriggerButtonstacks_in_1348 #socialPopupTriggerButtonTextstacks_in_1348 { color: #333333; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 40px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1348:hover #socialPopupTriggerButtonTextstacks_in_1348 { max-width: 300px; color: #333333; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.90; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_1348 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1348 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_1348 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_1348 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_1348 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_1348 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_1348 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1348 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1348 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1348 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_1348 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_1348 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_1348 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_1348 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FFFFFF; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_1348 [class^="fa fa-"] { color: #FFFFFF; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_1348:hover, #sociableCloseButtonstacks_in_1348:hover [class^="fa fa-"] { color: #CDCDCD; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_1348 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_1348 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_1348 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 15px; text-align: center; line-height: 1.50em; font-size: 14px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 15px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 15px; padding-top: 15px; font-size: 14px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: none; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_1348, #socialPopupModalOverlaystacks_in_1348, #socialPopupTriggerButtonstacks_in_1348 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1688 { margin: 3px; padding: 3px; } #stacks_in_1689>.s3_row { margin: 0 -10px; } #stacks_in_1689>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_1689>.s3_row { margin: -10px 0; } #stacks_in_1689>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_1689>.s3_row { margin: -10px 0; } #stacks_in_1689>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1689 { margin: 12px; padding: 12px; } /* @group ImageWizard Basic Styling */ #imageWizardstacks_in_1700 { position: relative; display: block; padding: 0; margin: 0; box-shadow: none; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; } #imageWizardInnerstacks_in_1700 { position: relative; } #imageWizardstacks_in_1700 img { display: block; max-width: 100%; width: auto; height: auto; padding: 0; border: none; outline: none; overflow: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0 auto; } /* @end */ /* @group Hyperlink */ /* */ #imageWizardLinkstacks_in_1700 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('../files/imageWizardAssets/glass.gif') repeat; z-index: 100; } #imageWizardLinkstacks_in_1700 a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 102; outline: none; } #linkIconstacks_in_1700 { display: block; width: 100%; height: 100%; position: absolute; text-align: center; top: 0; left: 0; z-index: 101; } #linkIconstacks_in_1700 [class^="fa fa-"] { color: #ffffff; font-size: 50px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.99; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1700:hover #linkIconstacks_in_1700 [class^="fa fa-"] { opacity: 0.50; } #linkShadestacks_in_1700 { background: #000000; opacity: 0.0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1700:hover #linkShadestacks_in_1700 { opacity: 0.0; } /* */ /* @end */ /* @group Captions */ /* */ /* @end */ /* @group Box shadow */ /* */ /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #imageWizardstacks_in_1700 img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } #imageWizardstacks_in_1700:hover img { -webkit-transform: scale(1.50); -moz-transform: scale(1.50); -o-transform: scale(1.50); -ms-transform: scale(1.50); transform: scale(1.50); } /* */ /* @group Pinterest Sharing */ /* */ /* @end */ /* @group Inset Shadow */ /* */ /* @end */ /* @group Copy Protection */ /* */ /* @end */ /* @group Image Blackout */ /* */ /* @end */ /* @group Scroll Fade */ /* */ /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1700 { border: solid rgba(251, 2, 7, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* @group ImageWizard Basic Styling */ #imageWizardstacks_in_1697 { position: relative; display: block; padding: 0; margin: 0; box-shadow: none; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; } #imageWizardInnerstacks_in_1697 { position: relative; } #imageWizardstacks_in_1697 img { display: block; max-width: 100%; width: auto; height: auto; padding: 0; border: none; outline: none; overflow: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0 auto; } /* @end */ /* @group Hyperlink */ /* */ #imageWizardLinkstacks_in_1697 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('../files/imageWizardAssets/glass.gif') repeat; z-index: 100; } #imageWizardLinkstacks_in_1697 a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 102; outline: none; } #linkIconstacks_in_1697 { display: block; width: 100%; height: 100%; position: absolute; text-align: center; top: 0; left: 0; z-index: 101; } #linkIconstacks_in_1697 [class^="fa fa-"] { color: #ffffff; font-size: 50px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.99; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1697:hover #linkIconstacks_in_1697 [class^="fa fa-"] { opacity: 0.50; } #linkShadestacks_in_1697 { background: #000000; opacity: 0.0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1697:hover #linkShadestacks_in_1697 { opacity: 0.0; } /* */ /* @end */ /* @group Captions */ /* */ /* @end */ /* @group Box shadow */ /* */ /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #imageWizardstacks_in_1697 img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } #imageWizardstacks_in_1697:hover img { -webkit-transform: scale(1.50); -moz-transform: scale(1.50); -o-transform: scale(1.50); -ms-transform: scale(1.50); transform: scale(1.50); } /* */ /* @group Pinterest Sharing */ /* */ /* @end */ /* @group Inset Shadow */ /* */ /* @end */ /* @group Copy Protection */ /* */ /* @end */ /* @group Image Blackout */ /* */ /* @end */ /* @group Scroll Fade */ /* */ /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1697 { border: solid rgba(251, 2, 7, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* @group ImageWizard Basic Styling */ #imageWizardstacks_in_1694 { position: relative; display: block; padding: 0; margin: 0; box-shadow: none; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; } #imageWizardInnerstacks_in_1694 { position: relative; } #imageWizardstacks_in_1694 img { display: block; max-width: 100%; width: auto; height: auto; padding: 0; border: none; outline: none; overflow: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0 auto; } /* @end */ /* @group Hyperlink */ /* */ #imageWizardLinkstacks_in_1694 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('../files/imageWizardAssets/glass.gif') repeat; z-index: 100; } #imageWizardLinkstacks_in_1694 a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 102; outline: none; } #linkIconstacks_in_1694 { display: block; width: 100%; height: 100%; position: absolute; text-align: center; top: 0; left: 0; z-index: 101; } #linkIconstacks_in_1694 [class^="fa fa-"] { color: #ffffff; font-size: 82px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.99; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1694:hover #linkIconstacks_in_1694 [class^="fa fa-"] { opacity: 0.50; } #linkShadestacks_in_1694 { background: #000000; opacity: 0.0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1694:hover #linkShadestacks_in_1694 { opacity: 0.0; } /* */ /* @end */ /* @group Captions */ /* */ /* @end */ /* @group Box shadow */ /* */ #imageWizardstacks_in_1694 { margin: 0px; box-shadow: 4px 4px 5px rgba(153, 153, 153, 1.00); transition: all ease-in-out 300ms; } #imageWizardstacks_in_1694:hover { margin: 0px; box-shadow: 4px 4px 5px rgba(85, 85, 85, 1.00); } /* */ /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #imageWizardstacks_in_1694 img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } #imageWizardstacks_in_1694:hover img { -webkit-transform: scale(1.50); -moz-transform: scale(1.50); -o-transform: scale(1.50); -ms-transform: scale(1.50); transform: scale(1.50); } /* */ /* @group Pinterest Sharing */ /* */ /* @end */ /* @group Inset Shadow */ /* */ /* @end */ /* @group Copy Protection */ /* */ /* @end */ /* @group Image Blackout */ /* */ /* @end */ /* @group Scroll Fade */ /* */ /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1694 { border: solid rgba(251, 2, 7, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* @group ImageWizard Basic Styling */ #imageWizardstacks_in_1691 { position: relative; display: block; padding: 0; margin: 0; box-shadow: none; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; } #imageWizardInnerstacks_in_1691 { position: relative; } #imageWizardstacks_in_1691 img { display: block; max-width: 100%; width: auto; height: auto; padding: 0; border: none; outline: none; overflow: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0 auto; } /* @end */ /* @group Hyperlink */ /* */ #imageWizardLinkstacks_in_1691 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('../files/imageWizardAssets/glass.gif') repeat; z-index: 100; } #imageWizardLinkstacks_in_1691 a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 102; outline: none; } #linkIconstacks_in_1691 { display: block; width: 100%; height: 100%; position: absolute; text-align: center; top: 0; left: 0; z-index: 101; } #linkIconstacks_in_1691 [class^="fa fa-"] { color: #ffffff; font-size: 82px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.99; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1691:hover #linkIconstacks_in_1691 [class^="fa fa-"] { opacity: 0.50; } #linkShadestacks_in_1691 { background: #000000; opacity: 0.0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; transition: all 300ms ease-in-out; } #imageWizardstacks_in_1691:hover #linkShadestacks_in_1691 { opacity: 0.0; } /* */ /* @end */ /* @group Captions */ /* */ /* @end */ /* @group Box shadow */ /* */ #imageWizardstacks_in_1691 { margin: 0px; box-shadow: 4px 4px 5px rgba(153, 153, 153, 1.00); transition: all ease-in-out 300ms; } #imageWizardstacks_in_1691:hover { margin: 0px; box-shadow: 4px 4px 5px rgba(85, 85, 85, 1.00); } /* */ /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #imageWizardstacks_in_1691 img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } #imageWizardstacks_in_1691:hover img { -webkit-transform: scale(1.50); -moz-transform: scale(1.50); -o-transform: scale(1.50); -ms-transform: scale(1.50); transform: scale(1.50); } /* */ /* @group Pinterest Sharing */ /* */ /* @end */ /* @group Inset Shadow */ /* */ /* @end */ /* @group Copy Protection */ /* */ /* @end */ /* @group Image Blackout */ /* */ /* @end */ /* @group Scroll Fade */ /* */ /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_1691 { border: solid rgba(251, 2, 7, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1662 { margin: 10px; padding: 10px; } #stacks_in_1664 { margin: 10px; padding: 10px; } #stacks_in_1096 { margin: 2px; padding: 2px; } #stacks_in_1645>.s3_row { margin: 0 -10px; } #stacks_in_1645>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1645>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1645>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1645>.s3_row { margin: -10px 0; } #stacks_in_1645>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1650_button { display:block; position: relative; text-align: center; } #stacks_in_1650 a:link, #stacks_in_1650 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_1650 a:hover, #stacks_in_1650 a:active { color:#FFFFFF; } #stacks_in_1650 a:link, #stacks_in_1650 a:visited { background-color:#FF0208; background: -webkit-gradient(linear, left top, left bottom, from(#FF0208), to(#BC0105)); border:1px solid #BC0105; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_1650 a:hover { background-color:#FF0209; background: -webkit-gradient(linear, left top, left bottom, from(#FF0209), to(#A30104)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_1650 a:active { background-color:#FF0208; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_1652_button { display:block; position: relative; text-align: center; } #stacks_in_1652 a:link, #stacks_in_1652 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_1652 a:hover, #stacks_in_1652 a:active { color:#FFFFFF; } #stacks_in_1652 a:link, #stacks_in_1652 a:visited { background-color:#FF0208; background: -webkit-gradient(linear, left top, left bottom, from(#FF0208), to(#BC0105)); border:1px solid #BC0105; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_1652 a:hover { background-color:#FF0209; background: -webkit-gradient(linear, left top, left bottom, from(#FF0209), to(#A30104)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_1652 a:active { background-color:#FF0208; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_1648 { margin: 12px; padding: 12px; } /* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */ /* @group resets */ .jp-interface *, .jp-interface *:before, .jp-interface *:after { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; } .jp-controls button, .jp-controls.button, .jp-toggles button, .jp-toggles.button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; -webkit-appearance: none; display: block; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: inherit; border-color: transparent; background: transparent; } .jp-controls button:hover, .jp-controls.button:hover{ background: ; } .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus {outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {border: 0} .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; } #jp_container_stacks_in_1597 { background: #333333; color: #333333; border: 1px solid #333333; border-radius: 2px; } .jp-audio, .jp-video { width: calc(100% - 2px); } .jp-video .jp-gui { /*border-top: 1px solid red; */ } .jp-audio-stream { width: 182px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-interface, .jp-video .jp-interface { height: 77px; } .jp-audio-stream .jp-interface { height: 77px; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; position: relative; overflow: hidden; top: 0; left: 0; } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-video .jp-controls { width: 100%; padding: 20px 20px 7px 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer; } #jp_container_stacks_in_1597 .jp-play { width: 48px; height: 48px; top: -5px; background: #FF0000!important; border: 1px solid #333333!important; border-radius: 40%!important; } #jp_container_stacks_in_1597 .jp-play-button { position: absolute; top: 13px!important; left: 15px!important; margin: 0!important; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #D0D0D0; } .jp-pause-button-a{ position: absolute; top: 14px!important; left: 14px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } .jp-pause-button-b{ position: absolute; top: 14px!important; left: 26px!important; margin: 0!important; display: none; opacity: 1; width: 0!important; height: 19px; background: #2c3e50; border-left-style: solid; border-left-width: 6px!important; } #jp_container_stacks_in_1597 .jp-pause-button-a, #jp_container_stacks_in_1597 .jp-pause-button-b{ border-left-color: #D0D0D0!important; } .jpRwFfGroup_stacks_in_1597{ margin-left: calc(100% - 30px); width: 80px; padding: 0; } .jp-previous, .jp-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); overflow: hidden; background: none; } .jp-audio .jp-audio-previous, .jp-audio .jp-audio-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-video .jp-video-previous, .jp-video .jp-video-next { width: 28px; height: 17px; top: 10px; left: calc(100% - 100px); border: none; overflow: hidden; background: none; } .jp-previous { margin-left: 160px; } .jp-next{ margin-left: 2px; } .jp-audio .jp-audio-previous, .jp-audio-next { top: 11px; left: calc(100% - 100px); } .jp-video .jp-video-previous, .jp-video .jp-video-next { top: 11px; left: calc(100% - 120px); } .jp-audio .jp-audio-next{ margin-top: 1px; } .jp-video .jp-previous, .jp-video .jp-next { top: 11px; left: calc(100% - 120px); } .jp-previous:focus {} .jp-next {} .jp-next:focus {} #jp_container_stacks_in_1597 .jp-previous-button-a{ margin: -18px -10px 0 0; width: 3px; height: 12px; border-right: 3px solid #D0D0D0; } #jp_container_stacks_in_1597 .jp-previous-button-b{ margin: -12px 10px 0 4px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #D0D0D0 transparent transparent; } #jp_container_stacks_in_1597 .jp-previous-button-c{ margin: -12px 10px 0 12px; width: 0; height: 0; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #D0D0D0 transparent transparent; } #jp_container_stacks_in_1597 .jp-next-button-a{ margin: -18px 10px 0 2px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #D0D0D0; } #jp_container_stacks_in_1597 .jp-next-button-b{ margin: -12px 0px 0 10px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #D0D0D0; } #jp_container_stacks_in_1597 .jp-next-button-c{ margin: -12px 0px 0 18px; width: 2px; height: 12px; border-left: 3px solid #D0D0D0; } .jp-play:focus {} .jp-state-playing .jp-play-button {display: none;} .jp-state-playing .jp-pause-button-a, .jp-state-playing .jp-pause-button-b {display: block;} .jp-state-playing .jp-play:focus {} .jp-previous:focus {} .jp-next {} .jp-next:focus {} /* @end */ /* @group progress bar */ #jp_container_stacks_in_1597 .jp-progress { overflow: hidden; background-color: #D0D0D0; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-video .jp-progress { top: 0; margin-top: -43px; margin-left: 90px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 136px; } .jp-video .jp-type-single .jp-progress { left: 110px; width: 136px; } /*include buttons?*/ .jp-audio .jp-type-playlist .jp-progress { left: 90px; width: calc(100% - 180px); } .jp-video .jp-type-playlist .jp-progress { left: 120px; width: calc(100% - 180px); } /*seek bar*/ #jp_container_stacks_in_1597 .jp-seek-bar { background: #D0D0D0; width: 200px; height: 100%; cursor: pointer; } #jp_container_stacks_in_1597 .jp-play-bar { background: #FF0000; left: -200px; width: 0px; height: 100%; z-index: 999; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; height: 20px; } .jp-video .jp-time-holder { margin-top: 3px; margin-left: 70px; height: 20px; } .jp-audio .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } .jp-video .jp-type-single .jp-time-holder { left: 120px; width: calc(100% - 180px); } /*rw ff buttons + time holder*/ .jp-audio .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 180px); height: 20px; overflow: hidden; } .jp-video .jp-type-playlist .jp-time-holder { left: 90px; width: calc(100% - 90px); height: 20px; overflow: hidden; } .jp-video .jp-progress { width: calc(100% - 210px)!important; margin-left: 90px; } .jp-video .jp-duration { margin-right: 98px; } /* @end */ /* @group time + duration */ .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-audio .jp-duration{ margin-right: 0px; } .jp-video .jp-current-time { margin-left: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } #jp_container_stacks_in_1597 .jp-details, #jp_container_stacks_in_1597 .jp-playlist { width: 100%; background-color: #333333; border-top: 1px solid #333333; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #333333; } .jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover {} div.jp-type-playlist div.jp-playlist a.jp-playlist-current {} div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; } .jp-playlist-item {color: #CCCCCC!important} .jp-playlist-item:hover {color: #FB0207!important} div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a {} div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {} span.jp-artist { font-size: .8em; color: #666; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer {} .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ /* @group Seeking */ #jp_container_stacks_in_1597 .jp-seeking-bg { background: #eee; } /* @end */ /* @group Fullscreen */ .jp-video-270p { width: 100%!important; max-width: 480px; height: auto; overflow: hidden; } .jp-video-360p { width: 100%!important; max-width: 640px; height: auto; overflow: hidden; } .jp-video-full { width: 480px; height: 270px; position: static !important; position: relative; } .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } .jp-full-screen{width: 20px; height: 20px;} .jp-toggles { position: absolute; padding: 0; margin: 0; width: 20px; height: 20px; top: 31px; right: 10px; } .jp-toggles button { display: block; background: transparent; text-indent: -9999px; line-height: 100%; cursor: pointer; } .jp-arrow { position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; margin: 0; border-color: #D0D0D0; border-style: solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jp-video .jp-toggles:hover .jp-arrow { border-color: #D0D0D0; } .jp-fullscreen-button-a { top: 0; left: 0; margin: 0; border-width: 2px 0 0 2px; } .jp-fullscreen-button-b { bottom: 0; left: 12px; margin: 0; border-width: 0 2px 2px 0px; } .jp-fullscreen-button-c { bottom: 0; left: 0; margin: 0; border-width: 0 0 2px 2px; } .jp-fullscreen-button-d { top: 0; left: 12px; margin: 0; border-width: 2px 2px 0 0; } .video-360p { width: 640px; height: 360px } .video-270p { width: 480px; height: 270px } .video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } /* @end */ #stacks_in_1597 { background-color: rgba(51, 51, 51, 1.00); border: solid rgba(51, 51, 51, 1.00); border-width: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1094 { margin: 20px; padding: 20px; } #stacks_in_1092 { margin: 20px; padding: 20px; } #stacks_in_1373_button { display:block; position: relative; text-align: center; } #stacks_in_1373 a:link, #stacks_in_1373 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_1373 a:hover, #stacks_in_1373 a:active { color:#FFFFFF; } #stacks_in_1373 a:link, #stacks_in_1373 a:visited { background-color:#FF0208; background: -webkit-gradient(linear, left top, left bottom, from(#FF0208), to(#BC0105)); border:1px solid #BC0105; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_1373 a:hover { background-color:#FF0209; background: -webkit-gradient(linear, left top, left bottom, from(#FF0209), to(#A30104)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_1373 a:active { background-color:#FF0208; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_1090 { margin: 20px; padding: 20px; } #stacks_in_1088 { margin: 20px; padding: 20px; }