timeline.css 72 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661
  1. /*
  2. TimelineJS - ver. 2.26.2 - 2013-10-07
  3. Copyright (c) 2012-2013 Northwestern University
  4. a project of the Northwestern University Knight Lab, originally created by Zach Wise
  5. https://github.com/NUKnightLab/TimelineJS
  6. This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  7. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
  8. */
  9. .vco-storyjs div * {
  10. -webkit-box-sizing:content-box;
  11. -moz-box-sizing:content-box;
  12. box-sizing:content-box;
  13. }
  14. .vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6,.vco-storyjs p,.vco-storyjs blockquote,.vco-storyjs pre,.vco-storyjs a,.vco-storyjs abbr,.vco-storyjs acronym,.vco-storyjs address,.vco-storyjs cite,.vco-storyjs code,.vco-storyjs del,.vco-storyjs dfn,.vco-storyjs em,.vco-storyjs img,.vco-storyjs q,.vco-storyjs s,.vco-storyjs samp,.vco-storyjs small,.vco-storyjs strike,.vco-storyjs strong,.vco-storyjs sub,.vco-storyjs sup,.vco-storyjs tt,.vco-storyjs var,.vco-storyjs dd,.vco-storyjs dl,.vco-storyjs dt,.vco-storyjs li,.vco-storyjs ol,.vco-storyjs ul,.vco-storyjs fieldset,.vco-storyjs form,.vco-storyjs label,.vco-storyjs legend,.vco-storyjs button,.vco-storyjs table,.vco-storyjs caption,.vco-storyjs tbody,.vco-storyjs tfoot,.vco-storyjs thead,.vco-storyjs tr,.vco-storyjs th,.vco-storyjs td,.vco-storyjs .vco-container,.vco-storyjs .content-container,.vco-storyjs .media,.vco-storyjs .text,.vco-storyjs .vco-slider,.vco-storyjs .slider,.vco-storyjs .date,.vco-storyjs .title,.vco-storyjs .messege,.vco-storyjs .map,.vco-storyjs .credit,.vco-storyjs .caption,.vco-storyjs .vco-feedback,.vco-storyjs .vco-feature,.vco-storyjs .toolbar,.vco-storyjs .marker,.vco-storyjs .dot,.vco-storyjs .line,.vco-storyjs .flag,.vco-storyjs .time,.vco-storyjs .era,.vco-storyjs .major,.vco-storyjs .minor,.vco-storyjs .vco-navigation,.vco-storyjs .start,.vco-storyjs .active {
  15. border:0;
  16. font-weight:300;
  17. font-style:normal;
  18. font-size:100%;
  19. line-height:1;
  20. font-family:inherit;
  21. width:auto;
  22. float:none;
  23. margin:0;
  24. padding:0;
  25. }
  26. .vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6 {
  27. clear:none;
  28. font-weight:300;
  29. color:#555555;
  30. text-transform:none;
  31. }
  32. .vco-storyjs table {
  33. border-collapse:collapse;
  34. border-spacing:0;
  35. }
  36. .vco-storyjs ol,.vco-storyjs ul {
  37. list-style:none;
  38. }
  39. .vco-storyjs q:before,.vco-storyjs q:after,.vco-storyjs blockquote:before,.vco-storyjs blockquote:after {
  40. content:"";
  41. }
  42. .vco-storyjs a:focus {
  43. outline:thin dotted;
  44. }
  45. .vco-storyjs a:hover,.vco-storyjs a:active {
  46. outline:0;
  47. }
  48. .vco-storyjs audio,.vco-storyjs canvas,.vco-storyjs video {
  49. display:inline;
  50. zoom:1;
  51. }
  52. .vco-storyjs div {
  53. max-width:none;
  54. }
  55. .vco-storyjs sub,.vco-storyjs sup {
  56. font-size:75%;
  57. line-height:0;
  58. position:relative;
  59. vertical-align:baseline;
  60. }
  61. .vco-storyjs sup {
  62. top:-.5em;
  63. }
  64. .vco-storyjs sub {
  65. bottom:-.25em;
  66. }
  67. .vco-storyjs img {
  68. -ms-interpolation-mode:bicubic;
  69. max-height:100%;
  70. border:1px solid #999;
  71. }
  72. .vco-storyjs button,.vco-storyjs input,.vco-storyjs select,.vco-storyjs textarea {
  73. font-size:100%;
  74. vertical-align:middle;
  75. margin:0;
  76. }
  77. .vco-storyjs button,.vco-storyjs input {
  78. line-height:normal;
  79. overflow:visible;
  80. }
  81. .vco-storyjs button::-moz-focus-inner,.vco-storyjs input::-moz-focus-inner {
  82. border:0;
  83. padding:0;
  84. }
  85. .vco-storyjs button,.vco-storyjs input[type="button"],.vco-storyjs input[type="reset"],.vco-storyjs input[type="submit"] {
  86. cursor:pointer;
  87. -webkit-appearance:button;
  88. }
  89. .vco-storyjs input[type="search"] {
  90. -webkit-appearance:textfield;
  91. -webkit-box-sizing:content-box;
  92. -moz-box-sizing:content-box;
  93. box-sizing:content-box;
  94. }
  95. .vco-storyjs input[type="search"]::-webkit-search-decoration {
  96. -webkit-appearance:none;
  97. }
  98. .vco-storyjs textarea {
  99. overflow:auto;
  100. vertical-align:top;
  101. }
  102. .vco-storyjs {
  103. font-family: 'Open Sans'
  104. font-size:15px;
  105. font-weight:400;
  106. line-height:20px;
  107. -webkit-font-smoothing:antialiased;
  108. -webkit-text-size-adjust:100%;
  109. width:100%;
  110. height:100%;
  111. background-color:#fff;
  112. position:absolute;
  113. z-index:100;
  114. clear:both;
  115. overflow:hidden;
  116. margin:0;
  117. padding:0;
  118. }
  119. .vco-storyjs h1.date,.vco-storyjs h2.date,.vco-storyjs h3.date,.vco-storyjs h4.date,.vco-storyjs h5.date,.vco-storyjs h6.date {
  120. font-weight:700;
  121. }
  122. .vco-storyjs p,.vco-storyjs blockquote,.vco-storyjs blockquote p,.vco-storyjs .twitter blockquote p {
  123. }
  124. .vco-storyjs .vco-feature h1,.vco-storyjs .vco-feature h2,.vco-storyjs .vco-feature h3,.vco-storyjs .vco-feature h4,.vco-storyjs .vco-feature h5,.vco-storyjs .vco-feature h6 {
  125. }
  126. .timeline-tooltip {
  127. position:absolute;
  128. z-index:205;
  129. display:block;
  130. visibility:visible;
  131. opacity:0;
  132. filter:alpha(opacity=0);
  133. font-weight:700;
  134. font-size:12px;
  135. line-height:12px;
  136. padding:5px;
  137. }
  138. .thumbnail {
  139. background-image:url(timeline.png?v4.4);
  140. }
  141. .vco-storyjs p {
  142. font-size:15px;
  143. font-weight:400;
  144. line-height:20px;
  145. margin-bottom:20px;
  146. color:#666;
  147. }
  148. .vco-storyjs p small {
  149. font-size:12px;
  150. line-height:17px;
  151. }
  152. .vco-storyjs p:first-child {
  153. margin-top:20px;
  154. }
  155. .vco-storyjs .vco-feature h3,.vco-storyjs .vco-feature h4,.vco-storyjs .vco-feature h5,.vco-storyjs .vco-feature h6 {
  156. margin-bottom:15px;
  157. }
  158. .vco-storyjs h2.start {
  159. font-size:36px;
  160. line-height:38px;
  161. margin-bottom:15px;
  162. }
  163. .vco-storyjs h1 {
  164. margin-bottom:15px;
  165. font-size:32px;
  166. line-height:34px;
  167. }
  168. .vco-storyjs h1 small {
  169. font-size:18px;
  170. }
  171. .vco-storyjs h2 {
  172. margin-bottom:15px;
  173. font-size:28px;
  174. line-height:30px;
  175. }
  176. .vco-storyjs h2 small {
  177. font-size:14px;
  178. line-height:16px;
  179. }
  180. .vco-storyjs h2.date {
  181. font-size:16px;
  182. line-height:18px;
  183. margin-bottom:3.75px;
  184. color:#999;
  185. }
  186. .vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6 {
  187. line-height:40px;
  188. }
  189. .vco-storyjs h3 {
  190. font-size:28px;
  191. line-height:30px;
  192. }
  193. .vco-storyjs h3 small {
  194. font-size:14px;
  195. }
  196. .vco-storyjs h4 {
  197. font-size:20px;
  198. line-height:22px;
  199. }
  200. .vco-storyjs h4 small {
  201. font-size:12px;
  202. }
  203. .vco-storyjs h5 {
  204. font-size:16px;
  205. line-height:18px;
  206. }
  207. .vco-storyjs h6 {
  208. font-size:13px;
  209. line-height:14px;
  210. text-transform:uppercase;
  211. }
  212. .vco-storyjs strong {
  213. font-weight:700;
  214. font-style:inherit;
  215. }
  216. .vco-storyjs em {
  217. font-style:italic;
  218. font-weight:inherit;
  219. }
  220. .vco-storyjs Q {
  221. quotes:„ “;
  222. font-style:italic;
  223. }
  224. .vco-storyjs blockquote,.vco-storyjs blockquote p {
  225. font-size:24px;
  226. line-height:32px;
  227. text-align:left;
  228. margin-bottom:6px;
  229. padding-top:10px;
  230. background-color:#fff;
  231. color:#000;
  232. }
  233. .vco-storyjs .credit {
  234. color:#999;
  235. text-align:right;
  236. font-size:10px;
  237. line-height:10px;
  238. display:block;
  239. clear:both;
  240. margin:0 auto;
  241. }
  242. .vco-storyjs .caption {
  243. text-align:left;
  244. margin-top:5px;
  245. color:#666;
  246. font-size:11px;
  247. line-height:14px;
  248. clear:both;
  249. }
  250. .vco-storyjs.vco-right-to-left h1,.vco-storyjs.vco-right-to-left h2,.vco-storyjs.vco-right-to-left h3,.vco-storyjs.vco-right-to-left h4,.vco-storyjs.vco-right-to-left h5,.vco-storyjs.vco-right-to-left h6,.vco-storyjs.vco-right-to-left p,.vco-storyjs.vco-right-to-left blockquote,.vco-storyjs.vco-right-to-left pre,.vco-storyjs.vco-right-to-left a,.vco-storyjs.vco-right-to-left abbr,.vco-storyjs.vco-right-to-left acronym,.vco-storyjs.vco-right-to-left address,.vco-storyjs.vco-right-to-left cite,.vco-storyjs.vco-right-to-left code,.vco-storyjs.vco-right-to-left del,.vco-storyjs.vco-right-to-left dfn,.vco-storyjs.vco-right-to-left em,.vco-storyjs.vco-right-to-left img,.vco-storyjs.vco-right-to-left q,.vco-storyjs.vco-right-to-left s,.vco-storyjs.vco-right-to-left samp,.vco-storyjs.vco-right-to-left small,.vco-storyjs.vco-right-to-left strike,.vco-storyjs.vco-right-to-left strong,.vco-storyjs.vco-right-to-left sub,.vco-storyjs.vco-right-to-left sup,.vco-storyjs.vco-right-to-left tt,.vco-storyjs.vco-right-to-left var,.vco-storyjs.vco-right-to-left dd,.vco-storyjs.vco-right-to-left dl,.vco-storyjs.vco-right-to-left dt,.vco-storyjs.vco-right-to-left li,.vco-storyjs.vco-right-to-left ol,.vco-storyjs.vco-right-to-left ul,.vco-storyjs.vco-right-to-left fieldset,.vco-storyjs.vco-right-to-left form,.vco-storyjs.vco-right-to-left label,.vco-storyjs.vco-right-to-left legend,.vco-storyjs.vco-right-to-left button,.vco-storyjs.vco-right-to-left table,.vco-storyjs.vco-right-to-left caption,.vco-storyjs.vco-right-to-left tbody,.vco-storyjs.vco-right-to-left tfoot,.vco-storyjs.vco-right-to-left thead,.vco-storyjs.vco-right-to-left tr,.vco-storyjs.vco-right-to-left th,.vco-storyjs.vco-right-to-left td {
  251. direction:rtl;
  252. }
  253. .timeline-tooltip.in {
  254. opacity:.8;
  255. filter:alpha(opacity=80);
  256. }
  257. .timeline-tooltip.top {
  258. margin-top:-2px;
  259. }
  260. .timeline-tooltip.right {
  261. margin-left:2px;
  262. }
  263. .timeline-tooltip.bottom {
  264. margin-top:2px;
  265. }
  266. .timeline-tooltip.left {
  267. margin-left:-2px;
  268. }
  269. .timeline-tooltip.top .timeline-tooltip-arrow {
  270. bottom:0;
  271. left:50%;
  272. margin-left:-5px;
  273. border-left:5px solid transparent;
  274. border-right:5px solid transparent;
  275. border-top:5px solid #000;
  276. }
  277. .timeline-tooltip.left .timeline-tooltip-arrow {
  278. top:50%;
  279. right:0;
  280. margin-top:-5px;
  281. border-top:5px solid transparent;
  282. border-bottom:5px solid transparent;
  283. border-left:5px solid #000;
  284. }
  285. .timeline-tooltip.bottom .timeline-tooltip-arrow {
  286. top:0;
  287. left:50%;
  288. margin-left:-5px;
  289. border-left:5px solid transparent;
  290. border-right:5px solid transparent;
  291. border-bottom:5px solid #000;
  292. }
  293. .timeline-tooltip.right .timeline-tooltip-arrow {
  294. top:50%;
  295. left:0;
  296. margin-top:-5px;
  297. border-top:5px solid transparent;
  298. border-bottom:5px solid transparent;
  299. border-right:5px solid #000;
  300. }
  301. .timeline-tooltip-inner {
  302. max-width:200px;
  303. color:#fff;
  304. text-align:center;
  305. text-decoration:none;
  306. background-color:#000;
  307. -webkit-border-radius:4px;
  308. -moz-border-radius:4px;
  309. border-radius:4px;
  310. padding:3px 8px;
  311. }
  312. .timeline-tooltip-arrow {
  313. position:absolute;
  314. width:0;
  315. height:0;
  316. }
  317. .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
  318. border:0;
  319. outline:none;
  320. vertical-align:top;
  321. margin:0;
  322. padding:0;
  323. }
  324. .fancybox-wrap {
  325. position:absolute;
  326. top:0;
  327. left:0;
  328. z-index:8020;
  329. }
  330. .fancybox-skin {
  331. position:relative;
  332. background:#fff;
  333. color:#444;
  334. text-shadow:none;
  335. }
  336. .fancybox-opened {
  337. z-index:8030;
  338. }
  339. .fancybox-opened .fancybox-skin {
  340. -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
  341. -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
  342. box-shadow:1px 1px 10px rgba(0,0,0,0.5);
  343. }
  344. .fancybox-inner {
  345. overflow:hidden;
  346. }
  347. .fancybox-type-iframe .fancybox-inner {
  348. -webkit-overflow-scrolling:touch;
  349. }
  350. .fancybox-error {
  351. color:#444;
  352. font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  353. white-space:nowrap;
  354. margin:0;
  355. padding:15px;
  356. }
  357. .fancybox-image,.fancybox-iframe {
  358. display:block;
  359. width:100%;
  360. height:100%;
  361. }
  362. .fancybox-image {
  363. max-width:100%;
  364. max-height:100%;
  365. }
  366. .fancybox-close,.fancybox-prev span,.fancybox-next span {
  367. background-image:url(fancybox_sprite.png);
  368. }
  369. #fancybox-loading {
  370. position:fixed;
  371. top:50%;
  372. left:50%;
  373. margin-top:-14px;
  374. margin-left:-14px;
  375. background-position:0 -108px;
  376. opacity:.8;
  377. cursor:pointer;
  378. z-index:8060;
  379. }
  380. #fancybox-loading div {
  381. width:28px;
  382. height:28px;
  383. background:url(loading.gif) center center no-repeat;
  384. }
  385. .fancybox-close {
  386. position:absolute;
  387. top:-18px;
  388. right:-18px;
  389. width:36px;
  390. height:36px;
  391. cursor:pointer;
  392. z-index:8040;
  393. }
  394. .fancybox-nav {
  395. position:absolute;
  396. top:0;
  397. width:40%;
  398. height:100%;
  399. cursor:pointer;
  400. text-decoration:none;
  401. background:transparent url(blank.gif);
  402. -webkit-tap-highlight-color:rgba(0,0,0,0);
  403. z-index:8040;
  404. }
  405. .fancybox-prev {
  406. left:0;
  407. }
  408. .fancybox-next {
  409. right:0;
  410. }
  411. .fancybox-nav span {
  412. position:absolute;
  413. top:50%;
  414. width:36px;
  415. height:34px;
  416. margin-top:-18px;
  417. cursor:pointer;
  418. z-index:8040;
  419. visibility:hidden;
  420. }
  421. .fancybox-prev span {
  422. left:10px;
  423. background-position:0 -36px;
  424. }
  425. .fancybox-next span {
  426. right:10px;
  427. background-position:0 -72px;
  428. }
  429. .fancybox-tmp {
  430. position:absolute;
  431. top:-99999px;
  432. left:-99999px;
  433. visibility:hidden;
  434. max-width:99999px;
  435. max-height:99999px;
  436. overflow:visible!important;
  437. }
  438. .fancybox-lock {
  439. overflow:hidden!important;
  440. width:auto;
  441. }
  442. .fancybox-lock body {
  443. overflow:hidden!important;
  444. }
  445. .fancybox-lock-test {
  446. overflow-y:hidden!important;
  447. }
  448. .fancybox-overlay {
  449. position:absolute;
  450. top:0;
  451. left:0;
  452. overflow:hidden;
  453. display:none;
  454. z-index:8010;
  455. background:url(overlay.png);
  456. }
  457. .fancybox-overlay-fixed {
  458. position:fixed;
  459. bottom:0;
  460. right:0;
  461. }
  462. .fancybox-lock .fancybox-overlay {
  463. overflow:auto;
  464. overflow-y:scroll;
  465. }
  466. .fancybox-title {
  467. visibility:hidden;
  468. font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  469. position:relative;
  470. text-shadow:none;
  471. z-index:8050;
  472. }
  473. .fancybox-title-float-wrap {
  474. position:absolute;
  475. bottom:0;
  476. right:50%;
  477. margin-bottom:-35px;
  478. z-index:8050;
  479. text-align:center;
  480. }
  481. .fancybox-title-float-wrap .child {
  482. display:inline-block;
  483. margin-right:-100%;
  484. background:rgba(0,0,0,0.8);
  485. -webkit-border-radius:15px;
  486. -moz-border-radius:15px;
  487. border-radius:15px;
  488. text-shadow:0 1px 2px #222;
  489. color:#fff;
  490. font-weight:700;
  491. line-height:24px;
  492. white-space:nowrap;
  493. padding:2px 20px;
  494. }
  495. .fancybox-title-outside-wrap {
  496. position:relative;
  497. margin-top:10px;
  498. color:#fff;
  499. }
  500. .fancybox-title-inside-wrap {
  501. padding-top:10px;
  502. }
  503. .fancybox-title-over-wrap {
  504. position:absolute;
  505. bottom:0;
  506. left:0;
  507. color:#fff;
  508. background:rgba(0,0,0,0.8);
  509. padding:10px;
  510. }
  511. .vco-skinny .vco-slider .slider-item .content .layout-text-media .text .container {
  512. text-align:center!important;
  513. }
  514. .vco-skinny .vco-slider .slider-item .content .layout-text-media h2,.vco-skinny .vco-slider .slider-item .content .layout-text-media h3 {
  515. display:block!important;
  516. width:100%!important;
  517. text-align:center!important;
  518. }
  519. .vco-skinny .vco-slider .slider-item .content .content-container .text {
  520. width:100%;
  521. max-width:100%;
  522. min-width:120px;
  523. display:block;
  524. }
  525. .vco-skinny .vco-slider .slider-item .content .content-container .text .container {
  526. display:block;
  527. -webkit-hyphens:auto;
  528. -moz-hyphens:auto;
  529. -ms-hyphens:auto;
  530. hyphens:auto;
  531. word-wrap:break-word;
  532. }
  533. .vco-skinny .vco-slider .slider-item .content .content-container .media .media-wrapper {
  534. margin-left:0;
  535. margin-right:0;
  536. width:100%;
  537. display:block;
  538. }
  539. .vco-skinny.vco-notouch .vco-slider .nav-previous,.vco-skinny.vco-notouch .vco-slider .nav-next {
  540. z-index:203;
  541. }
  542. .vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .title,.vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .title {
  543. filter:alpha(opacity=1);
  544. -khtml-opacity:.01;
  545. -moz-opacity:.01;
  546. opacity:.01;
  547. }
  548. .vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .icon,.vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .icon {
  549. filter:alpha(opacity=15);
  550. -khtml-opacity:.15;
  551. -moz-opacity:.15;
  552. opacity:.15;
  553. }
  554. .vco-skinny.vco-notouch .vco-slider .nav-previous .icon {
  555. background-image:url(timeline.png?v4.4);
  556. background-repeat:no-repeat;
  557. background-position:-208px 0;
  558. width:24px;
  559. height:24px;
  560. overflow:hidden;
  561. margin-left:10px;
  562. }
  563. .vco-skinny.vco-notouch .vco-slider .nav-next .icon {
  564. background-image:url(timeline.png?v4.4);
  565. background-repeat:no-repeat;
  566. background-position:-232px 0;
  567. width:24px;
  568. height:24px;
  569. overflow:hidden;
  570. margin-left:66px;
  571. }
  572. .vco-skinny.vco-notouch .vco-slider .nav-previous:hover,.vco-skinny.vco-notouch .vco-slider .nav-next:hover {
  573. color:#aaa!important;
  574. background-color:rgba(0,0,0,0.65);
  575. -webkit-border-radius:10px;
  576. -moz-border-radius:10px;
  577. border-radius:10px;
  578. }
  579. .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .icon,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .icon,.vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title {
  580. -webkit-border-radius:10px;
  581. -moz-border-radius:10px;
  582. border-radius:10px;
  583. font-weight:700;
  584. filter:alpha(opacity=100);
  585. -khtml-opacity:1;
  586. -moz-opacity:1;
  587. opacity:1;
  588. }
  589. .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title {
  590. padding-bottom:5px;
  591. }
  592. .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .date,.vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title,.vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title {
  593. padding-left:5px;
  594. padding-right:5px;
  595. }
  596. .vco-slider {
  597. width:100%;
  598. height:100%;
  599. overflow:hidden;
  600. }
  601. .vco-slider .slider-container-mask {
  602. text-align:center;
  603. width:100%;
  604. height:100%;
  605. overflow:hidden;
  606. }
  607. .vco-slider .slider-container-mask .slider-container {
  608. position:absolute;
  609. top:0;
  610. left:-2160px;
  611. width:100%;
  612. height:100%;
  613. text-align:center;
  614. display:block;
  615. }
  616. .vco-notouch .vco-slider .nav-previous:hover,.vco-notouch .vco-slider .nav-next:hover {
  617. color:#333;
  618. cursor:pointer;
  619. }
  620. .vco-notouch .vco-slider .nav-previous:hover .icon {
  621. margin-left:10px;
  622. }
  623. .vco-notouch .vco-slider .nav-next:hover .icon {
  624. margin-left:66px;
  625. }
  626. .vco-slider .nav-previous,.vco-slider .nav-next {
  627. position:absolute;
  628. top:0;
  629. width:100px;
  630. color:#dbdbdb;
  631. font-size:11px;
  632. }
  633. .vco-slider .nav-previous .nav-container,.vco-slider .nav-next .nav-container {
  634. height:100px;
  635. width:100px;
  636. position:absolute;
  637. }
  638. .vco-slider .nav-previous .icon,.vco-slider .nav-next .icon {
  639. margin-top:12px;
  640. margin-bottom:15px;
  641. }
  642. .vco-slider .nav-previous .date,.vco-slider .nav-next .date,.vco-slider .nav-previous .title,.vco-slider .nav-next .title {
  643. line-height:14px;
  644. }
  645. .vco-slider .nav-previous .date,.vco-slider .nav-next .date {
  646. font-size:13px;
  647. line-height:13px;
  648. font-weight:700;
  649. text-transform:uppercase;
  650. margin-bottom:5px;
  651. }
  652. .vco-slider .nav-previous .title,.vco-slider .nav-next .title {
  653. font-size:11px;
  654. line-height:13px;
  655. }
  656. .vco-slider .nav-previous {
  657. float:left;
  658. text-align:left;
  659. }
  660. .vco-slider .nav-previous .icon {
  661. margin-left:15px;
  662. background-image:url(timeline.png?v4.4);
  663. background-repeat:no-repeat;
  664. background-position:-160px 0;
  665. width:24px;
  666. height:24px;
  667. overflow:hidden;
  668. }
  669. .vco-slider .nav-previous .date,.vco-slider .nav-previous .title {
  670. text-align:left;
  671. padding-left:15px;
  672. }
  673. .vco-slider .nav-next {
  674. float:right;
  675. text-align:right;
  676. }
  677. .vco-slider .nav-next .icon {
  678. margin-left:61px;
  679. background-image:url(timeline.png?v4.4);
  680. background-repeat:no-repeat;
  681. background-position:-184px 0;
  682. width:24px;
  683. height:24px;
  684. overflow:hidden;
  685. }
  686. .vco-slider .nav-next .date,.vco-slider .nav-next .title {
  687. text-align:right;
  688. padding-right:15px;
  689. }
  690. .vco-slider .slider-item {
  691. position:absolute;
  692. width:700px;
  693. height:100%;
  694. display:table;
  695. overflow-y:auto;
  696. margin:0;
  697. padding:0;
  698. }
  699. .vco-slider .slider-item .content .pad-top .text .container {
  700. padding-top:15px;
  701. }
  702. .vco-slider .slider-item .content .pad-right .text .container {
  703. padding-right:15px;
  704. }
  705. .vco-slider .slider-item .content .pad-left .text .container {
  706. padding-left:30px;
  707. }
  708. .vco-slider .slider-item .content .content-container {
  709. display:table;
  710. vertical-align:middle;
  711. }
  712. .vco-slider .slider-item .content .content-container .text {
  713. width:40%;
  714. max-width:50%;
  715. min-width:120px;
  716. display:table-cell;
  717. vertical-align:middle;
  718. }
  719. .vco-slider .slider-item .content .content-container .text .container {
  720. display:table-cell;
  721. vertical-align:middle;
  722. text-align:left;
  723. }
  724. .vco-slider .slider-item .content .content-container .text .container h2.date {
  725. font-size:15px;
  726. line-height:15px;
  727. font-weight:400;
  728. }
  729. .vco-slider .slider-item .content .content-container .text .container .slide-tag {
  730. font-size:11px;
  731. font-weight:700;
  732. color:#fff;
  733. background-color:#ccc;
  734. -webkit-border-radius:3px;
  735. -moz-border-radius:3px;
  736. border-radius:3px;
  737. vertical-align:baseline;
  738. white-space:nowrap;
  739. line-height:11px;
  740. margin-left:7.5px;
  741. margin-bottom:7.5px;
  742. padding:1px 3px;
  743. }
  744. .vco-slider .slider-item .content .content-container .media {
  745. width:100%;
  746. min-width:50%;
  747. float:left;
  748. }
  749. .vco-slider .slider-item .content .content-container .media .media-wrapper {
  750. display:inline-block;
  751. margin-left:auto;
  752. margin-right:auto;
  753. }
  754. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container {
  755. display:inline-block;
  756. line-height:0;
  757. max-height:100%;
  758. padding:0;
  759. }
  760. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame,.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img {
  761. border:1px solid;
  762. background-color:#fff;
  763. border-color:#ccc #999 #999 #ccc;
  764. }
  765. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame iframe {
  766. background-color:#fff;
  767. }
  768. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud {
  769. border:0;
  770. }
  771. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image {
  772. display:inline-block;
  773. }
  774. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow {
  775. position:relative;
  776. z-index:1;
  777. background:#fff;
  778. }
  779. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before,.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after {
  780. z-index:-1;
  781. position:absolute;
  782. content:"";
  783. bottom:15px;
  784. left:10px;
  785. width:50%;
  786. top:80%;
  787. max-width:300px;
  788. background:#999;
  789. -webkit-box-shadow:0 15px 10px #999;
  790. -moz-box-shadow:0 15px 10px #999;
  791. box-shadow:0 15px 10px #999;
  792. -webkit-transform:rotate(-2deg);
  793. -moz-transform:rotate(-2deg);
  794. -ms-transform:rotate(-2deg);
  795. -o-transform:rotate(-2deg);
  796. transform:rotate(-2deg);
  797. }
  798. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after {
  799. -webkit-transform:rotate(2deg);
  800. -moz-transform:rotate(2deg);
  801. -ms-transform:rotate(2deg);
  802. -o-transform:rotate(2deg);
  803. transform:rotate(2deg);
  804. right:10px;
  805. left:auto;
  806. }
  807. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text {
  808. display:table;
  809. }
  810. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container {
  811. display:table-cell;
  812. vertical-align:middle;
  813. font-size:15px;
  814. line-height:20px;
  815. color:#666;
  816. }
  817. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p {
  818. margin-bottom:20px;
  819. }
  820. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia {
  821. font-size:15px;
  822. line-height:20px;
  823. text-align:left;
  824. margin-left:auto;
  825. margin-right:auto;
  826. margin-bottom:15px;
  827. clear:both;
  828. }
  829. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source {
  830. margin-bottom:15px;
  831. font-size:13px;
  832. line-height:19px;
  833. font-style:italic;
  834. }
  835. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 {
  836. border-bottom:1px solid #ccc;
  837. margin-bottom:5px;
  838. }
  839. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map {
  840. line-height:normal;
  841. z-index:200;
  842. text-align:left;
  843. background-color:#fff;
  844. }
  845. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map img {
  846. max-height:none!important;
  847. max-width:none!important;
  848. border:0;
  849. -webkit-box-shadow:none;
  850. -moz-box-shadow:none;
  851. box-shadow:none;
  852. }
  853. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .google-map {
  854. height:100%;
  855. width:100%;
  856. }
  857. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution {
  858. position:absolute;
  859. z-index:201;
  860. bottom:0;
  861. width:100%;
  862. overflow:hidden;
  863. }
  864. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text {
  865. height:19px;
  866. overflow:hidden;
  867. -webkit-user-select:none;
  868. line-height:19px;
  869. margin-right:60px;
  870. padding-left:65px;
  871. font-size:10px;
  872. white-space:nowrap;
  873. color:#fff;
  874. text-shadow:1px 1px 1px #333;
  875. text-align:center;
  876. }
  877. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text a {
  878. color:#fff!important;
  879. }
  880. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .credit {
  881. color:#999;
  882. text-align:right;
  883. display:block;
  884. font-size:10px;
  885. line-height:13px;
  886. margin:6px auto 0;
  887. }
  888. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .caption {
  889. text-align:left;
  890. margin-top:10px;
  891. color:#666;
  892. font-size:11px;
  893. line-height:14px;
  894. text-rendering:optimizeLegibility;
  895. word-wrap:break-word;
  896. }
  897. .vco-slider .slider-item .content .content-container .created-at {
  898. width:24px;
  899. height:24px;
  900. overflow:hidden;
  901. margin-left:7.5px;
  902. margin-top:2px;
  903. display:inline-block;
  904. float:right;
  905. filter:alpha(opacity=25);
  906. -khtml-opacity:.25;
  907. -moz-opacity:.25;
  908. opacity:.25;
  909. }
  910. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content {
  911. font-size:13px;
  912. line-height:19px;
  913. margin-bottom:6px;
  914. padding-top:10px;
  915. background-color:#fff;
  916. color:#666;
  917. }
  918. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-annotation {
  919. font-size:15px;
  920. line-height:20px;
  921. color:#000;
  922. border-bottom:1px solid #e3e3e3;
  923. padding-bottom:7.5px;
  924. margin-bottom:7.5px;
  925. }
  926. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments {
  927. border-top:1px solid #e3e3e3;
  928. padding-top:15px;
  929. margin-top:15px;
  930. border-bottom:1px solid #e3e3e3;
  931. padding-bottom:15px;
  932. margin-bottom:15px;
  933. zoom:1;
  934. }
  935. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:before,.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:after {
  936. display:table;
  937. content:"";
  938. }
  939. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments h5 {
  940. margin-bottom:5px;
  941. }
  942. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments div {
  943. width:50%;
  944. padding-left:15px;
  945. display:inline-block;
  946. }
  947. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments p {
  948. font-size:11px;
  949. line-height:14px;
  950. margin-bottom:5px;
  951. }
  952. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments img {
  953. float:left;
  954. display:block;
  955. bottom:0;
  956. left:0;
  957. position:relative;
  958. right:0;
  959. top:0;
  960. width:40%;
  961. margin:auto;
  962. }
  963. .vco-slider .slider-item .content .content-container .twitter,.vco-slider .slider-item .content .content-container .plain-text-quote,.vco-slider .slider-item .content .content-container .storify,.vco-slider .slider-item .content .content-container .googleplus {
  964. text-align:left;
  965. margin-left:auto;
  966. margin-right:auto;
  967. margin-bottom:15px;
  968. clear:both;
  969. }
  970. .vco-slider .slider-item .content .content-container .twitter blockquote {
  971. font-size:15px;
  972. }
  973. .vco-slider .slider-item .content .content-container .twitter blockquote p {
  974. font-size:24px;
  975. }
  976. .vco-slider .slider-item .content .content-container.layout-text-media .text-media {
  977. border-top:1px solid #e3e3e3;
  978. padding-top:15px;
  979. padding-right:0;
  980. }
  981. .vco-slider .slider-item .content .content-container.layout-text-media.pad-left .text-media {
  982. padding-right:15px;
  983. padding-top:0;
  984. border-right:1px solid #e3e3e3;
  985. border-top:0 solid #e3e3e3;
  986. }
  987. .vco-slider .slider-item .content .content-container.layout-text .text {
  988. width:100%;
  989. max-width:100%;
  990. }
  991. .vco-slider .slider-item .content .content-container.layout-text .text .container {
  992. display:block;
  993. vertical-align:middle;
  994. width:90%;
  995. text-align:left;
  996. margin-left:auto;
  997. margin-right:auto;
  998. padding:0;
  999. }
  1000. .vco-slider .slider-item .content .content-container.layout-media .text {
  1001. width:100%;
  1002. height:100%;
  1003. max-width:100%;
  1004. display:block;
  1005. text-align:center;
  1006. }
  1007. .vco-slider .slider-item .content .content-container.layout-media .text .container {
  1008. display:block;
  1009. text-align:center;
  1010. width:100%;
  1011. margin-left:none;
  1012. margin-right:none;
  1013. }
  1014. .vco-slider .slider-item .content .content-container.layout-media .media .media-wrapper .media-container {
  1015. margin-left:auto;
  1016. margin-right:auto;
  1017. line-height:0;
  1018. padding:0;
  1019. }
  1020. .vco-slider .slider-item .content .content-container.layout-media .twitter,.vco-slider .slider-item .content .content-container.layout-media .wikipedia,.vco-slider .slider-item .content .content-container.layout-media .googleplus {
  1021. max-width:70%;
  1022. }
  1023. .storyjs-embed {
  1024. background-color:#fff;
  1025. margin-bottom:20px;
  1026. border:1px solid #ccc;
  1027. padding-top:20px;
  1028. padding-bottom:20px;
  1029. clear:both;
  1030. -webkit-border-radius:10px;
  1031. -moz-border-radius:10px;
  1032. border-radius:10px;
  1033. -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.35);
  1034. -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.35);
  1035. box-shadow:1px 1px 3px rgba(0,0,0,0.35);
  1036. }
  1037. .storyjs-embed.full-embed {
  1038. overflow:hidden;
  1039. border:0!important;
  1040. clear:both;
  1041. -webkit-border-radius:0!important;
  1042. -moz-border-radius:0!important;
  1043. border-radius:0!important;
  1044. -webkit-box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1045. -moz-box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1046. box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1047. margin:0!important;
  1048. padding:0!important;
  1049. }
  1050. .storyjs-embed.sized-embed {
  1051. overflow:hidden;
  1052. border:1px solid #ccc;
  1053. padding-top:7px;
  1054. padding-bottom:7px;
  1055. clear:both;
  1056. -webkit-box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1057. -moz-box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1058. box-shadow:0 0 0 rgba(0,0,0,0.25)!important;
  1059. margin:0!important;
  1060. }
  1061. .vco-storyjs .vmm-clear:before,.vco-storyjs .vmm-clear:after {
  1062. content:"";
  1063. display:table;
  1064. }
  1065. .vco-storyjs .vmm-clear {
  1066. zoom:1;
  1067. }
  1068. .vco-storyjs .vco-feature .slider,.vco-storyjs .vco-feature .vco-slider {
  1069. width:100%;
  1070. float:left;
  1071. position:relative;
  1072. z-index:10;
  1073. padding-top:15px;
  1074. -webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1075. -moz-box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1076. box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1077. }
  1078. .vco-storyjs .vco-feedback {
  1079. position:absolute;
  1080. display:table;
  1081. overflow:hidden;
  1082. top:0;
  1083. left:0;
  1084. z-index:205;
  1085. width:100%;
  1086. height:100%;
  1087. }
  1088. .vco-storyjs div.vco-loading,.vco-storyjs div.vco-explainer {
  1089. display:table;
  1090. text-align:center;
  1091. min-width:100px;
  1092. margin-top:15px;
  1093. height:100%;
  1094. width:100%;
  1095. background-color:#fff;
  1096. }
  1097. .vco-storyjs div.vco-loading .vco-loading-container .vco-loading-icon,.vco-storyjs div.vco-explainer .vco-loading-container .vco-loading-icon,.vco-storyjs div.vco-loading .vco-explainer-container .vco-loading-icon,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-loading-icon {
  1098. display:block;
  1099. background-repeat:no-repeat;
  1100. vertical-align:middle;
  1101. margin-left:auto;
  1102. margin-right:auto;
  1103. text-align:center;
  1104. background-image:url(loading.gif?v3.4);
  1105. width:28px;
  1106. height:28px;
  1107. }
  1108. .vco-storyjs div.vco-loading .vco-loading-container .vco-gesture-icon,.vco-storyjs div.vco-explainer .vco-loading-container .vco-gesture-icon,.vco-storyjs div.vco-loading .vco-explainer-container .vco-gesture-icon,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-gesture-icon {
  1109. display:block;
  1110. vertical-align:middle;
  1111. margin-left:auto;
  1112. margin-right:auto;
  1113. text-align:center;
  1114. background-image:url(timeline.png?v4.4);
  1115. background-repeat:no-repeat;
  1116. background-position:-160px -160px;
  1117. width:48px;
  1118. height:48px;
  1119. }
  1120. .vco-storyjs div.vco-loading .vco-loading-container .vco-message,.vco-storyjs div.vco-explainer .vco-loading-container .vco-message,.vco-storyjs div.vco-loading .vco-explainer-container .vco-message,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-message,.vco-storyjs div.vco-loading .vco-loading-container .vco-message p,.vco-storyjs div.vco-explainer .vco-loading-container .vco-message p,.vco-storyjs div.vco-loading .vco-explainer-container .vco-message p,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-message p {
  1121. text-align:center;
  1122. font-size:11px;
  1123. line-height:13px;
  1124. text-transform:uppercase;
  1125. margin-top:7.5px;
  1126. margin-bottom:7.5px;
  1127. }
  1128. .vco-storyjs div.vco-explainer {
  1129. background-color:transparent;
  1130. }
  1131. .vco-storyjs .vco-bezel {
  1132. background-color:rgba(0,0,0,0.8);
  1133. width:80px;
  1134. height:50px;
  1135. -webkit-border-radius:10px;
  1136. -moz-border-radius:10px;
  1137. border-radius:10px;
  1138. margin:auto;
  1139. padding:25px 20px 50px;
  1140. }
  1141. .vco-storyjs .vco-bezel .vco-message,.vco-storyjs .vco-bezel .vco-message p {
  1142. color:#fff;
  1143. font-weight:700;
  1144. }
  1145. .vco-storyjs .vco-container.vco-main {
  1146. position:absolute;
  1147. top:0;
  1148. left:0;
  1149. padding-bottom:3px;
  1150. width:auto;
  1151. height:auto;
  1152. clear:both;
  1153. margin:0;
  1154. }
  1155. .vco-storyjs a:hover {
  1156. color:#005580;
  1157. text-decoration:underline;
  1158. }
  1159. .vco-storyjs .vcard {
  1160. float:right;
  1161. margin-bottom:15px;
  1162. }
  1163. .vco-storyjs .vcard .fn,.vco-storyjs .vcard .nickname {
  1164. padding-left:42px;
  1165. }
  1166. .vco-storyjs .vcard .fn {
  1167. display:block;
  1168. font-weight:700;
  1169. }
  1170. .vco-storyjs .vcard .nickname {
  1171. margin-top:1px;
  1172. display:block;
  1173. color:#666;
  1174. }
  1175. .vco-storyjs .vcard .avatar {
  1176. float:left;
  1177. display:block;
  1178. width:32px;
  1179. height:32px;
  1180. }
  1181. .vco-storyjs .vcard .avatar img {
  1182. -moz-border-radius:5px;
  1183. -webkit-border-radius:5px;
  1184. border-radius:5px;
  1185. }
  1186. .vco-storyjs .thumbnail {
  1187. width:24px;
  1188. height:24px;
  1189. overflow:hidden;
  1190. float:left;
  1191. border:0;
  1192. -webkit-border-radius:0;
  1193. -moz-border-radius:0;
  1194. border-radius:0;
  1195. -webkit-box-shadow:none;
  1196. -moz-box-shadow:none;
  1197. box-shadow:none;
  1198. margin:6px 1px 0 0;
  1199. padding:0;
  1200. }
  1201. .vco-storyjs a.thumbnail:hover {
  1202. -webkit-box-shadow:none;
  1203. -moz-box-shadow:none;
  1204. box-shadow:none;
  1205. }
  1206. .vco-storyjs .thumbnail.thumb-plaintext {
  1207. background-repeat:no-repeat;
  1208. background-position:-280px -48px;
  1209. }
  1210. .vco-storyjs .thumbnail.thumb-quote {
  1211. background-repeat:no-repeat;
  1212. background-position:-232px -48px;
  1213. }
  1214. .vco-storyjs .thumbnail.thumb-document {
  1215. background-repeat:no-repeat;
  1216. background-position:-256px -48px;
  1217. }
  1218. .vco-storyjs .thumbnail.thumb-photo {
  1219. background-repeat:no-repeat;
  1220. background-position:-280px -24px;
  1221. border:0;
  1222. }
  1223. .vco-storyjs .thumbnail.thumb-photo img {
  1224. border:0 none #ccc!important;
  1225. }
  1226. .vco-storyjs .thumbnail.thumb-vimeo {
  1227. background-repeat:no-repeat;
  1228. background-position:-328px -48px;
  1229. }
  1230. .vco-storyjs .thumbnail.thumb-vine {
  1231. background-repeat:no-repeat;
  1232. background-position:-232px -72px;
  1233. }
  1234. .vco-storyjs .thumbnail.thumb-youtube {
  1235. background-repeat:no-repeat;
  1236. background-position:-328px -72px;
  1237. }
  1238. .vco-storyjs .thumbnail.thumb-video {
  1239. background-repeat:no-repeat;
  1240. background-position:-328px -24px;
  1241. }
  1242. .vco-storyjs .thumbnail.thumb-audio {
  1243. background-repeat:no-repeat;
  1244. background-position:-304px -24px;
  1245. }
  1246. .vco-storyjs .thumbnail.thumb-map {
  1247. background-repeat:no-repeat;
  1248. background-position:-208px -48px;
  1249. }
  1250. .vco-storyjs .thumbnail.thumb-website {
  1251. background-repeat:no-repeat;
  1252. background-position:-232px -24px;
  1253. }
  1254. .vco-storyjs .thumbnail.thumb-link {
  1255. background-repeat:no-repeat;
  1256. background-position:-184px -72px;
  1257. }
  1258. .vco-storyjs .thumbnail.thumb-wikipedia {
  1259. background-repeat:no-repeat;
  1260. background-position:-184px -48px;
  1261. }
  1262. .vco-storyjs thumbnail.thumb-instagram {
  1263. background-repeat:no-repeat;
  1264. background-position:-208px -96px;
  1265. }
  1266. .vco-storyjs thumbnail.thumb-instagram-full {
  1267. background-image:url(timeline.png?v4.4);
  1268. background-repeat:no-repeat;
  1269. background-position:-232px -96px;
  1270. width:48px;
  1271. height:24px;
  1272. }
  1273. .vco-storyjs .thumb-storify-full {
  1274. height:12px;
  1275. background-image:url(timeline.png?v4.4);
  1276. background-repeat:no-repeat;
  1277. background-position:-280px -96px;
  1278. width:48px;
  1279. }
  1280. .vco-storyjs .thumbnail-inline {
  1281. width:16px;
  1282. height:14px;
  1283. overflow:hidden;
  1284. display:inline-block;
  1285. margin-right:1px;
  1286. margin-left:3px;
  1287. margin-top:2px;
  1288. filter:alpha(opacity=50);
  1289. -khtml-opacity:.5;
  1290. -moz-opacity:.5;
  1291. opacity:.5;
  1292. }
  1293. .vco-storyjs .twitter .thumbnail-inline {
  1294. background-image:url(timeline.png?v4.4);
  1295. background-repeat:no-repeat;
  1296. background-position:-160px -96px;
  1297. }
  1298. .vco-storyjs .storify .thumbnail-inline {
  1299. background-image:url(timeline.png?v4.4);
  1300. background-repeat:no-repeat;
  1301. background-position:-184px -96px;
  1302. }
  1303. .vco-storyjs .zFront {
  1304. z-index:204;
  1305. }
  1306. .vco-notouch .vco-navigation .vco-toolbar .zoom-in:hover,.vco-notouch .vco-navigation .vco-toolbar .zoom-out:hover,.vco-notouch .vco-navigation .vco-toolbar .back-home:hover {
  1307. color:#08c;
  1308. cursor:pointer;
  1309. filter:alpha(opacity=100);
  1310. -khtml-opacity:1;
  1311. -moz-opacity:1;
  1312. opacity:1;
  1313. }
  1314. .vco-notouch .vco-navigation .timenav .content .marker.active:hover {
  1315. cursor:default;
  1316. }
  1317. .vco-notouch .vco-navigation .timenav .content .marker:hover .line {
  1318. z-index:24;
  1319. background:#999;
  1320. }
  1321. .vco-notouch .vco-navigation .timenav .content .marker .flag:hover,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover {
  1322. cursor:pointer;
  1323. }
  1324. .vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content h4,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h4 {
  1325. color:#aaa;
  1326. }
  1327. .vco-timeline .vco-navigation {
  1328. clear:both;
  1329. cursor:move;
  1330. width:100%;
  1331. height:200px;
  1332. border-top:1px solid #e3e3e3;
  1333. position:relative;
  1334. }
  1335. .vco-timeline .vco-navigation .vco-toolbar {
  1336. position:absolute;
  1337. top:45px;
  1338. left:0;
  1339. z-index:202;
  1340. background-color:#fff;
  1341. border:1px solid #ccc;
  1342. -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1343. -moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1344. box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1345. }
  1346. .vco-timeline .vco-navigation .vco-toolbar .zoom-in,.vco-timeline .vco-navigation .vco-toolbar .zoom-out,.vco-timeline .vco-navigation .vco-toolbar .back-home {
  1347. font-size:10px;
  1348. line-height:20px;
  1349. top:0;
  1350. z-index:202;
  1351. width:18px;
  1352. height:18px;
  1353. color:#333;
  1354. text-align:center;
  1355. font-weight:700;
  1356. border:1px solid #fff;
  1357. filter:alpha(opacity=50);
  1358. -khtml-opacity:.5;
  1359. -moz-opacity:.5;
  1360. opacity:.5;
  1361. padding:5px;
  1362. }
  1363. .vco-timeline .vco-navigation .vco-toolbar .zoom-in .icon {
  1364. background-image:url(timeline.png?v4.4);
  1365. background-repeat:no-repeat;
  1366. background-position:-256px 0;
  1367. width:24px;
  1368. height:24px;
  1369. }
  1370. .vco-timeline .vco-navigation .vco-toolbar .zoom-out .icon {
  1371. background-image:url(timeline.png?v4.4);
  1372. background-repeat:no-repeat;
  1373. background-position:-280px 0;
  1374. width:24px;
  1375. height:24px;
  1376. }
  1377. .vco-timeline .vco-navigation .vco-toolbar .back-home .icon {
  1378. background-image:url(timeline.png?v4.4);
  1379. background-repeat:no-repeat;
  1380. background-position:-328px 0;
  1381. width:24px;
  1382. height:24px;
  1383. }
  1384. .vco-timeline .vco-navigation .vco-toolbar.touch {
  1385. -webkit-border-radius:10px;
  1386. -moz-border-radius:10px;
  1387. border-radius:10px;
  1388. background-color:transparent;
  1389. -webkit-box-shadow:none;
  1390. -moz-box-shadow:none;
  1391. box-shadow:none;
  1392. }
  1393. .vco-timeline .vco-navigation .vco-toolbar.touch .zoom-in,.vco-timeline .vco-navigation .vco-toolbar.touch .zoom-out,.vco-timeline .vco-navigation .vco-toolbar.touch .back-home {
  1394. width:40px;
  1395. height:40px;
  1396. background-color:#fff;
  1397. border:1px solid #ccc;
  1398. -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1399. -moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1400. box-shadow:1px 1px 0 rgba(0,0,0,0.2);
  1401. -webkit-border-radius:10px;
  1402. -moz-border-radius:10px;
  1403. border-radius:10px;
  1404. filter:alpha(opacity=100);
  1405. -khtml-opacity:1;
  1406. -moz-opacity:1;
  1407. opacity:1;
  1408. padding:5px;
  1409. }
  1410. .vco-timeline .vco-navigation .vco-toolbar.touch .zoom-in .icon {
  1411. background-image:url(timeline.png?v4.4);
  1412. background-repeat:no-repeat;
  1413. background-position:-208px -160px;
  1414. width:40px;
  1415. height:40px;
  1416. }
  1417. .vco-timeline .vco-navigation .vco-toolbar.touch .zoom-out .icon {
  1418. background-image:url(timeline.png?v4.4);
  1419. background-repeat:no-repeat;
  1420. background-position:-256px -160px;
  1421. width:40px;
  1422. height:40px;
  1423. }
  1424. .vco-timeline .vco-navigation .vco-toolbar.touch .back-home .icon {
  1425. background-image:url(timeline.png?v4.4);
  1426. background-repeat:no-repeat;
  1427. background-position:-304px -160px;
  1428. width:40px;
  1429. height:40px;
  1430. }
  1431. .vco-timeline .vco-navigation .timenav-background {
  1432. position:absolute;
  1433. cursor:move;
  1434. top:0;
  1435. left:0;
  1436. height:150px;
  1437. width:100%;
  1438. background-color:#e9e9e9;
  1439. }
  1440. .vco-timeline .vco-navigation .timenav-background .timenav-interval-background {
  1441. position:absolute;
  1442. top:151px;
  1443. left:0;
  1444. background:#fff;
  1445. width:100%;
  1446. height:49px;
  1447. -webkit-box-shadow:-1px -1px 7px rgba(0,0,0,0.1);
  1448. -moz-box-shadow:-1px -1px 7px rgba(0,0,0,0.1);
  1449. box-shadow:-1px -1px 7px rgba(0,0,0,0.1);
  1450. }
  1451. .vco-timeline .vco-navigation .timenav-background .timenav-interval-background .top-highlight {
  1452. position:absolute;
  1453. top:-1px;
  1454. left:0;
  1455. z-index:30;
  1456. width:100%;
  1457. height:1px;
  1458. background:#fff;
  1459. filter:alpha(opacity=50);
  1460. -khtml-opacity:.5;
  1461. -moz-opacity:.5;
  1462. opacity:.5;
  1463. -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
  1464. -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
  1465. box-shadow:1px 1px 5px rgba(0,0,0,0.2);
  1466. }
  1467. .vco-timeline .vco-navigation .timenav-background .timenav-line {
  1468. position:absolute;
  1469. top:0;
  1470. left:50%;
  1471. width:3px;
  1472. height:150px;
  1473. background-color:#08c;
  1474. z-index:1;
  1475. -webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1476. -moz-box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1477. box-shadow:1px 1px 7px rgba(0,0,0,0.3);
  1478. }
  1479. .vco-timeline .vco-navigation .timenav-background .timenav-indicator {
  1480. position:absolute;
  1481. top:-1px;
  1482. left:50%;
  1483. z-index:202;
  1484. background-image:url(timeline.png?v4.4);
  1485. background-repeat:no-repeat;
  1486. background-position:-160px -48px;
  1487. width:24px;
  1488. height:24px;
  1489. }
  1490. .vco-timeline .vco-navigation .timenav-background .timenav-tag div {
  1491. height:50px;
  1492. display:table;
  1493. }
  1494. .vco-timeline .vco-navigation .timenav-background .timenav-tag div h3 {
  1495. display:table-cell;
  1496. vertical-align:middle;
  1497. padding-left:65px;
  1498. font-size:15px;
  1499. color:#d0d0d0;
  1500. font-weight:700;
  1501. text-shadow:0 1px 1px #fff;
  1502. }
  1503. .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-2,.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-4,.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-6 {
  1504. background:#f1f1f1;
  1505. }
  1506. .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-1,.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-3,.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-5 {
  1507. background:#e9e9e9;
  1508. }
  1509. .vco-timeline .vco-navigation .timenav {
  1510. position:absolute;
  1511. top:0;
  1512. left:-250px;
  1513. z-index:1;
  1514. }
  1515. .vco-timeline .vco-navigation .timenav .content .marker.active .dot {
  1516. background:#08c;
  1517. z-index:200;
  1518. }
  1519. .vco-timeline .vco-navigation .timenav .content .marker.active .line {
  1520. z-index:199;
  1521. background:#08c;
  1522. width:1px;
  1523. }
  1524. .vco-timeline .vco-navigation .timenav .content .marker.active .line .event-line {
  1525. background:#08c;
  1526. filter:alpha(opacity=75);
  1527. -khtml-opacity:.75;
  1528. -moz-opacity:.75;
  1529. opacity:.75;
  1530. }
  1531. .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3 {
  1532. color:#08c;
  1533. margin-top:5px;
  1534. }
  1535. .vco-timeline .vco-navigation .timenav .content .marker {
  1536. position:absolute;
  1537. top:0;
  1538. left:150px;
  1539. display:block;
  1540. }
  1541. .vco-timeline .vco-navigation .timenav .content .marker .dot {
  1542. position:absolute;
  1543. top:150px;
  1544. left:0;
  1545. display:block;
  1546. width:6px;
  1547. height:6px;
  1548. background:#333;
  1549. -webkit-border-radius:3px;
  1550. -moz-border-radius:3px;
  1551. border-radius:3px;
  1552. z-index:21;
  1553. }
  1554. .vco-timeline .vco-navigation .timenav .content .marker .line {
  1555. position:absolute;
  1556. top:0;
  1557. left:3px;
  1558. width:1px;
  1559. height:150px;
  1560. background-color:rgba(204,204,204,0.5);
  1561. -webkit-box-shadow:1px 0 0 rgba(255,255,255,0.5);
  1562. -moz-box-shadow:1px 0 0 rgba(255,255,255,0.5);
  1563. box-shadow:1px 0 0 rgba(255,255,255,0.5);
  1564. z-index:22;
  1565. }
  1566. .vco-timeline .vco-navigation .timenav .content .marker .line .event-line {
  1567. position:absolute;
  1568. z-index:22;
  1569. left:0;
  1570. height:1px;
  1571. width:1px;
  1572. background:#08c;
  1573. filter:alpha(opacity=15);
  1574. -khtml-opacity:.15;
  1575. -moz-opacity:.15;
  1576. opacity:.15;
  1577. }
  1578. .vco-timeline .vco-navigation .timenav .content .marker .flag,.vco-timeline .vco-navigation .timenav .content .marker .flag-small {
  1579. position:absolute;
  1580. top:15px;
  1581. left:3px;
  1582. display:block;
  1583. z-index:23;
  1584. width:153px;
  1585. padding:0;
  1586. }
  1587. .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content {
  1588. overflow:hidden;
  1589. padding:0 7px 2px 6px;
  1590. }
  1591. .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 {
  1592. font-weight:700;
  1593. font-size:11px;
  1594. line-height:11px;
  1595. color:#999;
  1596. margin-bottom:2px;
  1597. }
  1598. .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h4,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h4 {
  1599. display:none;
  1600. font-weight:400;
  1601. margin-top:5px;
  1602. font-size:10px;
  1603. line-height:10px;
  1604. color:#aaa;
  1605. }
  1606. .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail {
  1607. margin-bottom:15px;
  1608. margin-right:3px;
  1609. filter:alpha(opacity=50);
  1610. -khtml-opacity:.5;
  1611. -moz-opacity:.5;
  1612. opacity:.5;
  1613. }
  1614. .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail img,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail img {
  1615. width:22px;
  1616. height:22px;
  1617. max-height:none;
  1618. max-width:none;
  1619. border:1px solid #999;
  1620. margin:0;
  1621. padding:0;
  1622. }
  1623. .vco-timeline .vco-navigation .timenav .content .marker .flag {
  1624. background-image:url(timeline.png?v4.4);
  1625. background-repeat:no-repeat;
  1626. background-position:0 0;
  1627. width:153px;
  1628. height:53px;
  1629. }
  1630. .vco-timeline .vco-navigation .timenav .content .marker .flag-small {
  1631. background-image:url(timeline.png?v4.4);
  1632. background-repeat:no-repeat;
  1633. background-position:0 -135px;
  1634. width:153px;
  1635. height:26px;
  1636. }
  1637. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail {
  1638. width:16px;
  1639. height:10px;
  1640. margin-right:1px;
  1641. margin-top:6px;
  1642. }
  1643. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-plaintext {
  1644. background-image:url(timeline.png?v4.4);
  1645. background-repeat:no-repeat;
  1646. background-position:-280px -130px;
  1647. }
  1648. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-quote {
  1649. background-image:url(timeline.png?v4.4);
  1650. background-repeat:no-repeat;
  1651. background-position:-232px -130px;
  1652. }
  1653. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-document {
  1654. background-image:url(timeline.png?v4.4);
  1655. background-repeat:no-repeat;
  1656. background-position:-256px -130px;
  1657. }
  1658. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-photo {
  1659. background-image:url(timeline.png?v4.4);
  1660. background-repeat:no-repeat;
  1661. background-position:-280px -120px;
  1662. }
  1663. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-twitter {
  1664. background-image:url(timeline.png?v4.4);
  1665. background-repeat:no-repeat;
  1666. background-position:-256px -120px;
  1667. }
  1668. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vimeo {
  1669. background-image:url(timeline.png?v4.4);
  1670. background-repeat:no-repeat;
  1671. background-position:-328px -130px;
  1672. }
  1673. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vine {
  1674. background-image:url(timeline.png?v4.4);
  1675. background-repeat:no-repeat;
  1676. background-position:-160px -120px;
  1677. }
  1678. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-youtube {
  1679. background-image:url(timeline.png?v4.4);
  1680. background-repeat:no-repeat;
  1681. background-position:-304px -130px;
  1682. }
  1683. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-video {
  1684. background-image:url(timeline.png?v4.4);
  1685. background-repeat:no-repeat;
  1686. background-position:-328px -120px;
  1687. }
  1688. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-audio {
  1689. background-image:url(timeline.png?v4.4);
  1690. background-repeat:no-repeat;
  1691. background-position:-304px -120px;
  1692. }
  1693. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-map {
  1694. background-image:url(timeline.png?v4.4);
  1695. background-repeat:no-repeat;
  1696. background-position:-208px -120px;
  1697. }
  1698. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-wikipedia {
  1699. background-image:url(timeline.png?v4.4);
  1700. background-repeat:no-repeat;
  1701. background-position:-184px -120px;
  1702. }
  1703. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-storify {
  1704. background-image:url(timeline.png?v4.4);
  1705. background-repeat:no-repeat;
  1706. background-position:-184px -130px;
  1707. }
  1708. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-googleplus {
  1709. background-image:url(timeline.png?v4.4);
  1710. background-repeat:no-repeat;
  1711. background-position:-208px -130px;
  1712. }
  1713. .vco-timeline .vco-navigation .timenav .content .marker .flag.row1 {
  1714. z-index:25;
  1715. top:48px;
  1716. }
  1717. .vco-timeline .vco-navigation .timenav .content .marker .flag.row2 {
  1718. z-index:24;
  1719. top:96px;
  1720. }
  1721. .vco-timeline .vco-navigation .timenav .content .marker .flag-small.row1 {
  1722. z-index:28;
  1723. top:24px;
  1724. }
  1725. .vco-timeline .vco-navigation .timenav .content .marker .flag-small.row2 {
  1726. z-index:27;
  1727. top:48px;
  1728. }
  1729. .vco-timeline .vco-navigation .timenav .content .marker .flag-small.row3 {
  1730. z-index:26;
  1731. top:72px;
  1732. }
  1733. .vco-timeline .vco-navigation .timenav .content .marker .flag-small.row4 {
  1734. z-index:25;
  1735. top:96px;
  1736. }
  1737. .vco-timeline .vco-navigation .timenav .content .marker .flag-small.row5 {
  1738. z-index:24;
  1739. top:120px;
  1740. }
  1741. .vco-timeline .vco-navigation .timenav .content .marker .flag.zFront,.vco-timeline .vco-navigation .timenav .content .marker .flag-small.zFront {
  1742. z-index:201;
  1743. }
  1744. .vco-timeline .vco-navigation .timenav .content .era {
  1745. position:absolute;
  1746. top:138px;
  1747. left:150px;
  1748. height:12px;
  1749. display:block;
  1750. overflow:hidden;
  1751. }
  1752. .vco-timeline .vco-navigation .timenav .content .era div {
  1753. width:100%;
  1754. height:100%;
  1755. line-height:0;
  1756. background:rgba(233,233,233,0.33);
  1757. }
  1758. .vco-timeline .vco-navigation .timenav .content .era div h3,.vco-timeline .vco-navigation .timenav .content .era div h4 {
  1759. position:absolute;
  1760. bottom:1px;
  1761. padding-left:15px;
  1762. font-size:15px;
  1763. font-weight:700;
  1764. color:rgba(0,136,204,0.35);
  1765. text-shadow:0 1px 1px #fff;
  1766. }
  1767. .vco-timeline .vco-navigation .timenav .content .era1 div {
  1768. background:#c40;
  1769. filter:alpha(opacity=10);
  1770. -khtml-opacity:.1;
  1771. -moz-opacity:.1;
  1772. opacity:.1;
  1773. border-left:1px solid rgba(204,68,0,0.1);
  1774. border-right:1px solid rgba(255,85,0,0.05);
  1775. }
  1776. .vco-timeline .vco-navigation .timenav .content .era1 div h3,.vco-timeline .vco-navigation .timenav .content .era1 div h4 {
  1777. color:rgba(204,68,0,0.35);
  1778. text-shadow:0 1px 1px #fff;
  1779. }
  1780. .vco-timeline .vco-navigation .timenav .content .era2 div {
  1781. background:#c02;
  1782. filter:alpha(opacity=10);
  1783. -khtml-opacity:.1;
  1784. -moz-opacity:.1;
  1785. opacity:.1;
  1786. border-left:1px solid rgba(204,0,34,0.1);
  1787. border-right:1px solid rgba(255,0,43,0.05);
  1788. }
  1789. .vco-timeline .vco-navigation .timenav .content .era2 div h3,.vco-timeline .vco-navigation .timenav .content .era2 div h4 {
  1790. color:rgba(204,0,34,0.35);
  1791. text-shadow:0 1px 1px #fff;
  1792. }
  1793. .vco-timeline .vco-navigation .timenav .content .era3 div {
  1794. background:#02c;
  1795. filter:alpha(opacity=10);
  1796. -khtml-opacity:.1;
  1797. -moz-opacity:.1;
  1798. opacity:.1;
  1799. border-left:1px solid rgba(0,34,204,0.1);
  1800. border-right:1px solid rgba(0,43,255,0.05);
  1801. }
  1802. .vco-timeline .vco-navigation .timenav .content .era3 div h3,.vco-timeline .vco-navigation .timenav .content .era3 div h4 {
  1803. color:rgba(0,34,204,0.35);
  1804. text-shadow:0 1px 1px #fff;
  1805. }
  1806. .vco-timeline .vco-navigation .timenav .content .era4 div {
  1807. background:#ca0;
  1808. filter:alpha(opacity=10);
  1809. -khtml-opacity:.1;
  1810. -moz-opacity:.1;
  1811. opacity:.1;
  1812. border-left:1px solid rgba(204,170,0,0.1);
  1813. border-right:1px solid rgba(255,213,0,0.05);
  1814. }
  1815. .vco-timeline .vco-navigation .timenav .content .era4 div h3,.vco-timeline .vco-navigation .timenav .content .era4 div h4 {
  1816. color:rgba(204,170,0,0.35);
  1817. text-shadow:0 1px 1px #fff;
  1818. }
  1819. .vco-timeline .vco-navigation .timenav .content .era5 div {
  1820. background:#0ca;
  1821. filter:alpha(opacity=10);
  1822. -khtml-opacity:.1;
  1823. -moz-opacity:.1;
  1824. opacity:.1;
  1825. border-left:1px solid rgba(0,204,170,0.1);
  1826. border-right:1px solid rgba(0,255,213,0.05);
  1827. }
  1828. .vco-timeline .vco-navigation .timenav .content .era5 div h3,.vco-timeline .vco-navigation .timenav .content .era5 div h4 {
  1829. color:rgba(0,204,170,0.35);
  1830. text-shadow:0 1px 1px #fff;
  1831. }
  1832. .vco-timeline .vco-navigation .timenav .content .era6 div {
  1833. background:#08c;
  1834. filter:alpha(opacity=10);
  1835. -khtml-opacity:.1;
  1836. -moz-opacity:.1;
  1837. opacity:.1;
  1838. border-left:1px solid rgba(0,136,204,0.1);
  1839. border-right:1px solid rgba(0,170,255,0.05);
  1840. }
  1841. .vco-timeline .vco-navigation .timenav .content .era6 div h3,.vco-timeline .vco-navigation .timenav .content .era6 div h4 {
  1842. color:rgba(0,136,204,0.35);
  1843. text-shadow:0 1px 1px #fff;
  1844. }
  1845. .vco-timeline .vco-navigation .timenav .time {
  1846. position:absolute;
  1847. left:0;
  1848. top:150px;
  1849. height:50px;
  1850. background-color:#fff;
  1851. line-height:0;
  1852. }
  1853. .vco-timeline .vco-navigation .timenav .time .time-interval-minor {
  1854. max-width:none;
  1855. height:6px;
  1856. white-space:nowrap;
  1857. position:absolute;
  1858. top:-2px;
  1859. left:8px;
  1860. z-index:10;
  1861. }
  1862. .vco-timeline .vco-navigation .timenav .time .time-interval-minor .minor {
  1863. position:relative;
  1864. top:2px;
  1865. display:inline-block;
  1866. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);
  1867. width:100px;
  1868. height:6px;
  1869. background-position:center top;
  1870. white-space:nowrap;
  1871. color:#666;
  1872. margin-top:0;
  1873. padding-top:0;
  1874. }
  1875. .vco-timeline .vco-navigation .timenav .time .time-interval div {
  1876. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);
  1877. background-position:left top;
  1878. background-repeat:no-repeat;
  1879. padding-top:6px;
  1880. position:absolute;
  1881. height:3px;
  1882. left:0;
  1883. display:block;
  1884. font-weight:400;
  1885. font-size:10px;
  1886. line-height:20px;
  1887. text-transform:uppercase;
  1888. text-align:left;
  1889. text-indent:0;
  1890. white-space:nowrap;
  1891. color:#666;
  1892. margin-left:0;
  1893. margin-right:0;
  1894. margin-top:0;
  1895. z-index:2;
  1896. }
  1897. .vco-timeline .vco-navigation .timenav .time .time-interval div.era {
  1898. font-weight:700;
  1899. padding-top:0;
  1900. margin-top:-3px;
  1901. margin-left:2px;
  1902. background-image:none;
  1903. }
  1904. .vco-timeline .vco-navigation .timenav .time .time-interval .era1 {
  1905. color:#c40;
  1906. filter:alpha(opacity=50);
  1907. -khtml-opacity:.5;
  1908. -moz-opacity:.5;
  1909. opacity:.5;
  1910. }
  1911. .vco-timeline .vco-navigation .timenav .time .time-interval .era2 {
  1912. color:#c02;
  1913. filter:alpha(opacity=50);
  1914. -khtml-opacity:.5;
  1915. -moz-opacity:.5;
  1916. opacity:.5;
  1917. }
  1918. .vco-timeline .vco-navigation .timenav .time .time-interval .era3 {
  1919. color:#02c;
  1920. filter:alpha(opacity=50);
  1921. -khtml-opacity:.5;
  1922. -moz-opacity:.5;
  1923. opacity:.5;
  1924. }
  1925. .vco-timeline .vco-navigation .timenav .time .time-interval .era4 {
  1926. color:#ca0;
  1927. filter:alpha(opacity=50);
  1928. -khtml-opacity:.5;
  1929. -moz-opacity:.5;
  1930. opacity:.5;
  1931. }
  1932. .vco-timeline .vco-navigation .timenav .time .time-interval .era5 {
  1933. color:#0ca;
  1934. filter:alpha(opacity=50);
  1935. -khtml-opacity:.5;
  1936. -moz-opacity:.5;
  1937. opacity:.5;
  1938. }
  1939. .vco-timeline .vco-navigation .timenav .time .time-interval .era6 {
  1940. color:#08c;
  1941. filter:alpha(opacity=50);
  1942. -khtml-opacity:.5;
  1943. -moz-opacity:.5;
  1944. opacity:.5;
  1945. }
  1946. .vco-timeline .vco-navigation .timenav .time .time-interval-major div {
  1947. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC);
  1948. background-position:left top;
  1949. background-repeat:no-repeat;
  1950. padding-top:15px;
  1951. position:absolute;
  1952. height:15px;
  1953. left:0;
  1954. display:block;
  1955. font-weight:700;
  1956. font-size:12px;
  1957. line-height:20px;
  1958. text-transform:uppercase;
  1959. text-align:left;
  1960. text-indent:0;
  1961. white-space:nowrap;
  1962. color:#333;
  1963. margin-left:0;
  1964. margin-right:0;
  1965. margin-top:1px;
  1966. z-index:5;
  1967. }
  1968. .vco-storyjs article,.vco-storyjs aside,.vco-storyjs details,.vco-storyjs figcaption,.vco-storyjs figure,.vco-storyjs footer,.vco-storyjs header,.vco-storyjs hgroup,.vco-storyjs nav,.vco-storyjs section,.vco-skinny .vco-slider .slider-item .content .content-container,.vco-storyjs div.vco-loading .vco-loading-container .vco-message,.vco-storyjs div.vco-explainer .vco-loading-container .vco-message,.vco-storyjs div.vco-loading .vco-explainer-container .vco-message,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-message {
  1969. display:block;
  1970. }
  1971. .vco-storyjs audio:not([controls]),.vco-slider .nav-previous .date small,.vco-slider .nav-next .date small,.vco-slider .nav-previous .title small,.vco-slider .nav-next .title small,.vco-timeline .vco-navigation .timenav .content .marker.start,.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 small,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 small,.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h4 small,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h4 small {
  1972. display:none;
  1973. }
  1974. .vco-storyjs .twitter,.vco-storyjs .vcard,.vco-storyjs .messege,.vco-storyjs .credit,.vco-storyjs .caption,.vco-storyjs .zoom-in,.vco-storyjs .zoom-out,.vco-storyjs .back-home,.vco-storyjs .time-interval div,.vco-storyjs .time-interval-major div,.vco-storyjs .nav-container,.vco-storyjs .timenav h1,.vco-storyjs .flag-content h1,.vco-storyjs .era h1,.vco-storyjs .timenav h2,.vco-storyjs .flag-content h2,.vco-storyjs .era h2,.vco-storyjs .timenav h3,.vco-storyjs .flag-content h3,.vco-storyjs .era h3,.vco-storyjs .timenav h4,.vco-storyjs .flag-content h4,.vco-storyjs .era h4,.vco-storyjs .timenav h5,.vco-storyjs .flag-content h5,.vco-storyjs .era h5,.vco-storyjs .timenav h6,.vco-storyjs .flag-content h6,.vco-storyjs .era h6 {
  1975. }
  1976. .vco-storyjs .vco-navigation p,.vco-storyjs .date a,.vco-storyjs .title a,.vco-storyjs h1 a,.vco-storyjs h2 a,.vco-storyjs h3 a,.vco-storyjs h4 a,.vco-storyjs h5 a,.vco-storyjs h6 a,.vco-storyjs h1 small,.vco-storyjs h2 small,.vco-storyjs h3 small,.vco-storyjs h4 small,.vco-storyjs h5 small,.vco-storyjs h6 small,.vco-slider .nav-previous .date a,.vco-slider .nav-next .date a,.vco-slider .nav-previous .title a,.vco-slider .nav-next .title a,.vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag .flag-content h4,.vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag-small .flag-content h4 {
  1977. color:#999;
  1978. }
  1979. .vco-storyjs .vco-feature p,.vco-slider .slider-item .content .content-container .twitter blockquote,.vco-slider .slider-item .content .content-container .plain-text-quote blockquote,.vco-slider .slider-item .content .content-container .storify blockquote,.vco-slider .slider-item .content .content-container .googleplus blockquote,.vco-slider .slider-item .content .content-container .twitter blockquote .quote-mark,.vco-slider .slider-item .content .content-container .plain-text-quote blockquote .quote-mark,.vco-slider .slider-item .content .content-container .storify blockquote .quote-mark,.vco-slider .slider-item .content .content-container .googleplus blockquote .quote-mark {
  1980. color:#666;
  1981. }
  1982. .vco-storyjs .vco-feature blockquote,.vco-storyjs .vco-feature blockquote p,.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a {
  1983. color:#000;
  1984. }
  1985. .vco-storyjs .hyphenate,.vco-slider .slider-item .content .content-container .text .container p {
  1986. -webkit-hyphens:auto;
  1987. -moz-hyphens:auto;
  1988. -ms-hyphens:auto;
  1989. hyphens:auto;
  1990. word-wrap:break-word;
  1991. }
  1992. .vco-storyjs h3 .active,.vco-storyjs h4 .active,.vco-storyjs h5 .active,.vco-storyjs h6 .active,.vco-slider .slider-item .content .content-container .googleplus .proflinkPrefix,.vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag .flag-content h3,.vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag-small .flag-content h3 {
  1993. color:#08c;
  1994. }
  1995. .fancybox-outer,.fancybox-inner,.vco-timeline .vco-navigation .timenav .content {
  1996. position:relative;
  1997. }
  1998. .fancybox-nav:hover span,.fancybox-opened .fancybox-title {
  1999. visibility:visible;
  2000. }
  2001. .vco-skinny .vco-slider .slider-item .content .content-container .media,.vco-slider .slider-item .content .content-container.layout-media .media {
  2002. width:100%;
  2003. min-width:50%;
  2004. float:none;
  2005. }
  2006. .vco-slider .slider-container-mask .slider-container .slider-item-container,.vco-slider .slider-item .content,.vco-storyjs div.vco-loading .vco-loading-container,.vco-storyjs div.vco-explainer .vco-loading-container,.vco-storyjs div.vco-loading .vco-explainer-container,.vco-storyjs div.vco-explainer .vco-explainer-container {
  2007. display:table-cell;
  2008. vertical-align:middle;
  2009. }
  2010. .vco-notouch .vco-slider .slider-item .content .content-container .media .media-container .wikipedia h4 a:hover,.vco-storyjs a {
  2011. color:#08c;
  2012. text-decoration:none;
  2013. }
  2014. .vco-notouch .vco-slider .slider-item .content .content-container .created-at:hover,.vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content .thumbnail,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content .thumbnail,.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content .thumbnail,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content .thumbnail {
  2015. filter:alpha(opacity=100);
  2016. -khtml-opacity:1;
  2017. -moz-opacity:1;
  2018. opacity:1;
  2019. }
  2020. .vco-notouch .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments a:hover,.vco-storyjs .vcard a:hover {
  2021. text-decoration:none;
  2022. }
  2023. .vco-notouch .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments a:hover h5,.vco-storyjs .vcard a:hover .fn {
  2024. text-decoration:underline;
  2025. }
  2026. .vco-slider img,.vco-slider embed,.vco-slider object,.vco-slider video,.vco-slider iframe,.vco-storyjs img,.vco-storyjs embed,.vco-storyjs object,.vco-storyjs video,.vco-storyjs iframe {
  2027. max-width:100%;
  2028. }
  2029. .vco-slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container,.vco-slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container {
  2030. border:none;
  2031. background-color:#fff;
  2032. }
  2033. .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia p,.vco-slider .slider-item .content .content-container .googleplus .googleplus-content p {
  2034. font-size:13px;
  2035. line-height:19px;
  2036. }
  2037. .vco-slider .slider-item .content .content-container .storify .created-at,.vco-storyjs .thumbnail.thumb-storify {
  2038. background-repeat:no-repeat;
  2039. background-position:-328px -96px;
  2040. }
  2041. .vco-slider .slider-item .content .content-container .twitter .created-at,.vco-storyjs .thumbnail.thumb-twitter {
  2042. background-repeat:no-repeat;
  2043. background-position:-256px -24px;
  2044. }
  2045. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-title,.vco-slider .slider-item .content .content-container .twitter blockquote p,.vco-slider .slider-item .content .content-container .plain-text-quote blockquote p,.vco-slider .slider-item .content .content-container .storify blockquote p,.vco-slider .slider-item .content .content-container .googleplus blockquote p {
  2046. font-size:24px;
  2047. line-height:32px;
  2048. margin-bottom:6px;
  2049. padding-top:10px;
  2050. background-color:#fff;
  2051. color:#000;
  2052. }
  2053. .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:after,.vco-storyjs .vmm-clear:after {
  2054. clear:both;
  2055. }
  2056. .vco-slider .slider-item .content .content-container .googleplus .created-at,.vco-storyjs .thumbnail.thumb-googleplus {
  2057. background-repeat:no-repeat;
  2058. background-position:-208px -72px;
  2059. }
  2060. .vco-slider .slider-item .content .content-container.layout-text,.vco-slider .slider-item .content .content-container.layout-media,.vco-storyjs .vco-feature {
  2061. width:100%;
  2062. }
  2063. .vco-storyjs .vcard a,.vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content h3,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h3 {
  2064. color:#333;
  2065. }
  2066. .vco-storyjs .googleplus .thumbnail-inline,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content thumbnail.thumb-instagram {
  2067. background-image:url(timeline.png?v4.4);
  2068. background-repeat:no-repeat;
  2069. background-position:-208px -96px;
  2070. }
  2071. .vco-notouch .vco-navigation .timenav .content .marker .flag:hover,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover,.vco-timeline .vco-navigation .timenav .content .marker.active .flag {
  2072. background-image:url(timeline.png?v4.4);
  2073. background-repeat:no-repeat;
  2074. background-position:0 -53px;
  2075. width:153px;
  2076. height:53px;
  2077. }
  2078. .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content,.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content,.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content {
  2079. height:36px;
  2080. }
  2081. .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h3,.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {
  2082. margin-top:5px;
  2083. }
  2084. .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small {
  2085. background-image:url(timeline.png?v4.4);
  2086. background-repeat:no-repeat;
  2087. background-position:0 -109px;
  2088. width:153px;
  2089. height:26px;
  2090. }
  2091. .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content {
  2092. height:14px;
  2093. }
  2094. .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content h3,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 {
  2095. margin-top:4px;
  2096. }
  2097. .vco-timeline .vco-navigation .timenav-background .timenav-tag-size-half,.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-half div {
  2098. height:25px;
  2099. }
  2100. .vco-timeline .vco-navigation .timenav-background .timenav-tag-size-full,.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-full div {
  2101. height:50px;
  2102. }
  2103. .vco-timeline .vco-navigation .timenav .content .marker.active .flag,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small,.vco-timeline .vco-navigation .timenav .content .marker.active .flag.row1,.vco-timeline .vco-navigation .timenav .content .marker.active .flag.row2,.vco-timeline .vco-navigation .timenav .content .marker.active .flag.row3,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row1,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row2,.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row3 {
  2104. z-index:200;
  2105. }
  2106. .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-website,.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-link {
  2107. background-image:url(timeline.png?v4.4);
  2108. background-repeat:no-repeat;
  2109. background-position:-232px -120px;
  2110. }
  2111. .vco-timeline .vco-navigation .timenav .content .marker .flag.row3,.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row6 {
  2112. z-index:23;
  2113. top:1px;
  2114. }
  2115. .vco-timeline .vco-navigation .timenav .time .time-interval,.vco-timeline .vco-navigation .timenav .time .time-interval-major {
  2116. white-space:nowrap;
  2117. position:absolute;
  2118. top:5px;
  2119. left:0;
  2120. }
  2121. .vco-timeline .vco-navigation .timenav .time .time-interval div strong,.vco-timeline .vco-navigation .timenav .time .time-interval-major div strong {
  2122. font-weight:700;
  2123. color:#000;
  2124. }
  2125. @media only screen and -webkit-min-device-pixel-ratio2,only screen and min-device-pixel-ratio2{
  2126. .thumbnail {
  2127. background-image:url(timeline@2x.png?v4.4);
  2128. background-size:352px 260px;
  2129. }
  2130. .vco-skinny.vco-notouch .vco-slider .nav-previous .icon {
  2131. background-image:url(timeline@2x.png?v4.4);
  2132. background-size:352px 260px;
  2133. background-repeat:no-repeat;
  2134. background-position:-208px 0;
  2135. width:24px;
  2136. height:24px;
  2137. overflow:hidden;
  2138. }
  2139. .vco-skinny.vco-notouch .vco-slider .nav-next .icon {
  2140. background-image:url(timeline@2x.png?v4.4);
  2141. background-size:352px 260px;
  2142. background-repeat:no-repeat;
  2143. background-position:-232px 0;
  2144. width:24px;
  2145. height:24px;
  2146. overflow:hidden;
  2147. }
  2148. .vco-slider .nav-previous .icon {
  2149. background-image:url(timeline@2x.png?v4.4);
  2150. background-size:352px 260px;
  2151. background-repeat:no-repeat;
  2152. background-position:-160px 0;
  2153. width:24px;
  2154. height:24px;
  2155. overflow:hidden;
  2156. }
  2157. .vco-slider .nav-next .icon {
  2158. background-image:url(timeline@2x.png?v4.4);
  2159. background-size:352px 260px;
  2160. background-repeat:no-repeat;
  2161. background-position:-184px 0;
  2162. width:24px;
  2163. height:24px;
  2164. overflow:hidden;
  2165. }
  2166. .vco-storyjs div.vco-loading .vco-loading-container .vco-loading-icon,.vco-storyjs div.vco-explainer .vco-loading-container .vco-loading-icon,.vco-storyjs div.vco-loading .vco-explainer-container .vco-loading-icon,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-loading-icon {
  2167. background-image:url(loading@2x.gif?v3.4);
  2168. }
  2169. .vco-storyjs div.vco-loading .vco-loading-container .vco-gesture-icon,.vco-storyjs div.vco-explainer .vco-loading-container .vco-gesture-icon,.vco-storyjs div.vco-loading .vco-explainer-container .vco-gesture-icon,.vco-storyjs div.vco-explainer .vco-explainer-container .vco-gesture-icon {
  2170. background-image:url(timeline@2x.png?v4.4);
  2171. background-size:352px 260px;
  2172. background-repeat:no-repeat;
  2173. background-position:-160px -160px;
  2174. width:48px;
  2175. height:48px;
  2176. }
  2177. .vco-notouch .vco-navigation .vco-toolbar .zoom-in .icon {
  2178. background-image:url(timeline@2x.png?v4.4);
  2179. background-size:352px 260px;
  2180. background-repeat:no-repeat;
  2181. background-position:-256px 0;
  2182. width:24px;
  2183. height:24px;
  2184. }
  2185. .vco-notouch .vco-navigation .vco-toolbar .zoom-out .icon {
  2186. background-image:url(timeline@2x.png?v4.4);
  2187. background-size:352px 260px;
  2188. background-repeat:no-repeat;
  2189. background-position:-280px 0;
  2190. width:24px;
  2191. height:24px;
  2192. }
  2193. .vco-notouch .vco-navigation .vco-toolbar .back-home .icon {
  2194. background-image:url(timeline@2x.png?v4.4);
  2195. background-size:352px 260px;
  2196. background-repeat:no-repeat;
  2197. background-position:-328px 0;
  2198. width:24px;
  2199. height:24px;
  2200. }
  2201. .vco-notouch .vco-navigation .vco-toolbar.touch .zoom-in .icon {
  2202. background-image:url(timeline@2x.png?v4.4);
  2203. background-size:352px 260px;
  2204. background-repeat:no-repeat;
  2205. background-position:-208px -160px;
  2206. width:40px;
  2207. height:40px;
  2208. }
  2209. .vco-notouch .vco-navigation .vco-toolbar.touch .zoom-out .icon {
  2210. background-image:url(timeline@2x.png?v4.4);
  2211. background-size:352px 260px;
  2212. background-repeat:no-repeat;
  2213. background-position:-256px -160px;
  2214. width:40px;
  2215. height:40px;
  2216. }
  2217. .vco-notouch .vco-navigation .vco-toolbar.touch .back-home .icon {
  2218. background-image:url(timeline@2x.png?v4.4);
  2219. background-size:352px 260px;
  2220. background-repeat:no-repeat;
  2221. background-position:-304px -160px;
  2222. width:40px;
  2223. height:40px;
  2224. }
  2225. .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover {
  2226. background-image:url(timeline@2x.png?v4.4);
  2227. background-size:352px 260px;
  2228. background-repeat:no-repeat;
  2229. background-position:0 -109px;
  2230. width:153px;
  2231. height:26px;
  2232. }
  2233. .vco-notouch .vco-navigation .timenav-background .timenav-indicator {
  2234. background-image:url(timeline@2x.png?v4.4);
  2235. background-size:352px 260px;
  2236. background-repeat:no-repeat;
  2237. background-position:-160px -48px;
  2238. width:24px;
  2239. height:24px;
  2240. }
  2241. .vco-notouch .vco-navigation .timenav .content .marker .flag:hover,.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover {
  2242. background-image:url(timeline@2x.png?v4.4);
  2243. background-size:352px 260px;
  2244. background-repeat:no-repeat;
  2245. background-position:0 -53px;
  2246. width:153px;
  2247. height:53px;
  2248. }
  2249. }
  2250. @media only screen and -webkit-min-device-pixel-ratio15,only screen and min--moz-device-pixel-ratio15,only screen and min-device-pixel-ratio15{
  2251. #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
  2252. background-image:url(fancybox_sprite@2x.png);
  2253. background-size:44px 152px;
  2254. }
  2255. #fancybox-loading div {
  2256. background-image:url(loading@2x.gif);
  2257. background-size:24px 24px;
  2258. }
  2259. }
  2260. @media only screen and max-width480px,only screen and max-device-width480px{
  2261. .vco-slider .nav-next,.vco-slider .nav-previous {
  2262. display:none;
  2263. }
  2264. }
  2265. @media screen and max-device-width480px and orientationportrait{
  2266. .storyjs-embed.full-embed {
  2267. height:557px!important;
  2268. width:320px!important;
  2269. }
  2270. .storyjs-embed.full-embed .vco-feature {
  2271. height:356px!important;
  2272. }
  2273. }
  2274. @media screen and max-device-width480px and orientationlandscape{
  2275. .storyjs-embed.full-embed {
  2276. height:409px!important;
  2277. width:480px!important;
  2278. }
  2279. .storyjs-embed.full-embed .vco-feature {
  2280. height:208px!important;
  2281. }
  2282. }