package Ġo re illy . queue . resources Ċ Ċ object ĠString Resources Ġ{ ĊĊ ĉ val ĠMissing Content Ġ= Ġ"< div Ġid =\" s bo - rt - content \">\ n Ġ Ġ< div Ġid =\" ore illy - missing - content \">\ n ĠĠĠ ĠSorry , Ġwe \' re Ġunable Ġto Ġfind Ġthis Ġcontent , Ġor Ġmay Ġhave Ġencountered Ġan Ġerror . ĠYou Ġcan Ġ< a Ġhref =\" # \" Ġid =\" ore illy - missing - content - retry \"> try Ġagain </ a >\ n Ġ Ġ</ div >\ n Ġ Ġ< script >\ n ĠĠĠ Ġdocument . getElementById (\' ore illy - missing - content - retry \ '). addEventListener (\' click \', Ġfunction ( e ){ \ n ĠĠĠĠĠ ĠAndroid Bridge . refresh Chapter (); \ n ĠĠĠĠĠ Ġe . preventDefault (); \ n ĠĠĠ Ġ}); \ n Ġ Ġ</ script >\ n </ div >" ĊĊ ĉ val ĠHtml Template Ġ= Ġ"< ! DOCTYPE Ġhtml >\ n ĠĠĠ Ġ< html >\ n ĠĠĠĠĠ Ġ< head >\ n \ n ĠĠĠĠĠĠĠ Ġ< title >{ ORE IL LY || CH AP TER TITLE }</ title >\ n \ n ĠĠĠĠĠĠĠ Ġ< meta Ġcharset =\" UTF - 8 \" Ġ/>\ n ĠĠĠĠĠĠĠ Ġ< meta Ġname =\" viewport \" Ġcontent =\" width = device - width , Ġinitial - scale = 1 , Ġminimum - scale = 1 , Ġmaximum - scale = 1 , Ġuser - scalable = no \" Ġ/>\ n \ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || BOOK HEAD }\ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || CH AP TER HEAD }\ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || APPLICATION HEAD }\ n \ n ĠĠĠĠĠ Ġ</ head >\ n \ n ĠĠĠĠĠ Ġ< body >\ n \ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || CH AP TER HTML }\ n \ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || BOOK BODY }\ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || CH AP TER BODY }\ n \ n ĠĠĠĠĠĠĠ Ġ< script >\ n \ n ĠĠĠĠĠĠĠĠĠ ĠO re illy . configuration . computed Width Ġ= Ġ{ ORE IL LY || WIDTH }; \ n ĠĠĠĠĠĠĠĠĠ ĠO re illy . configuration . computed Height Ġ= Ġ{ ORE IL LY || HEIGHT }; \ n ĠĠĠĠĠĠĠĠĠ ĠO re illy . configuration . baseUrl Ġ= Ġ\' { ORE IL LY || BASE URL }\ '; \ n \ n ĠĠĠĠĠĠĠĠĠ Ġwindow . addEventListener (\' load \', Ġfunction ( e ) Ġ{\ n ĠĠĠĠĠĠĠĠĠĠĠ Ġtry Ġ{\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdocument . body . addEventListener (\' click \', ĠO re illy . click Delegate );\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠO re illy . prevent Page Scroll (); \ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠO re illy . clear Selection Without Sending Tap (); \ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠO re illy . setup Selection Change Publisher (); \ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ{ ORE IL LY || BOOK LOAD }\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ{ ORE IL LY || CH AP TER LOAD }\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwindow . setTimeout ( O re illy . enable Element Explo der , Ġ 1 6 0 );\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠO re illy . configuration . wait Ġ&= Ġ~ O re illy . configuration . CONTENT _ LOADED ;\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠO re illy . attempt T ent ative Load (); \ n ĠĠĠĠĠĠĠĠĠĠĠ Ġ} Ġcatch ( exception ) Ġ{\ n ĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠAndroid Bridge . on Ca ught Exception ( exception . message );\ n ĠĠĠĠĠĠĠĠĠĠĠ Ġ}\ n ĠĠĠĠĠĠĠĠĠ Ġ}); \ n \ n ĠĠĠĠĠĠĠ Ġ</ script >\ n \ n ĠĠĠĠĠ Ġ</ body >\ n \ n ĠĠĠ Ġ</ html >" ĊĊ ĉ val ĠCustom izer Template Ġ= Ġ"< ! DOCTYPE >\ n < html >\ n Ġ Ġ< head >\ n ĠĠĠ Ġ< title > PRE VIEW </ title >\ n ĠĠĠ Ġ< meta Ġcharset =\" UTF - 8 \" Ġ/>\ n ĠĠĠ Ġ< meta Ġname =\" viewport \" Ġcontent =\" width = device - width , Ġinitial - scale = 1 \" Ġ/>\ n ĠĠĠ Ġ< style >\ n ĠĠĠĠĠ Ġ{ STY LES }\ n ĠĠĠ Ġ</ style >\ n ĠĠĠ Ġ< style >\ n ĠĠĠĠĠ Ġhtml , Ġbody Ġ{\ n ĠĠĠĠĠĠĠ Ġheight : Ġauto Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġmargin : Ġ 0 Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġpadding : Ġ 0 Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġoverflow : Ġvisible Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġ- webkit - user - select : Ġnone ;\ n ĠĠĠĠĠ Ġ}\ n ĠĠĠĠĠ Ġ# s bo - rt - content Ġ{\ n ĠĠĠĠĠĠĠ Ġheight : Ġauto Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġmin - height : Ġ 0 Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġmax - height : Ġnone Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġoverflow : Ġvisible Ġ! important ;\ n ĠĠĠĠĠ Ġ}\ n ĠĠĠĠĠ Ġ# s bo - rt - content Ġp , Ġ# s bo - rt - content Ġdiv Ġ{\ n ĠĠĠĠĠĠĠ Ġfont - size : Ġinherit Ġ! important ;\ n ĠĠĠĠĠĠĠ Ġfont - family : Ġserif Ġ! important ;\ n ĠĠĠĠĠ Ġ}\ n ĠĠĠ Ġ</ style >\ n Ġ Ġ</ head >\ n Ġ Ġ< body >\ n ĠĠĠ Ġ< div Ġid =\" s bo - rt - content \">\ n ĠĠĠĠĠ Ġ< div Ġid =\" custom izer - fill er \">\ n ĠĠĠĠĠĠĠ Ġ< p >\ n ĠĠĠĠĠĠĠĠĠ ĠLorem Ġipsum Ġdolor Ġsit Ġamet , Ġconsectetur Ġadipiscing Ġelit ,\ n ĠĠĠĠĠĠĠĠĠ Ġ< span Ġclass =\" annot ator - highlight \"> ull am co Ġlaboris Ġnisi Ġut Ġaliquip Ġex Ġea Ġcommodo </ span > Ġconsequat .\ n ĠĠĠĠĠĠĠĠĠ ĠSed Ġdo Ġeiusmod Ġtempor Ġincididunt Ġut Ġlabore Ġet Ġdolore Ġmagna \ n ĠĠĠĠĠĠĠĠĠ Ġaliqua . ĠUt Ġenim Ġad Ġminim Ġveniam , Ġquis Ġnostrud Ġexercitation \ n ĠĠĠĠĠĠĠ Ġ</ p >\ n ĠĠĠĠĠĠĠ Ġ< p > V estibulum Ġvitae Ġpos uere Ġpur us . ĠE ti am Ġeget Ġodio Ġeu Ġmauris Ġlac in ia Ġcon gue . ĠM auris Ġconsequat Ġf ring illa \ n ĠĠĠĠĠĠĠĠĠ Ġph are tra . ĠC ras Ġid Ġante Ġvitae Ġnibh Ġconv allis Ġconv allis . ĠV iv am us Ġsus cipit Ġnec Ġlorem Ġquis Ġcur sus . ĠC ras Ġeu is mod ,\ n ĠĠĠĠĠĠĠĠĠ Ġante Ġat Ġe ffic it ur Ġelement um , Ġelit Ġmi Ġbib endum Ġris us , Ġeu Ġpos uere Ġmauris Ġlorem Ġsed Ġerat . ĠV iv am us Ġmat tis Ġlectus \ n ĠĠĠĠĠĠĠĠĠ Ġet Ġnisi Ġcon gue , Ġac Ġbland it Ġvelit Ġimper diet . ĠInter dum Ġet Ġmales u ada Ġf ames Ġac Ġante Ġipsum Ġpri mis Ġin Ġfauc ibus .\ n ĠĠĠĠĠĠĠĠĠ ĠA enean Ġvitae Ġmetus Ġin Ġelit Ġport t itor Ġmales u ada . ĠPro in Ġr hon cus Ġtincidunt Ġnisi , Ġvitae Ġdign iss im Ġd ui Ġv estibulum Ġtempor .\ n ĠĠĠĠĠĠĠĠĠ ĠNull a Ġcon dim ent um Ġat Ġsapi en Ġac Ġcommodo .\ n ĠĠĠĠĠĠĠ Ġ</ p >\ n ĠĠĠĠĠĠĠ Ġ< p > Null am Ġsed Ġjusto Ġmagna . ĠA enean Ġp ellentesque Ġat Ġtort or Ġat Ġi ac ulis . ĠAli quam Ġsed Ġmauris Ġmi . ĠQu isque Ġnon Ġmetus Ġtincidunt ,\ n ĠĠĠĠĠĠĠĠĠ Ġsod ales Ġeros Ġa , Ġul tric ies Ġante . ĠA enean Ġa Ġlac in ia Ġsapi en , Ġut Ġvar ius Ġmi . ĠN unc Ġullam cor per Ġfin ibus Ġultr ices .\ n ĠĠĠĠĠĠĠĠĠ ĠC ras Ġimper diet Ġpret ium Ġnunc Ġa Ġullam cor per . ĠQu isque Ġquis Ġpur us Ġullam cor per , Ġsemp er Ġn isl Ġat , Ġsol licit ud in Ġeros .\ n ĠĠĠĠĠĠĠĠĠ ĠN unc Ġin Ġenim Ġeu Ġvelit Ġf ring illa Ġele if end . ĠNull a Ġor ci Ġdolor , Ġa uctor Ġa Ġul tric ies Ġat , Ġmales u ada Ġeu Ġquam .\ n ĠĠĠĠĠĠĠ Ġ</ p >\ n ĠĠĠĠĠ Ġ</ div >\ n ĠĠĠ Ġ</ div >\ n ĠĠĠ Ġ< script >\ n ĠĠĠĠĠ Ġdocument . body . style . backgroundColor Ġ= Ġ\' transparent \ '; \ n ĠĠĠĠĠ Ġvar Ġelement Ġ= Ġdocument . getElementById (\' s bo - rt - content \ '); \ n \ n ĠĠĠĠĠ Ġfunction Ġupdate ( margin , Ġsize , Ġlines , Ġnight ) Ġ{\ n ĠĠĠĠĠĠĠ Ġdocument . body . style . backgroundColor Ġ= Ġ\ '\ '; \ n ĠĠĠĠĠĠĠ Ġelement . style . setProperty (\' padding \', Ġmargin Ġ+ Ġ\' px \', Ġ\' important \ '); \ n ĠĠĠĠĠĠĠ Ġelement . style . setProperty (\' font - size \', Ġsize Ġ+ Ġ\' px \', Ġ\' important \ '); \ n ĠĠĠĠĠĠĠ Ġelement . style . setProperty (\' line - height \', Ġlines , Ġ\' important \ '); \ n ĠĠĠĠĠĠĠ Ġif Ġ( night ) Ġ{\ n ĠĠĠĠĠĠĠĠĠ Ġdocument . body . classList . add (\' night \ '); \ n ĠĠĠĠĠĠĠ Ġ} Ġelse Ġ{\ n ĠĠĠĠĠĠĠĠĠ Ġdocument . body . classList . remove (\' night \ '); \ n ĠĠĠĠĠĠĠ Ġ}\ n ĠĠĠĠĠ Ġ}\ n \ n ĠĠĠĠĠ Ġ// Ġfill Ġthe Ġpage Ġat Ġthe Ġsmallest Ġfont Ġsize \ n ĠĠĠĠĠ Ġvar Ġfill er Ġ= Ġdocument . getElementById (\' custom izer - fill er \ '); \ n ĠĠĠĠĠ Ġelement . style . setProperty (\' font - size \', Ġ\' 8 px \', Ġ\' important \ '); \ n ĠĠĠĠĠ Ġvar Ġlimit Ġ= Ġ 2 0 0 ;\ n ĠĠĠĠĠ Ġvar Ġcount Ġ= Ġ 0 ;\ n ĠĠĠĠĠ Ġwhile Ġ( element . offsetHeight Ġ< Ġwindow . innerHeight Ġ&& Ġcount ++ Ġ< Ġlimit ) Ġ{\ n ĠĠĠĠĠĠĠ Ġvar Ġclone Ġ= Ġfill er . clone Node ( true );\ n ĠĠĠĠĠĠĠ Ġelement . appendChild ( clone );\ n ĠĠĠĠĠĠĠ Ġconsole . log (\' adding Ġclone \ '); \ n ĠĠĠĠĠ Ġ}\ n ĠĠĠĠĠ Ġelement . style . setProperty (\' font - size \', Ġ\' 1 6 px \', Ġ\' important \ '); \ n ĠĠĠ Ġ</ script >\ n Ġ Ġ</ body >\ n </ html >" ĊĊ ĉ val ĠExplo der Template Ġ= Ġ"< ! DOCTYPE Ġhtml >\ n ĠĠĠ Ġ< html >\ n ĠĠĠĠĠ Ġ< head >\ n \ n ĠĠĠĠĠĠĠ Ġ< title >{ ORE IL LY || CH AP TER TITLE }</ title >\ n \ n ĠĠĠĠĠĠĠ Ġ< meta Ġcharset =\" UTF - 8 \" Ġ/>\ n ĠĠĠĠĠĠĠ Ġ< meta Ġname =\" viewport \" Ġcontent =\" width = device - width , Ġinitial - scale = 1 \" Ġ/>\ n \ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || BOOK HEAD }\ n \ n ĠĠĠĠĠ Ġ</ head >\ n \ n ĠĠĠĠĠ Ġ< body Ġclass =\" { ORE IL LY || N IGHT MODE } Ġo re illy - expand er \">\ n \ n ĠĠĠĠĠĠĠ Ġ{ ORE IL LY || CH AP TER HTML }\ n \ n ĠĠĠĠĠĠĠ Ġ< script >\ n \ n ĠĠĠĠĠĠĠĠĠ Ġ/* ĠThis Ġfile Ġis Ġnot Ġmin ified Ġnormally , Ġso Ġcomments Ġare Ġnot Ġstripped Ġ- Ġinline Ġcomments Ġwill Ġgenerally Ġthrow Ġ\" Un caught ĠSyntax Error : ĠUnexpected Ġend Ġof Ġinput \" Ġ*/ \ n \ n ĠĠĠĠĠĠĠĠĠ Ġwindow . addEventListener (\' load \', Ġfunction ( e ) Ġ{\ n ĠĠĠĠĠĠĠĠĠĠĠ Ġ{ ORE IL LY || BOOK LOAD }\ n ĠĠĠĠĠĠĠĠĠ Ġ}); \ n \ n ĠĠĠĠĠĠĠ Ġ</ script >\ n \ n ĠĠĠĠĠ Ġ</ body >\ n \ n ĠĠĠ Ġ</ html >" ĊĊ ĉ val ĠAnnot ator Init Ġ= Ġ"( function (){ var Ġf ={}, c = new ĠAnnot ator ({ tagName :\" span \", className :\" annot ator - highlight \", note ClassName :\" annot ator - note \", lead ClassName :\" annot ator - note - first \", root Node : document . getElementById (\" s bo - rt - content \" ), blacklist : O re illy . configuration . blacklist }), h = function (){ }; c . add Validation Hook ( function ( a ){ if ( a . quote . length > Annot ator . MAXIMUM _ HIG HL IGHT _ LENGTH || a . exception == Annot ator . HIG HL IGHT _ MAXIMUM _ LENGTH _ EX CE EDED _ MESSAGE ) throw Ġnew Ġh ; }); c . add Validation Hook ( function ( a ){ if ( null == a . quote ) throw ĠError (); }); c . add Validation Hook ( function ( a ){ if ( null != \ na . text && a . text . length > Annot ator . MAXIMUM _ HIG HL IGHT _ LENGTH ) throw ĠError (); }); c . set Validation Handler ( function ( a ){ a Ġinstanceof Ġh &&( window . Annotations Interface . on Annotation Too Large To Save (), window . getSelection (). removeAll Ranges ()) }); c . start (); var Ġg ={ pattern :/ [ xy ]/ g , placeholder :\" xxxxxxxx - xxxx - 4 xxx - y xxx - xxxxxxxx xxxx \", re placer : function ( a ){ var Ġb = 1 6 * Math . random () | 0 ; return (\" x \" == a ? b : b & 3 | 8 ). toString ( 1 6 )}, get : function (){ return Ġg . placeholder . replace ( g . pattern , g . re placer )} }, e ={ draw : function ( a ){ var Ġb = a . ranges [ 0 ]; try { c . highlight Range ( b ,\ n !! a . text ). forEach ( function ( b ){ b . annotation = a ; b . classList . add (\" highlight - for - annotation - \" + a . identifier )}) } catch ( d ){ console . log ( d ), console . log ( d . stack ), console . log ( JSON . stringify ( a )) }}, clear : function ( a ){ for ( a = c . options . root Node . getElementsByClassName (\" highlight - for - annotation - \" + a . identifier ); 0 < a . length ;) c . highlighter . clear Highlight ( a [ 0 ]) }, redraw : function ( a ){ e . clear ( a ); e . draw ( a )} }; window . JavaScript Bridge ={ add Selected Annotation : function ( a ){ c . validate (); if ( c . isValid ){ var Ġb ; b = c . selection ; var Ġd = g . get (); \ nb ={ quote : b . quote , fragment : b . fragment , text : b . text , id : d , identifier : d , ranges :[ c . get Range Descriptor From Selection ()] }; b = JSON . stringify ( b ); a ? window . Annotations Interface . process Annotation For Note ( b ): window . JavaScript Bridge . create Annotation ( b )} }, create Annotation : function ( a ){ var Ġb = JSON . parse ( a ); f [ b . identifier ]= b ; window . Annotations Interface . on Annotation Created ( a ); window . getSelection (). removeAll Ranges (); e . draw ( b )}, update Annotation : function ( a ){ a = JSON . parse ( a ); var Ġb = a . text ; if ( a = f [ a . identifier ]) a . text = b , e . redraw ( a )}, \ n delete Annotation : function ( a ){ a = JSON . parse ( a ); console . log (\" delete Annotation Ġcalled Ġon Ġ\" + a . identifier ); if ( a = f [ a . identifier ]) e . clear ( a ), delete Ġf [ a . identifier ]}, load Annotations : function ( a ){ c . clear (); ( a = JSON . parse ( a )) && a . forEach ( function ( a ){ f [ a . identifier ]= a ; try { e . draw ( a )} catch ( c ){ }} )} }; document . body . addEventListener (\" click \", function ( a ){ if ( a . target . classList . contains ( c . options . className )){ var Ġb = O re illy . get Annotations As Json ( a . target ), d = O re illy . getContainer ( a . target ,[ \" A \ "]); if ( null == d ) window . Annotations Interface . start Editing Existing Annotations ( b );\ n else Ġreturn Ġwindow . Annotations Interface . on Highlight Conflict Detected ( d . href , b ), a . preventDefault (), a . stopPropagation (), a . stop Immediate Propagation (), ! 1 }}) })(); " ĊĊ ĉ val ĠDom Script Ġ= Ġ" Element . prototype . matches ||( Element . prototype . matches = Element . prototype . matches Selector || Element . prototype . moz Matches Selector || Element . prototype . ms Matches Selector || Element . prototype . o Matches Selector || Element . prototype . webkit Matches Selector || function ( a ){ a =( this . document || this . owner Document ). querySelectorAll ( a ); for ( var Ġb = a . length ; 0 <= -- b && a . item ( b )! == this ; ); return - 1 < b }); \ n var ĠDom ={ matches : function ( a , b ){ return Ġa && b && b . length ? b . some ( function ( b ){ return Ġa . matches ( b )} ): ! 1 }, next : function ( a , b ){ return Ġnull == a ? null : ! b && a . firstChild ? a . firstChild : a . next Sibling ? a . next Sibling : this . next ( a . parentNode , ! 0 )}, previous : function ( a ){ return Ġnull == a ? null : a . previous Sibling ? a . previous Sibling : a . parentNode ? a . parentNode : null }, is Before : function ( a , b , d ){ for ( ; null != a ; ){ if ( a == b ) return ! 0 ; if ( a == d ) break ; a = this . next ( a )} return ! 1 }, get Offset To Node : function ( a , b ){ 1 == arguments . length &&( b = a . parentElement ); for ( var Ġd =\ n 0 , c = b . firstChild ; null != c ; ){ if ( c . nodeType == Node . TEXT _ NODE ){ if ( c == a || c . parentElement == a ) break ; d += c . node Value . length } c = Dom . next ( c )} return Ġd }, getElement Or Ancestor By Selector : function ( a , b ){ for ( ; null != a && a != document . body ; ){ if ( a . nodeType == Node . ELEMENT _ NODE && Dom . matches ( a , b )) return Ġa ; a = a . parentElement } return Ġnull }, getFirst Ancestor Outside Of Pro hibited Tree : function ( a , b ){ var Ġd = Dom . getElement Or Ancestor By Selector ( a , b ); return Ġnull == d ? a . nodeType == Node . ELEMENT _ NODE ? a : a . parentElement : Dom . getFirst Ancestor Outside Of Pro hibited Tree ( d . parentElement ,\ nb )}, getNode And Offset : function ( a , b ){ for ( var Ġd = 0 , c = a . firstChild ; null != c ; ){ if ( c . nodeType == Node . TEXT _ NODE ){ var Ġe = c . node Value . length , d = d + e ; if ( d > b ) return { node : c , offset : e -( d - b )}} c = Dom . next ( c )} return Ġnull }, getText Nodes Between : function ( a , b ){ for ( var Ġd =[], c = a ; null != c ; ){ c . nodeType == Node . TEXT _ NODE && 0 < c . node Value . length && d . push ( c ); if ( c == b ) break ; c = Dom . next ( c )} return Ġd }}; " ĊĊ ĉ val ĠHighlight Script Ġ= Ġ" var ĠHighlight er = function ( a ){ this . options = a || {}; this . xpath = new ĠXPath ( this . options . root Node , this . options . blacklist )}; Highlight er . IS _ ONLY _ WH ITES PACE _ REGEX =/ ^ \\ s *\ $/ ; Highlight er . PROHIBIT ED _ PARENT _ TAGS =\" ul Ġol Ġoption Ġselect Ġtable Ġtbody Ġthead Ġtr Ġtextarea \" . split (\" Ġ\ "); \ n Highlight er . prototype ={ options : null , xpath : null , should Highlight Node : function ( a ){ return Ġnull != a && a . nodeType == Node . TEXT _ NODE && null != a . parentNode && - 1 == Highlight er . PROHIBIT ED _ PARENT _ TAGS . indexOf ( a . parentNode . nodeName ) && ! Highlight er . IS _ ONLY _ WH ITES PACE _ REGEX . test ( a . whole Text + a . node Value )}, highlight Node : function ( a , b ){ if (! this . should Highlight Node ( a )) return Ġnull ; var Ġc = document . createElement ( this . options . tagName ); c . appendChild ( document . createTextNode ( a . node Value )); c . classList . add ( this . options . className ); b && \ nc . classList . add ( this . options . className + \" - \" + b ); a . parentNode . replace Child ( c , a ); return Ġc }, clear Highlight : function ( a ){ for ( ; 0 < a . childNodes . length ;) a . parentElement . insertBefore ( a . firstChild , a ); a . parentElement . removeChild ( a )}, clear All : function (){ for ( var Ġa = this . options . root Node . querySelectorAll ( this . options . tagName + \" .\" + this . options . className ), b = 0 ; b < a . length ; b ++) this . clear Highlight ( a [ b ]) }, clear Range : function ( a ){ a = this . options . root Node . querySelectorAll ( this . options . tagName + \" .\" + this . options . className + \" - \" + a );\ n for ( var Ġb = 0 ; b < a . length ; b ++) this . clear Highlight ( a [ b ]) }, highlight Range : function ( a , b ){ var Ġc = this . xpath . read ( a . start ); 0 < a . start Offset &&( c = Dom . getNode And Offset ( c , a . start Offset ), c = c . node . split Text ( c . offset )); var Ġd = this . xpath . read ( a . end ); 0 < a . end Offset &&( d = Dom . getNode And Offset ( d , a . end Offset ), d = d . node . split Text ( d . offset ). previous Sibling ); var Ġe =[]; Dom . getText Nodes Between ( c , d ). forEach ( function ( a ){ a = this . highlight Node ( a , b ); if ( null == a ) return ! 0 ; e . push ( a )}, this ); return Ġe }}; " ĊĊ ĉ val ĠT ot ri Paging Styles Ġ= Ġ" body . ore illy - paging { padding : 0 Ġ! important ; margin : 0 Ġ! important ; position : relative }. ore illy - paging Ġ# s bo - rt - content { overflow - x : visible Ġ! important ; position : relative Ġ! important }. ore illy - paging Ġ# s bo - rt - content Ġa { overflow - wrap : break - word Ġ! important }. s bo - rt - un selectable {- webkit - user - select : none Ġ! important }. ore illy - paging Ġ# s bo - rt - content Ġdiv ,. ore illy - paging Ġ# s bo - rt - content Ġtable ,. ore illy - paging Ġ# s bo - rt - content Ġpre { max - height : none Ġ! important } body . ore illy - expand er { padding : 0 Ġ! important }. ore illy - explo der - button { display : block ; height : 3 0 px ; width : 3 0 px ; margin - left :- 3 0 px ; position : absolute ; opacity :. 9 5 ; background - color :# f 9 f 9 f 9 ; z - index : 1 0 0 0 ; box - shadow :- 1 px Ġ 1 px Ġ 1 px Ġ 0 Ġrgba ( 0 , 0 , 0 ,. 2 5 )}. ore illy - explo der - button :: after { top : 7 px ; left : 7 px ; position : absolute ; height : 1 6 px ; width : 1 6 px ; content :\"\"; background - image : url ( file :/// android _ asset / images / tot ri _ explo der _ explode . png ); background - repeat : no - repeat ; background - size : 1 0 0 % }. night Ġ. ore illy - explo der - button { background - color :# 4 4 4 }. night Ġ. ore illy - explo der - button :: after { background - image : url ( file :/// android _ asset / images / tot ri _ explo der _ explode _ night . png )}" ĊĊ ĉ val ĠX path Script Ġ= Ġ" var ĠXPath = function ( a , b ){ this . reader = new ĠXPath . Reader ( a , b ); this . writer = new ĠXPath . Writer ( a , b )}; XPath . prototype ={ reader : null , writer : null , read : function ( a ){ return Ġthis . reader . read ( a )}, write : function ( a ){ return Ġthis . writer . write ( a )} }; XPath . X PATH _ DE LIMITER =\" / \"; XPath . X PATH _ INDEX _ OPEN =\" [ \"; XPath . X PATH _ INDEX _ CLOSE =\ "] \"; XPath . Reader = function ( a , b ){ this . root = a ; this . pro hibited = b }; \ n XPath . Reader . prototype ={ pro hibited : null , root : null , read : function ( a , b ){ if (! a ) return Ġnull ; if ( a == XPath . X PATH _ DE LIMITER ) return Ġthis . root ; a . charAt ( 0 )== XPath . X PATH _ DE LIMITER &&( a = a . substring ( 1 )); a = a . toUpperCase (); b = b || this . root ; var Ġe = a . split ( XPath . X PATH _ DE LIMITER ), c = e . shift (), d , f = c . indexOf ( XPath . X PATH _ INDEX _ OPEN ); if (- 1 < f ){ var Ġg = c . indexOf ( XPath . X PATH _ INDEX _ CLOSE ); d = c . substring ( 0 , f ); c = c . substring ( f + 1 , g )} else Ġd = c , c = 1 ; d = this . getChild OfType At ( b , d , c ); return Ġ 0 == e . length ? d : this . read ( e . join ( XPath . X PATH _ DE LIMITER ), \ nd )}, getChild OfType At : function ( a , b , e ){ b = b . toUpperCase (); for ( var Ġc =[], d = 0 ; d < a . children . length ; d ++) c [ d ]= a . children [ d ]; for ( d = 0 ; d < c . length ; d ++) if ( a = c [ d ], a . nodeName . toUpperCase ()== b ) if ( Dom . matches ( a , this . pro hibited )){ a = this . flatten Children ( a ); for ( var Ġf = 0 ; f < a . length ; f ++) c . splice ( d + f , 1 , a [ f ]) } else Ġif ( 0 >= -- e ) return Ġa ; return Ġnull }, flatten Children : function ( a , b ){ b = b || []; for ( var Ġe = 0 ; e < a . children . length ; e ++){ var Ġc = a . children [ e ]; Dom . matches ( c , this . pro hibited )? this . flatten Children ( c , b ): b . push ( c )} return Ġb }}; \ n XPath . Writer = function ( a , b ){ this . root = a ; this . pro hibited = b }; XPath . Writer . prototype ={ pro hibited : null , root : null , write : function ( a ){ a . nodeType != Node . ELEMENT _ NODE &&( a = a . parentElement ); for ( var Ġb =[], e = new ĠXPath . Writer . Component ( this . root , this . pro hibited ); null != a && a != this . root ; ){ e . walk ( a ); b . unshift ( e . getString ()); var Ġc = e . getParent (); if ( c == this . root || null == a ) break ; a = c } return ĠXPath . X PATH _ DE LIMITER + b . join ( XPath . X PATH _ DE LIMITER ). toUpperCase ()} }; XPath . Writer . Component = function ( a , b ){ this . root = a ; this . pro hibited = b }; \ n XPath . Writer . Component . START ING _ INDEX = 1 ;\ n XPath . Writer . Component . prototype ={ position : XPath . Writer . Component . START ING _ INDEX , tag : null , pro hibited : null , root : null , getString : function (){ return Ġthis . tag + XPath . X PATH _ INDEX _ OPEN + this . position + XPath . X PATH _ INDEX _ CLOSE }, getParent : function (){ return Ġthis . element . parentElement }, get Previous : function (){ return Ġthis . element . previous Element Sibling }, increment : function (){ this . position ++ }, move Back : function (){ this . element = this . get Previous ()}, move Up : function (){ this . element = this . getParent ()}, set Element To First Non Pro hibited : function (){ for ( ; Dom . matches ( this . element ,\ n this . pro hibited ); ) this . move Up ()}, count : function (){ for ( ; null != this . get Previous (); ) this . get Previous (). nodeName == this . tag &&( Dom . matches ( this . get Previous (), this . pro hibited )|| this . increment ()), this . move Back ()}, walk : function ( a ){ this . position = XPath . Writer . Component . START ING _ INDEX ; this . element = a ; this . tag = this . element . nodeName ; this . set Element To First Non Pro hibited (); for ( this . count (); Dom . matches ( this . getParent (), this . pro hibited ); ) this . move Up (), this . count ()} }; " ĊĊ ĉ val ĠChapter Styles Ġ= Ġ" html { height : 1 0 0 %} body { font - size : 1 6 px ; min - height : 1 0 0 %; position : relative Ġ! important ; background - color :# f 6 f 6 f 6 } # s bo - chapter - head - space { height : 7 5 px } # s bo - chapter - tail - space { height : 1 5 0 px } # s bo - rt - content { overflow - x : hidden ; box - sizing : border - box Ġ! important ; width : auto Ġ! important ; max - width : none Ġ! important ; min - width : 0 Ġ! important ; max - height : none Ġ! important ; min - height : 1 0 0 % Ġ! important ; height : 1 0 0 % Ġ! important ; margin : 0 Ġ! important ; padding : 2 0 px Ġ! important ; line - height : 1 . 5 em Ġ! important } # s bo - rt - content Ġpre ,# s bo - rt - content Ġcode ,# s bo - rt - content Ġtable {- webkit - column - break - inside : avoid ; overflow - x : hidden Ġ! important ; overflow : hidden Ġ! important ; overflow - wrap : break - word Ġ! important ; max - width : auto Ġ! important ; table - layout : fixed Ġ! important ; width : 1 0 0 % Ġ! important } # s bo - rt - content Ġpre ,# s bo - rt - content Ġcode { white - space : pre - wrap Ġ! important } # s bo - rt - content Ġtd ,# s bo - rt - content Ġtd Ġp ,# s bo - rt - content Ġtd Ġp Ġa ,# s bo - rt - content Ġtd Ġa ,# s bo - rt - content Ġtd Ġli ,# s bo - rt - content Ġth ,# s bo - rt - content Ġth Ġp { font - family : sans - serif Ġ! important } # s bo - rt - content Ġtbody Ġtd { border - bottom : 1 px Ġsolid Ġ# ddd Ġ! important } # s bo - rt - content Ġtd ,# s bo - rt - content Ġth { padding :. 5 em Ġ! important ; min - width : auto Ġ! important ; width : auto Ġ! important ; overflow - wrap : break - word Ġ! important } # s bo - rt - content Ġtd Ġ*, # s bo - rt - content Ġth Ġ* { margin : 0 Ġ! important ; padding : 0 Ġ! important ; overflow - wrap : break - word Ġ! important ; width : auto Ġ! important } # s bo - rt - content Ġtd Ġcode ,# s bo - rt - content Ġtd Ġpre ,# s bo - rt - content Ġtd Ġa { word - break : break - word Ġ! important } # s bo - rt - content Ġimg { max - width : 1 0 0 %; height : auto Ġ! important } # s bo - rt - content Ġdiv { font - size : inherit Ġ! important ; text - align : inherit Ġ! important } # s bo - rt - content Ġp ,# s bo - rt - content Ġli {- webkit - hy ph ens : none Ġ! important ; text - align : left Ġ! important ; letter - spacing :. 0 1 rem Ġ! important ; font - size : 1 0 0 % Ġ! important ; text - indent : 0 Ġ! important ; background - color : transparent Ġ! important } # s bo - rt - content Ġh 1 ,# s bo - rt - content Ġh 2 ,# s bo - rt - content Ġh 3 ,# s bo - rt - content Ġh 4 ,# s bo - rt - content Ġh 5 {- webkit - hy ph ens : none Ġ! important ; word - wrap : normal Ġ! important ; font - weight : 7 0 0 Ġ! important } # s bo - rt - content Ġ# ore illy - missing - content { font - size : 2 em ; line - height : 1 . 3 Ġ! important ; text - align : center ; margin : 4 0 % Ġ 2 0 % Ġ! important } # s bo - rt - content Ġtd . code line : first - child { min - width : initial Ġ! important } # s bo - rt - content Ġtd . code line Ġdiv { font - family : mono space Ġ! important ; font - size : 9 0 % Ġ! important ; overflow : hidden ; overflow - x : scroll ;- webkit - hy ph ens : none ; word - wrap : normal ; word - break : normal ; white - space : pre Ġ! important } # s bo - rt - content Ġtable . processed code Ġtbody Ġtr { background - color : transparent ; border - bottom : 0 } # s bo - rt - content Ġtable . processed code Ġtbody Ġtd { background - color : transparent ; border - bottom : none Ġ! important ; padding : 3 px Ġ! important } # s bo - rt - content Ġtable . processed code { border : none Ġ! important }@ media Ġall Ġand Ġ( orientation : portrait ) Ġand Ġ( max - width : 4 2 em ){ # s bo - rt - content Ġh 1 { font - size : 8 vw Ġ! important } # s bo - rt - content Ġh 2 { font - size : 7 vw Ġ! important } # s bo - rt - content Ġh 3 { font - size : 6 vw Ġ! important } # s bo - rt - content Ġh 4 { font - size : 5 vw Ġ! important } # s bo - rt - content Ġh 4 { font - size : 4 . 8 vw Ġ! important }} # s bo - rt - content Ġa ,# s bo - rt - content Ġa : link { overflow - wrap : break - word ; border - bottom : none Ġ! important ; color : inherit Ġ! important ; text - decoration : underline Ġ! important } # s bo - rt - content Ġdiv . tip Ġli ,# s bo - rt - content Ġ. tip Ġli ,# s bo - rt - content Ġ. note Ġli ,# s bo - rt - content Ġdiv . note Ġli ,# s bo - rt - content Ġ. warning Ġli ,# s bo - rt - content Ġ. note 1 Ġli ,# s bo - rt - content Ġ. sidebar 1 Ġli ,# s bo - rt - content Ġ. box g Ġli ,# s bo - rt - content Ġdiv . sidebar Ġli ,# s bo - rt - content Ġdiv . warning Ġli ,# lesson - fragment Ġdiv . tip Ġli ,# lesson - fragment Ġ. tip Ġli { font - size : 9 0 % Ġ! important ; font - family : Arial , sans - serif Ġ! important } # s bo - rt - content Ġsup { vertical - align : baseline Ġ! important }@ media Ġscreen Ġand Ġ( min - height : 2 6 . 2 5 em ) Ġand Ġ( min - width : 3 2 . 5 6 2 5 em ){ body { margin - left : auto Ġ! important ; margin - right : auto Ġ! important }} # s bo - rt - content ,# s bo - rt - content Ġp ,# s bo - rt - content Ġdiv { font - size : 1 6 px Ġ! important }. search - result { background - color : rgba ( 2 5 5 , 0 , 0 ,. 3 ) Ġ! important }. annot ator - highlight { background - color : rgba ( 2 5 5 , 2 5 5 , 1 0 ,. 3 ) Ġ! important }. annot ator - note - first : before { content :\" \\ 2 0 2 2 \"; font - size : 2 0 0 % Ġ! important ; margin - top :- 0 . 5 ex Ġ! important ; color :# b 9 0 0 2 d Ġ! important } body . ore illy - expand er { padding : 0 ; margin : 0 ; visibility : visible Ġ! important ; padding : 2 0 px Ġ! important ; overflow : auto Ġ! important ; background - color :# f 6 f 6 f 6 } body . ore illy - expand er Ġ# s bo - rt - content , body . ore illy - expand er Ġ# s bo - rt - content Ġpre , body . ore illy - expand er Ġ# s bo - rt - content Ġtable { visibility : visible Ġ! important ; overflow : auto Ġ! important ; max - width : none Ġ! important ; max - height : none Ġ! important ; min - width : 1 0 0 % Ġ! important ; min - height : auto Ġ! important ; width : auto Ġ! important ; height : auto Ġ! important ; clear : none Ġ! important ; padding : 0 Ġ! important ; margin : 0 Ġ! important ; float : none Ġ! important ; position : static Ġ! important } body . ore illy - expand er Ġ# s bo - rt - content Ġtd , body . ore illy - expand er Ġ# s bo - rt - content Ġtd Ġ*, body . ore illy - expand er Ġ# s bo - rt - content Ġth , body . ore illy - expand er Ġ# s bo - rt - content Ġth Ġ*, body . ore illy - expand er Ġ# s bo - rt - content Ġtable { word - break : normal Ġ! important ; overflow - wrap : normal Ġ! important } body . ore illy - expand er Ġ# s bo - rt - content Ġpre , body . ore illy - expand er Ġ# s bo - rt - content Ġcode { word - break : initial Ġ! important ; overflow - wrap : initial Ġ! important ; white - space : pre Ġ! important }" ĊĊ ĉ val ĠT ot ri Scripts Ġ= Ġ" window . request AnimationFrame ||( window . request AnimationFrame = function ( a ){ return Ġwindow . setTimeout ( a , 1 6 )}, window . cancel AnimationFrame = function ( a ){ window . clear Timeout ( a )}); \ n var ĠO re illy ={ Mode :{ SCROLL ING : 1 , P AGING :- 1 }, configuration :{ frames : {}, is Loaded : ! 1 , wait : 0 , CONTENT _ LOADED : 1 , PAGE _ COUNT _ DE TERMIN ED : 2 , CONTENT _ SIZE _ DE TERMIN ED : 4 , blacklist :[ \" . annot ator - highlight \",\" . table - wrapper \",\" . search - result \"] }, on Actual Load : function (){ O re illy . configuration . is Loaded = ! 0 ; Android Bridge . on Load ()}, attempt T ent ative Load : function (){ console . log (\" wait : Ġ\" + O re illy . configuration . wait ); if (! O re illy . configuration . is Loaded && 0 == O re illy . configuration . wait ) Android Bridge . on T ent ative Load ()}, add Rule : function ( a ,\ nc ){ if ( c ){ var Ġb = document . getElementById ( c ); null != b && b . parentNode . removeChild ( b )} b = document . createElement (\" style \ "); b . id = c ; b . type =\" text / css \"; b . innerHTML = a ; document . head . appendChild ( b ); window . request AnimationFrame ( function (){ if ( O re illy . configuration . mode == O re illy . Mode . P AGING ) O re illy . calculate Page Count (! 0 ); else ĠAndroid Bridge . on Content Size Determin ed ( document . body . scroll Height )}) }, get Top : function ( a ){ return Ġwindow . pageY Offset + a . getBoundingClientRect (). top }, get Left : function ( a ){ return Ġwindow . page X Offset + a . getBoundingClientRect (). left }, \ n scrollTo Position : function ( a ){ console . log (\" 7 4 7 : ĠO re illy . scrollTo Position , Ġposition : Ġ\" + a ); Android Bridge . on Element Position Found ( a /( O re illy . configuration . mode == O re illy . Mode . P AGING ? document . body . scroll Width : document . body . scroll Height )) }, scrollTo Element : function ( a ){ console . log (\" 7 4 7 : ĠO re illy . scrollTo Element , Ġ\" + a ); a &&( console . log (\" 7 4 7 : Ġelement Ġis Ġnot Ġnull , Ġscroll Ġto Ġit \" ), a = O re illy . configuration . mode == O re illy . Mode . P AGING ? O re illy . get Left ( a ): O re illy . get Top ( a )- O re illy . configuration . computed Height / 3 , console . log (\" 7 4 7 : Ġscroll To Element , Ġposition : Ġ\" +\ na ), O re illy . scrollTo Position ( a )) }, scrollTo Id : function ( a ){ a &&( a = document . getElementById ( a ), O re illy . scrollTo Element ( a )) }, scrollTo Xpath : function ( a , c ){ console . log (\" 7 4 7 : Ġscroll To Xpath , Ġ\" + a ); if ( a ){ 0 == a . indexOf (\" /\ ") &&( a = a . substring ( 1 )); var Ġb = document . getElementById (\" s bo - rt - content \ "); console . log (\" 7 4 7 : Ġfind Ġelement Ġfor Ġ\" + a ); b =( new ĠXPath ( b )). read ( a ); null != b &&( console . log (\" 7 4 7 : Ġelement Ġfound Ġ\" + b . tagName ), O re illy . scrollTo Element And Offset ( b , c )) }}, scrollTo Element And Offset : function ( a , c ){ console . log (\" 7 4 7 : Ġscroll To Element And Offset \ "); \ n if ( null == a ) console . log (\" 7 4 7 : Ġno Ġelement Ġfound Ġto Ġscroll Ġto \ "); else { var Ġb = Dom . getNode And Offset ( a , c ), d = document . create Range (); d . set Start ( b . node , b . offset ); b = d . getBoundingClientRect (); b = O re illy . configuration . mode == O re illy . Mode . P AGING ? window . page X Offset + b . left : window . pageY Offset + b . top - O re illy . configuration . computed Height / 3 ; console . log (\" 7 4 7 : Ġscroll To Element And Offset , Ġposition \\ x 3 d \" + b ); O re illy . scrollTo Position ( b ); d . collapse () }}, highlight And Scroll To Range : function ( a ){ console . log (\" 7 4 7 : Ġhighlight And Scroll To Range \ "); \ n try { console . log (\" 7 4 7 : Ġhighlighting Ġ\" + JSON . stringify ( a )); var Ġc ={ start : a . start , start Offset : a . start _ offset , end : a . end , end Offset : a . end _ offset }, b = new ĠHighlight er ({ root Node : document . getElementById (\" s bo - rt - content \" ), tagName :\" span \", className :\" search - result \", blacklist : O re illy . configuration . blacklist }); b . clear All (); var Ġd = b . highlight Range ( c ); console . log (\" 7 4 7 : Ġhighlighted . length \\ x 3 d \" + d . length ); var Ġe = d [ 0 ]; console . log (\" 7 4 7 : Ġfirst Ġelement Ġin Ġrange : Ġ\" + e ); e &&( console . log (\" 7 4 7 : Ġscrolling Ġto Ġelement : Ġ\" + e ), O re illy . scrollTo Element ( e ))} catch ( f ){ Android Bridge . on Ca ught Exception ( f . message )} }, \ n getContainer : function ( a , c ){ return Ġnull == a || a == document . body ? null :- 1 < c . indexOf ( a . tagName )? a : O re illy . getContainer ( a . parentElement , c )}, click Delegate : function ( a ){ var Ġc = a . target . tagName , b = O re illy . getContainer ( a . target ,[ \" A \ "]); if ( null != b &&( c = b . tagName , b = b . href ,\" # \" == b . charAt ( 0 )|| 0 == b . indexOf ( O re illy . configuration . baseUrl ))) return ĠAndroid Bridge . on Internal X ref ( b ), a . preventDefault (), a . stopPropagation (), ! 1 ; \" A \" == c || a . target . classList . contains (\" annot ator - highlight \") ||( console . log (\" sending Ġun consumed Ġclick Ġfrom ĠJS \" ), \ n Android Bridge . on Un consumed Tap (), a . preventDefault (), a . stopPropagation ()) }, get Annotations As Json : function ( a ){ for ( var Ġc =[]; a && a != document . body ;) a . classList . contains (\" annot ator - highlight \") && a . annotation && c . push ( a . annotation ), a = a . parentElement ; return ĠJSON . stringify ( c )}, clear Selection : function (){ window . getSelection (). is Collapsed || window . getSelection (). removeAll Ranges ()}, clear Selection Without Sending Tap : function (){ window . addEventListener (\" resize \", O re illy . clear Selection ,{ passive : ! 1 }); window . addEventListener (\" touch start \",\ n function ( a ){ if (! window . getSelection (). is Collapsed ) return ĠO re illy . clear Selection (), a . preventDefault (), a . stopPropagation (), ! 1 },{ passive : ! 1 }) }, prevent Page Scroll : function (){ window . addEventListener (\" touch move \", function ( a ){ a . preventDefault () },{ passive : ! 1 }) }, set Computed Dimensions : function ( a , c ){ O re illy . configuration . computed Width = a ; O re illy . configuration . computed Height = c }, determine Content Size : function (){ console . log (\" determine Content Size \ "); O re illy . configuration . wait |= O re illy . configuration . CONTENT _ SIZE _ DE TERMIN ED ;\ nd ocument . body . style . width =\" auto \"; O re illy . configuration . frames . content Size &&( window . cancel AnimationFrame ( O re illy . configuration . frames . content Size ), O re illy . configuration . frames . content Size = null ); O re illy . configuration . frames . content Size = window . request AnimationFrame ( function (){ console . log (\" in ĠR AF Ġfor Ġdetermine Ġcontent Ġsize \ "); O re illy . configuration . frames . content Size = null ; Android Bridge . on Content Size Determin ed ( document . body . scroll Height ); O re illy . re layout Explo der (); O re illy . configuration . wait & = ~ O re illy . configuration . CONTENT _ SIZE _ DE TERMIN ED ;\ n O re illy . attempt T ent ative Load () }) }, enable Element Explo der : function (){ O re illy . configuration . explo der ||( O re illy . configuration . explo der = new ĠO re illy . Explo der ( Android Bridge , O re illy . getContainer , O re illy . configuration , document . getElementById (\" s bo - rt - content \" ), O re illy . configuration . mode == O re illy . Mode . P AGING ), O re illy . configuration . explo der . attach ()) }, re layout Explo der : function (){ O re illy . configuration . explo der && O re illy . configuration . explo der . layout ()}, disable Element Explo der : function (){ O re illy . configuration . explo der && \ n ( O re illy . configuration . explo der . reset (), O re illy . configuration . explo der = null )}, set Navigation Mode : function ( a ){ if ( a != O re illy . configuration . mode ) switch ( O re illy . configuration . mode = a , O re illy . configuration . explo der &&( O re illy . configuration . explo der . is Paging = a == O re illy . Mode . P AGING ), a ){ case ĠO re illy . Mode . P AGING : O re illy . configuration . wait & = ~ O re illy . configuration . CONTENT _ SIZE _ DE TERMIN ED ; O re illy . configuration . wait |= O re illy . configuration . PAGE _ COUNT _ DE TERMIN ED ; O re illy . enable Paging (); break ; case ĠO re illy . Mode . SCROLL ING : O re illy . configuration . wait & =\ n ~ O re illy . configuration . PAGE _ COUNT _ DE TERMIN ED , O re illy . configuration . wait |= O re illy . configuration . CONTENT _ SIZE _ DE TERMIN ED , O re illy . disable Paging (), O re illy . determine Content Size () }}, enable Paging : function (){ var Ġa = document . getElementById (\" s bo - rt - content \" ), c = window . get Computed Style ( a , null ). getProperty Value (\" padding - left \" ), c = parseInt ( c , 1 0 ), c = 2 * c ; document . body . classList . add (\" ore illy - paging \ "); a . style . setProperty (\" height \", O re illy . configuration . computed Height + \" px \",\" important \ "); a . style . webkit Column Width = O re illy . configuration . computed Width -\ nc + \" px \"; a . style . webkit Column Gap = c + \" px \"; O re illy . configuration . frames . enable Paging Frame &&( window . cancel AnimationFrame ( O re illy . configuration . frames . enable Paging Frame ), O re illy . configuration . frames . enable Paging Frame = null ); O re illy . configuration . frames . calculate Page Frame &&( window . cancel AnimationFrame ( O re illy . configuration . frames . calculate Page Frame ), O re illy . configuration . frames . calculate Page Frame = null ); O re illy . configuration . frames . enable Paging Frame = window . request AnimationFrame ( function (){ O re illy . calculate Page Count (! 0 )}) }, \ n calculate Page Count : function ( a ){ document . body . style . width =\" \"; var Ġc = document . getElementById (\" s bo - rt - content \" ), b = 0 == c . scroll Width ? 1 : Math . ceil ( c . scroll Width / O re illy . configuration . computed Width ); document . body . style . width = b * O re illy . configuration . computed Width + \" px \"; c = function (){ Android Bridge . on Page Count Determin ed ( b ); O re illy . re layout Explo der (); O re illy . configuration . wait & = ~ O re illy . configuration . PAGE _ COUNT _ DE TERMIN ED ; O re illy . attempt T ent ative Load ()}; a ? O re illy . configuration . frames . calculate Page Frame = window . request AnimationFrame ( c ):\ nc ()}, disable Paging : function (){ document . body . classList . remove (\" ore illy - paging \ "); document . body . style . width =\" \"; var Ġa = document . getElementById (\" s bo - rt - content \ "); a . style . padding =\" \"; a . style . height =\" \"; a . style . webkit Column Width =\" \"; a . style . webkit Column Gap =\" \" }, set Night Mode : function ( a ){ a ? document . body . classList . add (\" night \ "): document . body . classList . remove (\" night \") }, setup Selection Change Publisher : function (){ document . addEventListener (\" selection change \", function ( a ){ console . log (\" selection Ġchanged \ "); a = window . getSelection (). toString (); \ n Android Bridge . on Selection Change ( a )}) }, re compute Paging Layout : function ( a , c ){ O re illy . set Computed Dimensions ( a , c ); O re illy . enable Paging ()} }; O re illy . configuration . wait |= O re illy . configuration . CONTENT _ LOADED ;" ĊĊ ĉ val ĠExplo der Script Ġ= Ġ" var ĠO re illy = O re illy || {}; O re illy . Explo der = function ( a , c , b , d , f ){ this . getContainer = c ; this . bridge = a ; this . explo ding Elements =[]; b &&( this . window Size Provider = b ); this . element Source = d ; this . is Paging = f ; this . explode ClickListener = this . explode ClickListener . bind ( this ); this . measure Explo der Button ()}; O re illy . Explo der . EXP LO DER _ BUTTON _ BASE _ ID =\" ore illy - explo der - \"; O re illy . Explo der . EXP LO DER _ BUTTON _ CSS _ NAME =\" ore illy - explo der - button \"; O re illy . Explo der . REL ATIVE _ WIDTH _ THRESHOLD = 0 . 7 5 ;\ n O re illy . Explo der . COMP AR ATIVE _ HEIGHT _ THRESHOLD = 1 . 5 ; O re illy . Explo der . prototype . window Size Provider ={ computed Height : window . innerHeight , computed Width : window . innerWidth }; O re illy . Explo der . prototype . is Paging = ! 1 ; O re illy . Explo der . prototype . bridge = null ; O re illy . Explo der . prototype . css = null ; O re illy . Explo der . prototype . element Source = null ; O re illy . Explo der . prototype . explo ding Elements = null ; O re illy . Explo der . prototype . explo der Button Height = null ; O re illy . Explo der . prototype . add Button Frame = null ;\ n O re illy . Explo der . prototype . getContainer = function (){ throw ĠError (\" A Ġmethod Ġget Container Ġmust Ġbe Ġsupplied Ġfor ĠExplo der Ġto Ġoperate Ġas Ġintended \ "); }; O re illy . Explo der . prototype . explode ClickListener = function ( a ){ var Ġc = this . explo ding Elements [ a . target . id . split (\" -\ ")[ 2 ]]; if (! c ) return ! 1 ; \" IMG \" == c . tagName ? this . bridge . show Zoom able Image ( c . src ): this . bridge . show Html Element ( c . outer HTML , this . css ); a . stopPropagation (); return ! 1 }; \ n O re illy . Explo der . prototype . add Explo ding Element = function ( a ){ - 1 == this . explo ding Elements . indexOf ( a ) && this . explo ding Elements . push ( a )}; O re illy . Explo der . prototype . find And Add Explo ding Elements = function ( a ){ a = document . getElementsByTagName ( a ); for ( var Ġc = 0 ; c < a . length ; c ++){ var Ġb = a [ c ]; null == this . getContainer ( b . parentElement ,[ \" TABLE \",\" PRE \" ]) && this . add Explo ding Element ( b )} }; \ n O re illy . Explo der . prototype . add Explo der Buttons = function (){ console . log (\" add Explo der Buttons \ "); var Ġa = window . get Computed Style ( this . element Source , null ), c = parseInt ( a . getProperty Value (\" padding - top \" ), 1 0 ), b = parseInt ( a . getProperty Value (\" padding - bottom \" ), 1 0 ), d = parseInt ( a . getProperty Value (\" padding - right \" ), 1 0 ), a = parseInt ( a . getProperty Value (\" padding - left \" ), 1 0 ), f = this . window Size Provider . computed Height -( c + b ), l = this . window Size Provider . computed Width -( a + d ), h = 0 , m = this . explo ding Elements . length , k = function (){ var Ġa = this . explo ding Elements [ h ]; \ n if ( null != a ){ var Ġb = a . getBoundingClientRect (), g = window . page X Offset + b . left + a . offset Width , b = window . pageY Offset + b . top ; if ( 0 > b ) var Ġe = Math . ceil (- b / f ), b = b + e * f , g = g - e * this . window Size Provider . computed Width ; var Ġe = a . offsetHeight , d = 0 , n = a . offsetHeight >= this . explo der Button Height * O re illy . Explo der . COMP AR ATIVE _ HEIGHT _ THRESHOLD ; if ( a . offset Width >= l * O re illy . Explo der . REL ATIVE _ WIDTH _ THRESHOLD && n &&( this . add Explo der Button ( b , g , h , d ), this . is Paging )) for ( ; f < b + e ;) e -= f - b , b = 0 , g += this . window Size Provider . computed Width , d ++, e >= this . explo der Button Height && \ n this . add Explo der Button ( b + c , g , h , d ); ++ h < m &&( this . add Button Frame = window . request AnimationFrame ( k )) }}, k = k . bind ( this ); k ()}; O re illy . Explo der . prototype . build Explo der Button = function ( a , c ){ var Ġb = document . createElement (\" div \ "); b . id = this . calculate Explo der Id ( a , c ); b . className = O re illy . Explo der . EXP LO DER _ BUTTON _ CSS _ NAME ; b . addEventListener (\" click \", this . explode ClickListener ); return Ġb }; O re illy . Explo der . prototype . calculate Explo der Id = function ( a , c ){ return ĠO re illy . Explo der . EXP LO DER _ BUTTON _ BASE _ ID + a + \" - \" + c }; \ n O re illy . Explo der . prototype . measure Explo der Button = function (){ var Ġa = this . build Explo der Button (); document . body . appendChild ( a ); this . explo der Button Height = a . offsetHeight ; document . body . removeChild ( a )}; O re illy . Explo der . prototype . add Explo der Button = function ( a , c , b , d ){ b = this . build Explo der Button ( b , d ); b . style . top = a + \" px \"; b . style . left = c + \" px \"; document . body . appendChild ( b )}; O re illy . Explo der . prototype . set Css = function (){ this . css =[]; for ( var Ġa = document . getElementsByTagName (\" link \" ), c = 0 ; c < a . length ; c ++) this . css . push ( a [ c ]. href )}; \ n O re illy . Explo der . prototype . attach = function (){ this . set Css (); this . find And Add Explo ding Elements (\" IMG \ "); this . find And Add Explo ding Elements (\" TABLE \ "); this . find And Add Explo ding Elements (\" PRE \ "); this . add Explo der Buttons ()}; O re illy . Explo der . prototype . reset = function (){ this . explo ding Elements =[]; this . removeAll Buttons ()}; \ n O re illy . Explo der . prototype . removeAll Buttons = function (){ window . cancel AnimationFrame ( this . add Button Frame ); for ( var Ġa = document . body . getElementsByClassName ( O re illy . Explo der . EXP LO DER _ BUTTON _ CSS _ NAME ); 0 < a . length ; ){ var Ġc = a [ 0 ]; c . removeEventListener (\" click \", this . explode ClickListener ); document . body . removeChild ( c )} }; O re illy . Explo der . prototype . layout = function (){ this . removeAll Buttons (); this . add Explo der Buttons ()}; " ĊĊ ĉ private Ġconst Ġval ĠBO OK _ STY LES _ 0 Ġ= Ġ"@ charset Ġ\" UTF - 8 \"; . progress ,. topic - display Ġli , a . skip : active , a . skip : focus , a . skip : hover {- webkit - font - smoothing : sub pixel - ant iali ased } button , input , select , textarea { font - family : inherit ; font - size : 1 0 0 %; margin : 0 } button , input { line - height : normal } button , html Ġinput [ type = button ], input [ type = reset ], input [ type = submit ]{ - webkit - appearance : button ; cursor : pointer } button [ disabled ], input [ disabled ]{ cursor : default } label { display : block ; font - size : 1 4 px ; font - size :. 8 7 5 rem ; text - transform : None ; color :# 4 0 4 0 4 0 ; margin : 1 rem Ġ 0 Ġ. 5 rem } label Ġ. note { text - transform : capitalize ; letter - spacing : 0 ; font - size : smaller } strong { font - weight : 7 0 0 }. add - members - fake - field , input [ type = text ], input [ type = email ], input [ type = password ], textarea { background - color : rgba ( 2 4 4 , 2 4 3 , 2 4 0 ,. 5 ); border : 1 px Ġsolid Ġrgba ( 1 1 8 , 1 1 8 , 1 1 8 ,. 3 5 ); font - size : 1 8 px ; font - family :\" source Ġsans Ġpro \", sans - serif ; margin - bottom :. 6 2 5 rem ; padding :. 5 em ; min - width : 1 2 em ; width : 1 0 0 %; max - width : 1 5 em ; color :# 0 7 0 7 0 7 }. error Ġ. add - members - fake - field ,. error Ġinput [ type = text ], . error Ġinput [ type = email ], . error Ġinput [ type = password ], . error Ġtextarea { border : 1 px Ġsolid Ġ# ea 6 d 6 0 }. ie 8 Ġ. add - members - fake - field ,. ie 8 Ġinput [ type = text ], . ie 8 Ġinput [ type = email ], . ie 8 Ġinput [ type = password ], . ie 8 Ġtextarea { font - family : sans - serif }. feedback Ġ. text ,. tooltip , a . l 0 , a . l 1 , a . l 2 , a . skip : active , a . skip : focus , a . skip : hover { font - family :\" source Ġsans Ġpro \", sans - serif } input : read - only { border - color :# e 6 e 6 e 6 } # registration - form Ġinput [ type = submit ]: disabled { color :# AAA ;- moz - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 1 5 ); - webkit - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 1 5 ); - o - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 1 5 ); box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 1 5 )}. half - field { max - width : 1 0 0 %; width : 1 0 0 % }. sales - form . user - anon Ġarticle Ġform Ġ. left , label [ for = id _ card _ number ]{ float : left } ul . credit - cards { position : relative ; z - index : 1 ; font - weight : 4 0 0 } ul . credit - cards Ġ. tooltip Ġ. tooltip - inner { max - width : 2 5 0 px ; width : 2 5 0 px ; white - space : normal } ul . credit - cards Ġli { display : inline - block ; text - indent :- 9 9 9 9 9 px ; width : 4 0 px ; height : 2 5 px ; margin - right : 1 0 px ; opacity :. 7 } ul . credit - cards Ġli . master card { background : url (/ static / images / master card . aab fdb 5 1 fb 6 9 . png ) Ġno - repeat } ul . credit - cards Ġli . discover { background : url (/ static / images / discover . 8 f 8 0 db 8 aa 5 dd . png ) Ġno - repeat } ul . credit - cards Ġli . visa { background : url (/ static / images / visa . 2 9 cc 6 0 5 8 0 5 7 6 . png ) Ġno - repeat } ul . credit - cards Ġli . ame x { background : url (/ static / images / ame x . c 3 2 c 7 3 4 7 ef 6 e . png ) Ġno - repeat } ul . credit - cards Ġli : focus , ul . credit - cards Ġli : hover { opacity :. 9 } textarea { width : 1 0 0 %; min - height : 7 em ; max - width : 3 0 em ; font - size : 1 6 px }. agreement - inc Ġlabel ,. pod { font - size : 1 4 px } input + small , select + small { display : block ; margin :. 5 em Ġ 0 Ġ! important }. agreement - inc Ġinput [ type = checkbox ]+ small { display : inline } input . error { border : 1 px Ġsolid Ġ# ea 6 d 6 0 ; background - color :# fbe 1 de } input . ok { border : 1 px Ġsolid Ġ# 0 0 8 5 4 2 ; background - color :# fff } small . ok { color :# f 6 5 d 2 2 }. form - row . error Ġ. error list , small . error { color :# ea 6 d 6 0 } # id _ username { text - transform : lowercase } # id _ username ::- webkit - input - placeholder { text - transform : none } # id _ username :- moz - placeholder { text - transform : none } # id _ username ::- moz - placeholder { text - transform : none } # id _ username :- ms - input - placeholder { text - transform : none } input # id _ username :- ms - input - placeholder , input # id _ username ::- moz - placeholder , input # id _ username ::- webkit - input - placeholder { text - transform : capitalize }. article list > li Ġ. controls Ġ. format - title ,. article list > li Ġ. position - link ,. button - orm ,. pod Ġh 3 , h 3 { text - transform : uppercase }. form - row . error Ġ. error list Ġli { margin :. 5 em Ġ 0 }. sales - form . user - authenticated Ġ. page - head { display : none }. sales - form . user - anon { background - color :# f 6 f 6 f 6 }. sales - form . user - anon Ġheader [ role = banner ]{ border - bottom : 1 px Ġsolid Ġ# DDD }. sales - form . user - anon Ġarticle ,. sales - form . user - anon Ġfooter { background : no - repeat }. link - to - markdown ,. pod ,. sf - cv v Ġ. cv v - help { background - clip : padding - box }. sales - form . user - anon Ġarticle Ġheader { border - bottom : 1 px Ġsolid Ġ# DDD ; text - align : center ; padding - bottom :. 6 2 5 rem }. sales - form . user - anon Ġarticle Ġ. intro { text - align : center }. sales - form . user - anon Ġarticle Ġform { padding : 0 Ġ 8 . 1 2 5 rem Ġ 1 . 2 5 rem }. sales - form . user - anon Ġarticle Ġform Ġ. left ,. sales - form . user - anon Ġarticle Ġform Ġ. right { display : inline - block ; width : 4 8 %; margin - bottom :. 6 2 5 rem }. sales - form . user - anon Ġarticle Ġform Ġ. right { float : right }. sales - form . user - anon Ġarticle Ġform Ġinput { padding :. 5 em }. sales - form . user - anon Ġarticle Ġform Ġinput [ type = submit ]{ padding : 1 rem Ġ 1 . 5 6 2 5 rem ; margin : 1 . 8 7 5 rem Ġ 0 Ġ 1 . 5 6 2 5 rem }. sales - form . user - anon Ġ. pod { margin : 3 6 px Ġauto ; max - width : 8 2 0 px ; max - width : 5 1 . 2 5 rem }. sf - additional - info Ġtextarea , textarea . add - members { max - width : 1 0 0 %} a : link , a : visited { color :# f 6 5 d 2 2 ; text - decoration : none } a : link . gray - link : focus , a : link . gray - link : hover , a : link : focus , a : link : hover , a : visited . gray - link : focus , a : visited . gray - link : hover , a : visited : focus , a : visited : hover { color :# f 6 5 d 2 2 ; text - decoration : underline } a : link . gray - link , a : visited . gray - link { text - decoration : underline ; color : rgba ( 6 4 , 6 4 , 6 4 ,. 7 5 )} a {- moz - transition : color Ġ. 2 s Ġease - out ;- webkit - transition : color Ġ. 2 s Ġease - out ;- o - transition : color Ġ. 2 s Ġease - out ; transition : color Ġ. 2 s Ġease - out } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan ,. interface - controls Ġa Ġ. icon ,. interface - controls Ġbutton Ġ. icon ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan ,. social - sharing Ġa Ġspan ,. vis ually hidden { border : 0 ; clip : rect ( 0 Ġ 0 Ġ 0 Ġ 0 ); width : 1 px ; height : 1 px ; margin :- 1 px ; overflow : hidden ; padding : 0 ; position : absolute } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan . focus able : active ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan . focus able : focus ,. interface - controls Ġa Ġ. focus able . icon : active ,. interface - controls Ġa Ġ. focus able . icon : focus ,. interface - controls Ġbutton Ġ. focus able . icon : active ,. interface - controls Ġbutton Ġ. focus able . icon : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan . focus able : active ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa Ġspan . focus able : focus ,. social - sharing Ġa Ġspan . focus able : active ,. social - sharing Ġa Ġspan . focus able : focus ,. vis ually hidden . focus able : active ,. vis ually hidden . focus able : focus { clip : auto ; height : auto ; margin : 0 ; overflow : visible ; position : static ; width : auto }. hidden { display : none } form Ġinput . error , form Ġtextarea . error { border : 1 px Ġsolid Ġ# ea 6 d 6 0 ; background - color :# fae 0 de }. pod { margin : 0 Ġ 0 Ġ 1 . 2 5 rem ; padding : 1 rem ; background - color :# fff ; font - size :. 8 7 5 rem ; line - height : 1 9 px ; line - height : 1 . 1 8 7 5 rem ;- webkit - border - radius : 2 px ; border - radius : 2 px }. pod Ġheader Ġh 1 { margin - top : 0 }. pod Ġheader Ġh 1 . trial { color :# ea 6 d 6 0 }. pod Ġh 3 , h 3 , h 4 { color :# 7 7 7 }. pod Ġh 2 { font - size : 1 8 px } h 1 , h 2 { font - weight : 4 0 0 ; color :# 4 0 4 0 4 0 }. display - markdown Ġol ,. display - markdown Ġul { margin : 0 Ġ 0 Ġ 0 Ġ 3 0 px }. display - markdown Ġol Ġli ,. display - markdown Ġul Ġli { margin : 5 px Ġ 0 Ġ! important ; list - style - type : disc }. display - markdown Ġol Ġli { list - style - type : lower - alpha }. display - markdown Ġblock quote { border - left : 1 px Ġsolid Ġ# e 9 8 3 0 0 ; padding - left : 1 0 px ; margin : 1 0 px } p , ul { padding : 0 } h 1 { font - size : 3 0 px ; font - size : 1 . 8 7 5 rem ; line - height : 3 8 px ; line - height : 2 . 3 7 5 rem ; margin : 1 . 2 5 rem Ġ 0 } h 3 , p { font - size : 1 8 px ; margin : 1 . 1 2 5 rem Ġ 0 } h 2 { font - size : 2 4 px ; font - size : 1 . 5 rem ; margin : 1 . 2 5 rem Ġ 0 } h 3 { font - weight : 4 0 0 ; letter - spacing : 1 px ; font - size : 1 . 1 2 5 rem } h 4 { font - weight : 4 0 0 ; margin : 1 . 3 1 2 5 rem Ġ 0 } p { line - height : 1 . 4 em ; font - size : 1 . 1 2 5 rem } small { font - size : 1 4 px ; font - size :. 8 7 5 rem }. link - to - markdown { padding : 1 px Ġ 8 px ;- webkit - border - radius : 3 0 px ; border - radius : 3 0 px ; border : 1 px Ġsolid Ġ# bbb ; float : right }. big button ,. button ,. button - primary , a . big button , a . button , a . button - primary , button , button . button - primary , input [ type = reset ], input [ type = submit ]{ display : inline - block ; padding : 1 0 px Ġ 1 5 px ; font - weight : 6 0 0 ; font - size : 1 4 px ; line - height : 1 . 2 em ; text - transform : uppercase ; letter - spacing : 1 px ; cursor : pointer ; text - decoration : none ;- moz - transition : all Ġ. 1 5 s Ġcubic - bezier (. 8 6 , 0 ,. 0 7 , 1 ); - webkit - transition : all Ġ. 1 5 s Ġcubic - bezier (. 8 6 , 0 ,. 0 7 , 1 ); - o - transition : all Ġ. 1 5 s Ġcubic - bezier (. 8 6 , 0 ,. 0 7 , 1 ); transition : all Ġ. 1 5 s Ġcubic - bezier (. 8 6 , 0 ,. 0 7 , 1 )}. autocomplete - suggestions Ġb ,. button - orm ,. gen - nav ,. gen - nav Ġa ,. mk nav Ġli Ġa ,. tooltip { font - weight : 7 0 0 }. big button . disabled ,. big button : disabled ,. big button : disabled : focus ,. big button : disabled : hover ,. button - primary . disabled ,. button - primary : disabled ,. button - primary : disabled : focus ,. button - primary : disabled : hover ,. button . disabled ,. button : disabled ,. button : disabled : focus ,. button : disabled : hover , a . big button . disabled , a . big button : disabled , a . big button : disabled : focus , a . big button : disabled : hover , a . button - primary . disabled , a . button - primary : disabled , a . button - primary : disabled : focus , a . button - primary : disabled : hover , a . button . disabled , a . button : disabled , a . button : disabled : focus , a . button : disabled : hover , button . button - primary . disabled , button . button - primary : disabled , button . button - primary : disabled : focus , button . button - primary : disabled : hover , button . disabled , button : disabled , button : disabled : focus , button : disabled : hover , input [ type = reset ]. disabled , input [ type = reset ]: disabled , input [ type = reset ]: disabled : focus , input [ type = reset ]: disabled : hover , input [ type = submit ]. disabled , input [ type = submit ]: disabled , input [ type = submit ]: disabled : focus , input [ type = submit ]: disabled : hover { color :# ccc Ġ! important ; background - color :# f 5 f 5 f 5 Ġ! important ; border - color :# ccc Ġ! important ; cursor : default }. button , a . button , button { color :# 4 0 4 0 4 0 ; background :# fff ; border : 1 px Ġsolid Ġ# 7 7 7 }. button . active ,. button : focus ,. button : hover , a . button . active , a . button : focus , a . button : hover , button . active , button : focus , button : hover { color :# f 6 5 d 2 2 ; background :# fff ; border - color :# f 6 5 d 2 2 ; text - decoration : none }. button - primary , a . button - primary , button . button - primary , input [ type = reset ], input [ type = submit ]{ color :# 4 0 4 0 4 0 ; background - color :# f 5 c 5 1 7 ; border : 1 px Ġsolid Ġ# f 5 c 5 1 7 }. button - primary : focus ,. button - primary : hover , a . button - primary : focus , a . button - primary : hover , button . button - primary : focus , button . button - primary : hover , input [ type = reset ]: focus , input [ type = reset ]: hover , input [ type = submit ]: focus , input [ type = submit ]: hover { color :# 4 0 4 0 4 0 ; background - color :# e 8 ba 1 6 ; border - color :# e 8 ba 1 6 ; text - decoration : none }. button - orm { padding : 6 px Ġ 1 5 px ; letter - spacing : 1 . 4 px ; font - size : 1 2 px ; text - align : center ; border : 1 px Ġsolid Ġ# c 7 c 1 b 4 ; background :# fff ; color :# b 9 0 0 2 d Ġ! important } html . no - touch Ġ. button - orm : hover { text - decoration : none ; color :# fff Ġ! important ; background :# b 9 0 0 2 d ; border - color :# b 9 0 0 2 d } input [ type = reset ]{ min - width : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġli ,. social - sharing Ġli { display : inline - block ; margin : 0 ; list - style - type : none ; text - align : center } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa ,. social - sharing Ġa { display : inline - block ; padding : 0 ;- moz - transition : all Ġ. 2 s Ġease - in - out ;- webkit - transition : all Ġ. 2 s Ġease - in - out ;- o - transition : all Ġ. 2 s Ġease - in - out ; transition : all Ġ. 2 s Ġease - in - out } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . twitter ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . twitter ,. social - sharing Ġa . twitter { background : url (/ static / images / tweet _ gray . c 3 6 4 9 4 9 2 e 6 d 1 . png ) Ġcenter Ġcenter Ġno - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . facebook ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . facebook ,. social - sharing Ġa . facebook { background : url (/ static / images / fb _ gray . 3 f 7 2 5 0 6 9 eb 2 b . png ) Ġcenter Ġcenter Ġno - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . google plus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . google plus ,. social - sharing Ġa . google plus { background : url (/ static / images / google plus _ gray . 1 3 7 9 fce c 2 ce 7 . png ) Ġcenter Ġcenter Ġno - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . email ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġa . email ,. social - sharing Ġa . email { background : url (/ static / images / email _ gray . 0 5 4 6 4 fdf 0 0 d 2 . png ) Ġcenter Ġcenter Ġno - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annotation - card . social - sharing Ġli ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġli ,. annotation - card . social - sharing Ġli ,. button - group . social - sharing Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annotation - card . social - sharing Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġli { margin : 1 0 px Ġ 1 0 px Ġ 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġa . share - button ,. button - group . social - sharing Ġa . share - button ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġa . share - button {- moz - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġ# e 6 e 6 e 6 ;- webkit - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġ# e 6 e 6 e 6 ;- o - box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġ# e 6 e 6 e 6 ; box - shadow : 0 Ġ 0 Ġ 0 Ġ 1 px Ġ# e 6 e 6 e 6 ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box ; background - color :# fff ; border - top : 1 px Ġsolid Ġrgba ( 2 5 5 , 2 5 5 , 2 5 5 ,. 5 ) Ġ! important ; border - bottom : 3 px Ġsolid Ġrgba ( 0 , 0 , 0 ,. 0 5 ) Ġ! important ; max - width : 1 0 0 %; height : 4 7 px ; width : 4 7 px }. add one { float : right } a . skip { display : block ; position : absolute ; top :- 1 0 0 0 px ; left :- 1 0 0 0 px ; width : 1 px ; height : 1 px ; overflow : hidden ;- moz - transition : all Ġ. 2 s Ġease - in - out ;- webkit - transition : all Ġ. 2 s Ġease - in - out ;- o - transition : all Ġ. 2 s Ġease - in - out ; transition : all Ġ. 2 s Ġease - in - out } a . skip : active , a . skip : focus , a . skip : hover { padding :. 6 2 5 rem ; position : fixed ; z - index : 5 0 0 0 ; left : 0 ; top : 0 ; width : 1 0 0 %; height : auto ; overflow : visible ; background - color :# f 6 5 d 2 2 ; color :# fff ; text - align : center ; text - decoration : none ; font - size : 1 2 px }. touch Ġ. shortcuts { display : none }. l 2 { padding : 0 Ġ 1 0 px ; display : inline - block } a . l 0 , a . l 1 , a . l 2 { display : block ; color :# 4 0 4 0 4 0 ; font - size : 1 3 px ; font - size :. 8 1 2 5 rem ; line - height : 1 em }. l 0 . active ,. l 1 . active { background :# f 5 f 5 f 5 }. fade { opacity : 0 ;- webkit - transition : opacity Ġ. 2 5 s Ġlinear ; transition : opacity Ġ. 2 5 s Ġlinear }. fade . in { opacity : 1 }. l 1 . no - icon { padding : 1 6 px Ġ 1 5 px Ġ 1 6 px Ġ 5 5 px ; white - space : nowrap }. title - block { display : block ; text - decoration : none ; font - size : 1 8 px ; font - size : 1 . 1 2 5 rem ; margin - bottom :. 1 8 7 5 rem ; line - height : 2 0 px ; line - height : 1 . 2 5 rem }. book - title { margin - bottom :. 3 1 2 5 rem ; line - height : 1 8 px ; line - height : 1 . 1 2 5 rem ; font - size : 1 3 px ; font - size :. 8 1 2 5 rem }. book - title Ġ. iss ued { display : block ; font - style : italic }. last - access { font - size : 1 2 px ; color :# 7 7 7 ; margin - bottom : 1 0 px }. format - book Ġ. format - title : before { content :\ ' \\ 1 F 4 D 5 \' }. format - video Ġ. format - title : before { content :\ ' \\ 1 F 4 F 9 \ '} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. uppercase ,. card - annotation Ġ. note ,. progress ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. uppercase { text - transform : uppercase }. progress Ġ. grid tc { display : table - cell ; white - space : nowrap }. progress { font - size : 1 2 px ; font - size :. 7 5 rem ; display : block ; margin : 0 ; color : rgba ( 6 4 , 6 4 , 6 4 ,. 6 5 ); letter - spacing : 1 px }. progress Ġ. bar ,. progress Ġ. prog - text { vertical - align : middle ; display : table - cell }. progress Ġ. bar { width : 1 0 0 % }. progress Ġ. prog - text { white - space : nowrap ; padding - left : 1 0 px }. progress Ġ. per ,. progress Ġ. per Ġ. time { background - clip : padding - box ; display : block ; height : 8 px }. progress Ġ. per {- webkit - border - radius : 2 px ; border - radius : 2 px ; background - color :# d 5 d 5 d 5 ; padding : 0 }. progress Ġ. per Ġ. time { margin : 0 ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - color :# 9 9 9 0 8 2 }. sort - box { font - size : 2 0 px ; line - height : 1 . 3 em ; margin - bottom : 1 em ; text - align : right ; color :# 7 7 7 ; font - weight : 3 0 0 }. recommended - reason Ġ. book - title ,. recommended - reason Ġ. book - title Ġ. topic - display Ġli { font - size : 1 4 px }. recommended - reason { padding : 5 px Ġ 1 5 px ; background - color :# f 7 f 7 f 7 ; border - top : 1 px Ġsolid Ġ# d 5 d 5 d 5 ; color :# 9 9 9 }. recommended - reason Ġ. book - title Ġa { color : rgba ( 6 4 , 6 4 , 6 4 ,. 7 5 ); text - decoration : underline }. chat - wrapper Ġa ,. chat - wrapper Ġa : hover ,. chat - wrapper Ġinput . sales - chat - btn : focus ,. chat - wrapper Ġinput . sales - chat - btn : hover { text - decoration : none }. recommended - reason Ġ. book - title Ġa : focus ,. recommended - reason Ġ. book - title Ġa : hover { color :# f 6 5 d 2 2 }. topic - display Ġli { display : inline - block ; font - size : 1 2 px ; font - size :. 7 5 rem ; color :# 7 7 7 }. topic - display Ġli Ġ. topic { color :# f 6 5 d 2 2 }. topic - display Ġli : after { color :# ccc ; content :\ ' Ġ/ Ġ\' }. topic - display Ġli : last - child : after ,[ class *= hex - ] Ġ. topic - display Ġli : after { content :\ ' \' }. js - disable - shortcuts Ġlabel { display : inline - block ; margin : 0 Ġ 0 Ġ 0 Ġ 1 0 px }. cover { display : inline - block }. cover Ġa ,. cover Ġimg ,. cover Ġspan { display : block }. cover Ġa { position : relative ; max - width : 1 0 0 % }. cover Ġimg { max - width : 1 0 0 %; height : auto ; box - shadow : 2 px Ġ 0 Ġ 6 px Ġ 0 Ġrgba ( 0 , 0 , 0 ,. 2 )}. detail - video Ġ. cover Ġa : before ,. format - case - study Ġ. cover Ġa : before ,. format - learning - path Ġ. cover Ġa : before ,. format - video Ġ. cover Ġa : before { content :\ '\ '; background : url (/ static / images / icon __ cover - image __ media - type -- video . a 7 6 cad 9 3 c 7 f 6 . svg ) Ġcenter Ġcenter Ġno - repeat ; position : absolute ; height : 4 0 px ; width : 4 0 px ; line - height : 5 0 px ; margin - top :- 2 0 px ; margin - left :- 2 0 px ; top : 5 0 %; left : 5 0 %; text - align : center ; text - indent : 3 px ; text - decoration : none ; z - index : 1 }. detail - video Ġ. cover Ġa : before { height : 5 0 px ; width : 5 0 px ; margin :- 2 5 px Ġ 0 Ġ 0 Ġ- 2 5 px ; background - size : 1 0 0 % }. format - case - study Ġ. cover Ġa : before { height : 1 7 px ; width : 1 7 px ; margin : 1 5 px Ġ 0 Ġ 0 Ġ 1 5 px ; background - size : 1 0 0 %} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - hide ,. annot ator - notice ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - hide { display : none Ġ! important }. pdf Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - hl { opacity :. 6 5 } # s bo - rt - content ,. s bo - in page - toc { position : static Ġ! important ;- webkit - transform : none } # s bo - rt - content Ġ. annot ator - wrapper ,. s bo - in page - toc Ġ. annot ator - wrapper { margin : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - hl ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - hl { background - color :# ffe 3 4 f } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - hl - has - note ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - hl - has - note { position : relative } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - hl - has - note : before ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - hl - has - note : before { content :\ ' &# x 2 0 2 2 \ '; font - size : 4 0 px ; position : absolute ; left :- 8 px ; top : 0 ; line - height : 0 ; color :# f 6 5 d 2 2 ;- moz - box - shadow : 1 px Ġ 3 px Ġ 6 px Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 8 ); - webkit - box - shadow : 1 px Ġ 3 px Ġ 6 px Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 8 ); - o - box - shadow : 1 px Ġ 3 px Ġ 6 px Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 8 ); box - shadow : 1 px Ġ 3 px Ġ 6 px Ġ 1 px Ġrgba ( 0 , 0 , 0 ,. 8 )} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - item ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - item { list - style - type : none ; margin - left : 0 ; clear : both } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - item Ġinput . disabled ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - item Ġlabel . disabled ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - item Ġinput . disabled ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - item Ġlabel . disabled { opacity :. 2 5 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - touch - controls Ġdiv ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - viewer . viewer Ġdiv ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - touch - controls Ġdiv ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - viewer . viewer Ġdiv { display : none } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - touch - controls Ġ. annot ator - widget ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - viewer . viewer Ġ. annot ator - widget ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - touch - controls Ġ. annot ator - widget ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - viewer . viewer Ġ. annot ator - widget { margin - top : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. toggle _ public Ġul ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. toggle _ public Ġul { margin : 0 ; padding : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli { font - family :\ ' Source ĠSans ĠPro \', arial , sans - serif ; font - size :. 9 em Ġ! important ; list - style - type : none ; margin : 0 Ġ 1 0 px Ġ 0 Ġ 0 Ġ! important ; float : left ; color :# 4 0 4 0 4 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġinput + span ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġinput + span { opacity :. 7 5 ; font - size : 1 5 px ; margin - left : 5 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġinput : checked + span ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġinput : checked + span { opacity : 1 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġlabel . disabled ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. toggle _ public Ġul Ġli Ġlabel . disabled { opacity :. 2 5 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. editor _ section ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. editor _ section { font - family :\ ' Source ĠSans ĠPro \', arial , sans - serif ; font - size :. 9 em Ġ! important ; margin - top : 4 0 px Ġ! important ; padding - top : 1 0 px ; border - top : 1 px Ġsolid Ġ# CCC } # s bo - rt - content Ġ. annot ator - wrapper Ġ. editor _ section Ġlabel ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. editor _ section Ġlabel { display : inline - block ; margin - left : 1 0 px } # s bo - rt - content Ġ. annot ator - wrapper Ġsmall . error ,. s bo - in page - toc Ġ. annot ator - wrapper Ġsmall . error { color : red Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click { margin : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - listing ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - listing { padding - left : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er { position : absolute Ġ! important ; height : auto ; width : 1 0 0 %; background - color : transparent Ġ! important ; padding : 0 ; margin : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul { margin : 0 Ġ! important ; padding : 3 px Ġ 5 px Ġ! important ; background - color :# FFF ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box ;- moz - box - shadow : 0 Ġ 2 px Ġ 5 px Ġ 2 px Ġrgba ( 0 , 0 , 0 ,. 2 ); - webkit - box - shadow : 0 Ġ 2 px Ġ 5 px Ġ 2 px Ġrgba ( 0 , 0 , 0 ,. 2 ); - o - box - shadow : 0 Ġ 2 px Ġ 5 px Ġ 2 px Ġrgba ( 0 , 0 , 0 ,. 2 ); box - shadow : 0 Ġ 2 px Ġ 5 px Ġ 2 px Ġrgba ( 0 , 0 , 0 ,. 2 ); border : 1 px Ġsolid Ġ# CCC ; float : left } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli { list - style - type : none ; list - style - image : none ; float : left ; margin : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli : last - child Ġa ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli : last - child Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli : last - child Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli : last - child Ġa { border - right : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli Ġa ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli Ġa { border : 0 ; padding : 5 px Ġ 1 0 px ; color :# 2 5 6 5 9 5 ; font - family :\ ' Source ĠSans ĠPro \', arial , sans - serif ; font - size : 1 5 px ; font - weight : 6 0 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli Ġa : hover ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli Ġa : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli Ġa : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli Ġa : hover { color :# 0 0 2 7 7 6 Ġ! important ; text - decoration : underline Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - viewer ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - viewer { width : 1 0 0 %} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġcode ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġli ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġp ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġcode ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġp { color :# 4 0 4 0 4 0 Ġ! important ; background - color :# FFF Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġdiv ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġdiv { margin : 0 Ġ! important ; background - color :# FFF Ġ! important }@ media Ġscreen Ġand Ġ( max - width : 5 3 . 1 2 5 em ) Ġand Ġ( min - width : 4 5 . 0 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper { max - width : 8 0 % Ġ! important ; margin - left : 0 Ġ! important ; left : 1 0 % Ġ! important }} @ media Ġscreen Ġand Ġ( max - width : 4 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper { position : absolute Ġ! important ; max - width : 1 0 0 % Ġ! important ; left : 0 Ġ! important ; margin - left : 0 Ġ! important ; padding - bottom : 1 0 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. editor ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. editor { float : left ; height : 1 0 0 %; position : static Ġ! important ; top : 0 Ġ! important }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. left ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. right ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. left ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. right { margin : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget { background - color :# fff Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - media Ġ. left ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - media Ġ. left { line - height : 1 . 3 em } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - media Ġ. left Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - media Ġ. left Ġa { margin - top : 1 0 px ; display : block ; font - size :. 8 em ; line - height : 1 . 3 em } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - outer >. title ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - outer >. title { padding : 0 Ġ 1 5 px Ġ 1 0 px Ġ! important ; margin : 1 0 px Ġ 0 Ġ 0 Ġ! important ; border - bottom : 1 px Ġsolid Ġ# ddd Ġ! important ; font : 5 0 0 Ġ 1 . 5 em / 1 . 3 8 Ġ\' Source ĠSans ĠPro \ '; color :# 7 7 7 Ġ! important ; background - color :# FFF Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. row ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. row { border - top : 1 px Ġsolid Ġ# ddd Ġ! important ; padding : 8 px Ġ 0 ; display : block ; float : left ; width : 1 0 0 %} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. row . delete - highlight ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. row . delete - highlight { padding : 1 8 px Ġ 0 Ġ 8 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. indent ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. indent { padding : 0 Ġ 2 0 px ; margin - bottom : 1 5 px }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. indent ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. indent { padding : 0 }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġh 4 ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġsmall ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġh 4 ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġsmall { color :# 7 7 7 Ġ! important ; margin - top : 5 px Ġ! important ; font : 5 0 0 Ġ. 8 em / 1 . 2 Ġ\' Source ĠSans ĠPro \ '; background - color :# FFF Ġ! important }@ media Ġscreen Ġand Ġ( min - width : 4 5 . 0 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. left ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. left { float : left ; width : 5 0 % }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. right ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. right { float : right } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. sans ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. sans { font : 5 0 0 Ġ. 9 em / 1 . 2 Ġ\' Source ĠSans ĠPro \ '} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa { border - bottom : none Ġ! important ; white - space : initial ; color :# f 6 5 d 2 2 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa : focus ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa : hover { text - shadow : 0 Ġ 0 Ġ 0 Ġtransparent ; text - decoration : underline ; background : no - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa . edit - highlight ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa . edit - highlight { color :# 4 0 4 0 4 0 ; top : 0 ; right : 2 0 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa . button ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa . button { padding : 1 0 px Ġ 2 5 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - delete ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - delete { width : auto ; color :# FFF } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - delete : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - delete : hover { color :# FFF Ġ! important ; text - shadow : 0 Ġ 0 Ġ 0 Ġtransparent Ġ! important ; background :# f 6 5 d 2 2 ; background - image :- moz - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- webkit - gradient ( left Ġtop , left Ġbottom , color - stop ( 0 ,# f 5 c 5 1 7 ), color - stop ( 1 0 0 %, # f 6 5 d 2 2 )); background - image :- webkit - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- o - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- ms - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image : linear - gradient ( to Ġbottom ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); text - decoration : none } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. grey - btn ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. grey - btn { width : auto ; position : relative ; top : 1 0 px ; background : no - repeat Ġ# c 7 c 2 ba Ġ! important ; color :# FFF Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. grey - btn : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. grey - btn : hover { text - decoration : none ; color :# 0 7 0 7 0 7 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close { width : 2 0 px ; height : 2 0 px ; background : url (/ static / images / close . 8 6 2 fc 3 a 7 2 3 7 a . png ) Ġno - repeat ; display : block ; text - indent :- 9 9 9 9 9 px ; position : absolute ; right : 2 0 px ; top : 1 6 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close : focus ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. close : hover { opacity :. 8 ; background : url (/ static / images / close . 8 6 2 fc 3 a 7 2 3 7 a . png ) Ġno - repeat } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing { float : right ; margin : 1 5 px Ġ 0 Ġ 0 Ġ! important ; padding : 0 Ġ! important ; text - align : right } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing Ġli { margin : 0 Ġ 0 Ġ 0 Ġ 1 0 px Ġ! important }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. social - sharing { padding : 0 Ġ! important ; float : none ; text - align : center }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget { width : 1 0 0 %; left : auto ; bottom : auto ; position : relative ; float : left ; margin : 0 ; padding : 1 0 px Ġ 2 5 px } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. delete - confirm ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. delete - confirm { text - align : center ; padding : 1 5 px Ġ 3 5 px Ġ 2 5 px ; color :# 7 7 7 ; font : 4 0 0 Ġ. 9 em / 1 . 3 Ġ\' Source ĠSans ĠPro \', arial , sans - serif Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġ. link - to - markdown ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġ. link - to - markdown { margin - top :- 1 4 px ; line - height : 2 2 px ; padding : 0 Ġ 8 px ; position : absolute ; right : 2 5 px ; color :# f 6 5 d 2 2 ; border : 1 px Ġsolid Ġ# bbb Ġ! important ; font - size : 1 4 px }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget { padding : 1 0 px Ġ 1 5 px }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. selected ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. selected { padding : 0 ; font : 4 0 0 Ġ. 9 em / 1 . 3 Ġ\' Source ĠSans ĠPro \', arial , sans - serif Ġ! important ; color :# 7 7 7 ; overflow : hidden ; background - color :# FFF Ġ! important }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. selected ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. selected { padding : 0 Ġ 0 Ġ 1 2 px Ġ! important }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. comment { padding : 8 px Ġ 0 ; font : 2 0 0 Ġ 1 em / 1 . 3 Ġ\' Source ĠSans ĠPro \', arial , sans - serif Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - listing ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - listing { padding : 0 Ġ! important ; margin : 0 Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - listing Ġ. annot ator - item ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - listing Ġ. annot ator - item { list - style - type : none } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea { clear : both ; max - width : 1 0 0 %; color :# 9 9 9 ; padding : 1 0 px ; font : 4 0 0 Ġ. 8 7 5 em / 1 . 3 Ġ\' Source ĠSans ĠPro \', arial , sans - serif }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea { background - color :# EEE } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea : focus { background - color :# f 6 f 6 f 6 }} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls { text - align : center ; padding : 0 ; margin : 0 Ġ! important ; background - color :# FFF Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul { width : 1 0 0 %; display : block ; margin : 1 0 px Ġ 0 Ġ 0 ; padding : 0 Ġ! important ; float : left } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli { display : inline - block ; text - decoration : none } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . delete ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . delete { float : left } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . delete Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . delete Ġa { margin - left : 0 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . cancel ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . save ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . cancel ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġul Ġli . save { float : right } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġp ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġp { background - color :# FFF Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa { display : inline - block ; padding : 5 px Ġ 2 5 px ;- webkit - appearance : none Ġ! important ; font - family :\ ' Source ĠSans ĠPro \' Ġ! important ; color :# fff ;- moz - transition : all Ġ. 2 s Ġease - in - out ;- webkit - transition : all Ġ. 2 s Ġease - in - out ;- o - transition : all Ġ. 2 s Ġease - in - out ; transition : all Ġ. 2 s Ġease - in - out } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . annot ator - cancel ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . annot ator - cancel { background : no - repeat Ġ# c 7 c 2 ba Ġ! important } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive {- webkit - appearance : none ; color :# fff ; margin - left : 1 2 px ; border : 0 ; text - shadow : 0 Ġ 1 px Ġ 6 px Ġrgba ( 0 , 0 , 0 ,. 4 ) Ġ! important ; background :# f 6 5 d 2 2 } # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive : focus ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive : hover { color :# FFF Ġ! important ; text - shadow : 0 Ġ 0 Ġ 0 Ġtransparent Ġ! important ; background :# f 6 5 d 2 2 ; background - image :- moz - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- webkit - gradient ( left Ġtop , left Ġbottom , color - stop ( 0 ,# f 5 c 5 1 7 ), color - stop ( 1 0 0 %, # f 6 5 d 2 2 )); background - image :- webkit - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- o - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image :- ms - linear - gradient ( top ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 %); background - image : linear - gradient ( to Ġbottom ,# f 5 c 5 1 7 Ġ 0 ,# f 6 5 d 2 2 Ġ 1 0 0 % )} # s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa : focus ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa : hover ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa : focus ,. s bo - in page - toc Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa : hover { background - color :# c 7 c 2 ba Ġ! important ; text - decoration : none Ġ! important ; color :# 4 0 4 0 4 0 Ġ! important }@ media Ġscreen Ġand Ġ( min - width : 4 5 em ){ . touch Ġ. annot ator - modal - wrapper { position : absolute Ġ! important ; margin - top : 2 0 0 px Ġ! important }}. annot ator - touch - controls { width : 1 0 0 %; text - align : center ; min - width : auto ; z - index : 9 9 9 9 }. annot ator - touch - controls Ġ. animate In { animation - name : animate In ;- webkit - animation - name : animate In ; animation - duration :. 3 5 s ;- webkit - animation - duration :. 3 5 s ; animation - timing - function : ease - in - out ;- webkit - animation - timing - function : ease - in - out ; visibility : visible }. annot ator - touch - controls Ġ. annot ator - edit { background - color :# f 5 f 5 f 5 ; position : absolute ; right :- 2 5 px ;- webkit - border - radius : 2 px Ġ 0 Ġ 0 Ġ 2 px ; border - radius : 2 px Ġ 0 Ġ 0 Ġ 2 px ; background - clip : padding - box }. annot ator - touch - controls . annot ator - touch - hide { right :- 9 9 9 9 em ; opacity : 0 ;- webkit - transition : opacity Ġ. 2 s Ġ 0 Ġease - in , right Ġ 0 Ġ. 3 s Ġlinear ;- moz - transition : opacity Ġ. 2 s Ġ 0 Ġease - in , right Ġ 0 Ġ. 3 s Ġlinear ;- ms - transition : opacity Ġ. 2 s Ġ 0 Ġease - in , right Ġ 0 Ġ. 3 s Ġlinear ;- o - transition : opacity Ġ. 2 s Ġ 0 Ġease - in , right Ġ 0 Ġ. 3 s Ġlinear ; transition : opacity Ġ. 2 s Ġ 0 Ġease - in , right Ġ 0 Ġ. 3 s Ġlinear }. annot ator - touch - controls Ġ. annot ator - add { padding :. 5 rem ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box ; background - color :# 7 7 7 ; color :# fff ; position : absolute ; margin - left :- 2 0 px ; left : 5 0 %; width : 4 8 px ; height : 4 5 px ; cursor : pointer ; border - bottom : 0 ;- moz - box - shadow : 0 Ġ 0 Ġ 1 px Ġ# cd cd cd ;- webkit - box - shadow : 0 Ġ 0 Ġ 1 px Ġ# cd cd cd ;- o - box - shadow : 0 Ġ 0 Ġ 1 px Ġ# cd cd cd ; box - shadow : 0 Ġ 0 Ġ 1 px Ġ# cd cd cd ; display : block ; text - align : center }. annot ator - touch - controls Ġ. annot ator - add : after ,. annot ator - touch - controls Ġ. annot ator - add : before { width : 0 ; height : 0 ; border :. 6 5 em Ġsolid ; border - color :# 7 7 7 Ġ# 7 7 7 Ġtransparent Ġtransparent ;- moz - transform : rotate (- 4 5 deg ); - webkit - transform : rotate (- 4 5 deg ); - o - transform : rotate (- 4 5 deg ); transform : rotate (- 4 5 deg ); content :\"\"; left : 1 4 px ; top :- 1 0 px ; position : absolute }. annot ator - touch - controls Ġ. annot ator - add : before { top :- 1 1 px ; border - color :# cd cd cd Ġ# cd cd cd Ġtransparent Ġtransparent }. annot ator - touch - controls Ġ. annot ator - add Ġspan { display : block }. annot ator - touch - controls Ġ. annot ator - add Ġspan : before { font - family : SS Flow ; content :\ ' \\ F 7 0 7 \ '; height : 4 8 px ; width : 4 9 px ; font - size : 2 6 px ; font - size : 1 . 6 2 5 rem ; top : 5 px ; position : relative ; color :# fff }. card - annotation { color : rgba ( 6 4 , 6 4 , 6 4 ,. 6 5 )}. card - annotation Ġ. wrap - pod { max - width : 8 0 0 px ; margin : 0 Ġauto }. card - annotation Ġ. pod { float : left ; padding : 1 . 2 5 rem Ġ 1 . 2 5 rem Ġ 1 . 8 7 5 rem }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ . card - annotation Ġ. pod { margin : 0 Ġ 0 Ġ 1 . 2 5 rem }}. card - annotation Ġ. pod Ġh 2 { margin : 5 px Ġ 0 Ġ 2 0 px ; font - size : 2 1 px ; color : rgba ( 7 4 , 6 0 , 4 9 ,. 7 5 )}. card - annotation Ġform Ġtextarea { display : block ; max - width : 1 0 0 %; width : 1 0 0 % }. card - annotation Ġform Ġ[ type = submit ]{ margin - left :. 9 3 7 5 rem }. card - annotation Ġform Ġul . delete - option { margin - top : 2 0 px }. card - annotation Ġform Ġul . delete - option Ġinput { margin : 0 ; font - size : 1 4 px }. card - annotation Ġform Ġul . buttons { margin - top : 1 5 px }. card - annotation Ġform Ġul # id _ privacy _ option Ġli { margin - left :. 6 2 5 rem }. card - annotation Ġform Ġul . privacy - options Ġli Ġlabel { font - size : 1 6 px ; font - size : 1 rem }. card - annotation Ġform Ġul Ġli { display : inline - block }. card - annotation Ġform Ġul Ġli Ġinput { margin : 0 Ġ 5 px }. card - annotation Ġ. media - thumbnail { float : left ; margin : 0 Ġ. 9 3 7 5 rem Ġ. 6 2 5 rem Ġ 0 }. card - annotation Ġ. annotation - note { margin : 0 Ġ 0 Ġ. 6 5 em ; word - break : break - all }. card - annotation Ġ. clear { clear : both }. card - annotation Ġ. left { float : left ; margin : 0 }. card - annotation Ġ. right { float : right ; margin : 0 }. card - annotation Ġ. row { border - top : 1 px Ġsolid Ġ# ddd ; display : block ; padding - top :. 6 2 5 rem ; margin : 0 Ġ 0 Ġ. 6 2 5 rem ; float : left ; width : 1 0 0 % }. card - annotation Ġ. note . quote ,. card - annotation Ġ. row . border { margin - bottom : 0 }. card - annotation Ġdiv . quote { padding - bottom :. 9 3 7 5 rem }. card - annotation Ġ. note { color :# 8 8 8 ; padding - bottom :. 5 rem ; display : inline - block }. card - annotation Ġ. social - sharing { text - align : center ; margin - top :. 9 3 7 5 rem }. card - annotation Ġ. social - sharing Ġli { margin :. 6 2 5 rem Ġ. 6 2 5 rem Ġ 0 }. card - annotation Ġ. sign - up { text - align : center ; padding : 0 Ġ 7 . 5 rem }. card - annotation Ġ. sign - up Ġh 1 { padding - bottom : 0 ; margin - bottom : 0 }. card - annotation Ġ. sign - up > p { margin - top : 1 0 px }@ media Ġscreen Ġand Ġ( max - width : 5 1 . 3 1 2 5 em ){ . card - annotation Ġ. sign - up { padding : 0 }}. card - annotation Ġ. annotation - quote { color : rgba ( 6 4 , 6 4 , 6 4 ,. 7 5 ); font - family : Ge org ia , serif ; margin : 0 }. card - annotation Ġ. annotation - quote : before { content :\" \\ 2 0 1 C \"; float : left ; font - size : 5 0 px }. card - annotation Ġ. annotation - quote : after { content :\" \\ 2 0 1 D \"; float : right ; font - size : 5 0 px }. ios - app - te aser { position : relative ; height : 4 0 px ; margin : 0 Ġ 1 . 2 5 rem Ġ- 5 px }@ media Ġonly Ġscreen Ġand Ġ( max - width : 5 2 0 px ){ . ios - app - te aser { margin : 0 Ġ 1 . 2 5 rem Ġ- 5 px }}. ios - app - te aser Ġul { background :# 4 0 4 0 4 0 }. ios - app - te aser Ġul : after ,. ios - app - te aser Ġul : before { content :\" Ġ\ "; display : table }. ios - app - te aser Ġul : after { clear : both }. ios - app - te aser Ġul Ġli { list - style : none ; float : left ; width : 5 0 %; text - align : center ; font - size : 1 6 px ; vertical - align : middle }. ios - app - te aser Ġul Ġli : active ,. ios - app - te aser Ġul Ġli : focus ,. ios - app - te aser Ġul Ġli : hover { background :# 1 b 1 a 1 a ;- moz - transition : background Ġ. 7 s Ġease ;- webkit - transition : background Ġ. 7 s Ġease ;- o - transition : background Ġ. 7 s Ġease ; transition : background Ġ. 7 s Ġease }. ios - app - te aser Ġul Ġli Ġa { display : block ; color :# fff ; font - weight : 3 0 0 ; padding : 1 0 px Ġ 0 }. ios - app - te aser Ġul Ġli Ġa : active ,. ios - app - te aser Ġul Ġli Ġa : focus ,. ios - app - te aser Ġul Ġli Ġa : hover { text - decoration : none ; color :# fff }. s bo - toc Ġ. ios - app - te aser { display : none ; margin : 0 }. s bo - toc . has - ios - app - te aser Ġ. ios - app - te aser { display : block }. s bo - toc . has - ios - app - te aser Ġ. close { top : 4 0 px } body . night - mode Ġ. s bo - toc Ġ. ios - app - te aser Ġul { background :# 2 2 2 ; border - bottom : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. s bo - toc Ġ. ios - app - te aser Ġul Ġli : active , body . night - mode Ġ. s bo - toc Ġ. ios - app - te aser Ġul Ġli : focus , body . night - mode Ġ. s bo - toc Ġ. ios - app - te aser Ġul Ġli : hover { background :# 0 7 0 7 0 7 }. academic - text { text - align : left }. course - nag ,. server error Ġ. pod { text - align : center }. academic - text Ġh 1 { color :# 7 7 7 ; font - family :\" source Ġsans Ġpro \", sans - serif ; font - size : 4 0 px ; font - size : 2 . 5 rem }. academic - text Ġh 2 { font - size : 2 0 px ; font - size : 1 . 2 5 rem }. academic - text Ġol Ġli { font - size : 1 8 px ; font - size : 1 . 1 2 5 rem } # academic - text - bold { font - weight : 7 0 0 }. support - text { margin - top : 2 0 px }. support - text Ġp { font - size : 1 4 px ; font - size :. 8 7 5 rem ; margin : 0 }. academic - mailto - link { margin - top : 2 0 px }. no - touch Ġ. rec - delete : focus ,. no - touch Ġ. rec - delete : hover ,. no - touch Ġ. rec - fav : focus ,. no - touch Ġ. rec - fav : hover ,. rec - delete ,. rec - fav { background : 0 ; color :# ccc }. rec - delete ,. rec - fav {- moz - box - shadow : none ;- webkit - box - shadow : none ;- o - box - shadow : none ; box - shadow : none ; line - height : 1 ; margin : 0 ; padding : 0 ; border : 0 ; font - weight : 4 0 0 }. rec - delete : active ,. rec - fav : active { top : 0 }. pass - rules { font - size : 1 4 px ; color :# 5 5 5 }. pass - rules Ġh 4 { font - weight : 7 0 0 ; margin : 0 ; padding : 0 }. pass - rules Ġul { list - style - type : disc ; margin : 0 Ġ 0 Ġ 1 em Ġ 1 . 5 em }. server error Ġ# mast head { background - color :# 0 7 0 7 0 7 ; width : 1 0 0 %; min - width : 2 3 0 px ; font - weight : 7 0 0 }. server error Ġ# mast head Ġh 1 { margin : 0 ; padding :. 5 em }. server error Ġ# mast head Ġh 1 Ġa { color :# fff ; text - decoration : none }. server error Ġsection Ġimg { display : block ; margin :. 5 em Ġauto ; max - width : 5 0 % }. server error Ġfooter { padding : 1 . 5 em }. server error Ġh 1 { color :# 7 7 7 ; display : inline - block ; padding : 0 Ġ 1 rem ; margin : 0 Ġ 0 Ġ 1 rem }. server error . js - error ,. server error . js - error Ġ. pod { background :# f 7 f 7 f 7 }. upgrade { margin : 0 Ġ 0 Ġ 3 0 px ; padding : 2 0 px ; color :# FFF ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box }. upgrade . upgrade - green { background - color :# f 6 5 d 2 2 }. upgrade . upgrade - yellow { background - color :# e 5 c 1 5 e }. upgrade . upgrade - red { background - color :# ea 6 d 6 0 }. upgrade . upgrade - blue { background - color :# c 7 c 2 ba ; color :# 4 a 3 c 3 1 ; border : 0 }. upgrade Ġa { color :# FFF }. upgrade Ġp { margin : 0 ; font - size : 1 8 px ; font - size : 1 . 1 2 5 rem }. enable - js { min - height : 3 0 0 px ; padding : 1 em }. recommend ations _ debug Ġdiv ,. recommend ations _ debug Ġli , div . recommend ations _ debug { padding - left : 5 px }. recommend ations _ debug Ġul { padding - left : 5 px ; padding - top : 5 px } body . night - mode { background - color :# 0 0 0 Ġ! important } body . night - mode . video { background - color :# 0 0 0 } body . night - mode . video Ġ. s bo - book - meta { background - color : transparent } body . night - mode . video Ġ. s bo - in page - toc { border : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode . video Ġ. s bo - in page - toc Ġ. toc - contents { border : 0 ; background - color :# 0 0 0 } body . night - mode . video Ġ. s bo - in page - toc Ġ. toc List Ġli { border : 0 } body . night - mode . video Ġ. s bo - in page - toc Ġ. toc List Ġli Ġa { border - bottom : 1 px Ġsolid Ġ# 2 2 2 } body . night - mode . video Ġ. s bo - in page - toc Ġ. rec - fav { color :# AAA } body . night - mode . video Ġ. s bo - in page - toc Ġli { background - color : transparent } body . night - mode . video Ġ. s bo - in page - toc Ġli Ġa { border : 0 } body . night - mode Ġ. tutorial - toc Ġ. toc List Ġli Ġa , body . night - mode . video Ġ. s bo - in page - toc Ġ. toc - bottom { border - top : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli { border - bottom : 1 px Ġsolid Ġ# 4 4 4 ; background - color :# 2 2 2 } body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 1 , body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 2 , body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item 3 { border - left : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli : hover { color :# FFF ; background - color :# 1 1 1 } body . night - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . active - tab { background - color : transparent ; border - bottom : 0 ; color :# FFF } body . night - mode Ġ. lesson - content , body . night - mode . video Ġ. s bo - in page - toc Ġ# description - tab , body . night - mode . video Ġ. s bo - in page - toc Ġ. tab - inner Ġp { color :# FFF } body . night - mode Ġ. lesson - content Ġh 1 , body . night - mode Ġ. lesson - content Ġh 2 , body . night - mode Ġ. lesson - content Ġh 3 , body . night - mode Ġ. lesson - content Ġh 4 , body . night - mode Ġ. lesson - content Ġh 5 , body . night - mode Ġ. lesson - content Ġli , body . night - mode Ġ. lesson - content Ġp { color :# FFF Ġ! important } body . night - mode Ġ. lesson - content Ġdiv { color :# fff ; background - color :# 0 0 0 Ġ! important } body . night - mode Ġ. lesson - content Ġdiv Ġtable , body . night - mode Ġ. lesson - content Ġdiv Ġtable Ġ* { background - color :# 0 0 0 Ġ! important ; color :# fff Ġ! important ; border - color :# fff } body . night - mode Ġ. tutorial - toc Ġ. rec - fav { color :# fff } body . night - mode Ġ. tutorial - toc Ġ. featured - title , body . night - mode Ġ. tutorial - toc Ġ. toc List Ġli Ġa . topic { background - color :# 2 2 2 ; color :# FFF } body . night - mode Ġ. tutorial - toc Ġ. featured - title { border - top : 1 px Ġsolid Ġ# 4 4 4 ; border - bottom : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. tutorial - toc Ġ. toc List Ġli { border - bottom : 0 } body . night - mode Ġ. nav - ic n . active { background - color :# 0 0 0 Ġ! important } body . night - mode Ġ. tutorial - progress - bars { color :# fff Ġ! important } body . night - mode Ġ. lesson - introduction { background - color :# 2 2 2 Ġ! important ; border : 1 px Ġsolid Ġ# 6 6 6 Ġ! important ; color :# FFF Ġ! important } body . night - mode Ġ. lesson - introduction Ġh 2 { color :# 9 9 9 Ġ! important } body . night - mode Ġ. info - about - chapter , body . night - mode Ġ. show - full - lesson { background - color :# 3 3 3 Ġ! important } body . night - mode Ġul . topics - percentage - bar Ġ. topic Ġ. topic - title { background - color :# 6 6 6 } body . night - mode Ġul . topics - percentage - bar Ġ. lessons - percentage - bar Ġa { background - color :# 9 9 9 } body . night - mode Ġul . topics - percentage - bar Ġ. lessons - percentage - bar Ġ. lesson - completed Ġa { background - color :# f 6 5 d 2 2 } body . night - mode Ġul . topics - percentage - bar Ġ. lessons - percentage - bar Ġ. current _ lesson Ġa { background - color :# f 5 c 5 1 7 } body . night - mode Ġul . topics - percentage - bar Ġli { background - color : transparent ; border - right : 1 px Ġsolid Ġ# 0 0 0 } body . night - mode Ġul . topics - percentage - bar Ġli . current _ lesson Ġa { background - color :# f 6 5 d 2 2 } body . night - mode Ġ. night { background - color :# 0 0 0 Ġ! important } body . night - mode Ġ. night Ġ. fa { color :# f 6 5 d 2 2 Ġ! important } body . night - mode Ġ. day { background - color :# 2 2 2 Ġ! important } body . night - mode Ġ. day Ġ. fa { color :# FFF Ġ! important } body . night - mode Ġ# container { background - color :# 0 0 0 Ġ! important } body . night - mode Ġ. s bo - book - meta { background - color :# 0 0 0 ; border - bottom : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. font - controls - panel { top :- 1 px } body . night - mode Ġ. search - in - archive Ġ. search - archive - bar , body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġul { border : 1 px Ġsolid Ġ# 6 6 6 } body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġul { border - top : 0 } body . night - mode Ġ. search - in - archive Ġ. search - archive - bar { border - right : 0 } body . night - mode Ġ. search - in - archive . result - active Ġ. search - archive - bar { border - bottom : 0 } body . night - mode Ġ. search - in - archive { background - color :# 0 0 0 } body . night - mode Ġ. search - in - archive . active { border - color :# 6 6 6 ; background - color :# 2 2 2 } body . night - mode Ġ. search - in - archive . active Ġ. search - controls { background - color :# 2 2 2 } body . night - mode Ġ. search - in - archive . active Ġ. search - controls : before { background - color :# f 6 5 d 2 2 } body . night - mode Ġ. search - in - archive Ġ. search - archive - bar , body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli , body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli . pagination Ġa , body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli . search - whole - site Ġa , body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġul { background - color :# 2 2 2 } body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli { border - color :# 6 6 6 ; color :# fff } body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli Ġ. description { color :# fff } body . night - mode Ġ. search - in - archive Ġ. search - archive - results Ġli Ġa . title { color :# fff ; background - color :# 2 2 2 } body . night - mode Ġ. top bar { background - color :# 2 2 2 Ġ! important } body . night - mode Ġ. page foot , body . night - mode Ġ. top bar Ġ. top nav > li Ġa : hover { background - color :# 0 0 0 } body . night - mode Ġ. top bar Ġsvg { stroke :# FFF ; fill :# FFF } body . night - mode Ġ. page foot Ġ. icon - up { background - color :# 2 2 2 ; border : 1 px Ġsolid Ġ# 6 6 6 } body . night - mode Ġ. page foot Ġa { color :# ddd Ġ! important } body . night - mode Ġ. interface - controls Ġ. queue - control Ġ. rec - fav : focus , body . night - mode Ġ. interface - controls Ġ. queue - control Ġ. rec - fav : hover { background - color :# 0 0 0 Ġ! important } body . night - mode Ġ. interface - controls Ġ. sharing - controls , body . night - mode Ġ. interface - controls Ġa , body . night - mode Ġ. interface - controls Ġbutton { background - color :# 0 0 0 }@ media Ġscreen Ġand Ġ( min - width : 4 9 . 4 3 7 5 em ){ body . night - mode Ġ. interface - controls Ġ# font - controls , body . night - mode Ġ. interface - controls Ġ. search - in - archive , body . night - mode Ġ. interface - controls Ġbutton { border - bottom : 1 px Ġsolid Ġ# 5 5 5 } body . night - mode Ġ. interface - control - btn s { border : 1 px Ġsolid Ġ# 6 6 6 }} body . night - mode Ġ. pagination - title , body . night - mode Ġ. s bo - title Ġh 1 , body . night - mode Ġ. top nav > li Ġa { color :# fff Ġ! important } body . night - mode Ġ. toc - contents { border : 1 0 px Ġsolid Ġ# 4 4 4 ; background - color :# 2 2 2 } body . night - mode Ġul . toc - level - 2 { border - top : 0 } body . night - mode Ġ. toc List Ġli { background - color :# 2 2 2 ; border - bottom : 1 px Ġsolid Ġ# 2 2 2 } body . night - mode Ġ. toc List Ġli Ġa { color :# AAA ; border - bottom : 1 px Ġsolid Ġ# 3 3 3 } body . night - mode Ġ. toc List Ġli . currently - reading , body . night - mode Ġ. toc List Ġli . currently - reading Ġa { background - color :# 5 5 5 } body . night - mode Ġ. nav - link , body . night - mode Ġ. s bo - menu - top { background - color :# 0 0 0 } body . night - mode Ġ. s bo - prev Ġ. nav - link { border : 0 ; border - right : 1 px Ġsolid Ġ# 4 4 4 ; border - bottom : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. s bo - menu - top { border - bottom : 1 px Ġsolid Ġ# 4 4 4 ; border - right : 1 px Ġsolid Ġ# 4 4 4 ; border - left : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. s bo - next Ġ. nav - link { border - bottom : 1 px Ġsolid Ġ# 4 4 4 } body . night - mode Ġ. s bo - next . s bo - nav - bottom , body . night - mode Ġ. s bo - prev . s bo - nav - bottom { border - top : 1 px Ġsolid Ġ# 4 4 4 }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ),( max - height : 2 6 . 2 5 em ){ body . night - mode Ġ. s bo - menu - top { border - right : 0 ; border - left : 0 } body . night - mode Ġ. s bo - next Ġ. nav - link { border - top : 0 }} body . night - mode Ġ# s bo - rt - content { background - color :# 0 0 0 Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. black { color :# fff } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ:: selection { background - color : rgba ( 2 5 5 , 2 2 5 , 2 5 5 ,. 5 )} body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ:: - moz - selection { background - color : rgba ( 2 5 5 , 2 2 5 , 2 5 5 ,. 5 )} body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġspan . annot ator - hl { background - color : rgba ( 2 5 5 , 2 2 5 , 2 5 5 ,. 3 ); color :# FFF } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġa , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġli , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġa , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġli { background - color :# 6 6 6 Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - adder Ġul Ġa : hover , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - view - click er Ġul Ġa : hover { color :# fff Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper { background - color :# 3 3 3 Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. selected , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġa . share - button , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. left Ġa , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. row , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. title , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġdiv , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġh 4 , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġli , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġp { background - color :# 3 3 3 Ġ! important ; color :# FFF Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġ. annot ator - controls Ġa . positive , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea { color :# FFF Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. annot ator - widget Ġtextarea { background - color :# 9 9 9 } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġ. button - group . social - sharing Ġa . share - button { border : 0 } body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġa , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġcode , body . night - mode Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ. annot ator - modal - wrapper Ġem { background - color :# 3 3 3 } body . night - mode Ġ# s bo - rt - content Ġdiv , body . night - mode Ġ# s bo - rt - content Ġtable , body . night - mode Ġ# s bo - rt - content Ġtable Ġth , body . night - mode Ġ# s bo - rt - content Ġtable Ġthead , body . night - mode Ġ# s bo - rt - content Ġtable Ġtr { background - color :# 0 0 0 Ġ! important ; border - color :# fff Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ. box _ title , body . night - mode Ġ# s bo - rt - content Ġ. chapter title , body . night - mode Ġ# s bo - rt - content Ġ. cn - chapter - number , body . night - mode Ġ# s bo - rt - content Ġ. figure - title , body . night - mode Ġ# s bo - rt - content Ġ. fm _ title _ document , body . night - mode Ġ# s bo - rt - content Ġ. h 1 , body . night - mode Ġ# s bo - rt - content Ġ. heading - 1 , body . night - mode Ġ# s bo - rt - content Ġ. heading - 3 , body . night - mode Ġ# s bo - rt - content Ġ. paragraph - head , body . night - mode Ġ# s bo - rt - content Ġ. title , body . night - mode Ġ# s bo - rt - content Ġ. title _ document , body . night - mode Ġ# s bo - rt - content Ġh 1 , body . night - mode Ġ# s bo - rt - content Ġh 2 , body . night - mode Ġ# s bo - rt - content Ġh 3 , body . night - mode Ġ# s bo - rt - content Ġh 4 , body . night - mode Ġ# s bo - rt - content Ġh 5 , body . night - mode Ġ# s bo - rt - content Ġh 6 , body . night - mode Ġ# s bo - rt - content Ġhr { background - color :# 0 0 0 ; color :# ddd Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre - ex , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre 1 , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre _ w , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġp . pre , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġpre , body . night - mode Ġ# s bo - rt - content Ġ. pre , body . night - mode Ġ# s bo - rt - content Ġ. pre - ex , body . night - mode Ġ# s bo - rt - content Ġ. pre 1 , body . night - mode Ġ# s bo - rt - content Ġ. pre _ w , body . night - mode Ġ# s bo - rt - content Ġp . pre , body . night - mode Ġ# s bo - rt - content Ġpre { background - color :# 2 2 2 Ġ! important ; color :# aaa Ġ! important ; border : none Ġ! important } body . night - mode Ġ# s bo - rt - content Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv , body . night - mode Ġ# s bo - rt - content Ġdt , body . night - mode Ġ# s bo - rt - content Ġem , body . night - mode Ġ# s bo - rt - content Ġli , body . night - mode Ġ# s bo - rt - content Ġp , body . night - mode Ġ# s bo - rt - content Ġstrong { color :# ddd Ġ! important ; background - color :# 0 0 0 ; box - shadow : none Ġ! important } body . night - mode Ġ# s bo - rt - content Ġcode { color :# ddd Ġ! important } body . night - mode Ġ# s bo - rt - content Ġp . pre { color :# 0 0 0 } body . night - mode Ġ# s bo - rt - content Ġdiv . bg box Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . bg box Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . bg box Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . bg box Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . box g Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . box g Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . box g Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . feature Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . feature Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġp , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġdd , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġdt , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġli , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġp , body . night - mode Ġ# s bo - rt - content Ġp . note , body . night - mode Ġ# s bo - rt - content Ġp . pre - ex { color :# fff } body . night - mode Ġ# s bo - rt - content Ġdiv . bg box Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . box g Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġp . note Ġa , body . night - mode Ġ# s bo - rt - content Ġp . pre - ex Ġa { color :# fff ; text - decoration : none } body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġh 3 , body . night - mode Ġ# s bo - rt - content Ġdiv . note Ġp . title , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġh 5 , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp . title , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar - title , body . night - mode Ġ# s bo - rt - content Ġdiv . tip Ġh 3 , body . night - mode Ġ# s bo - rt - content Ġdiv . warning Ġh 3 , body . night - mode Ġ# s bo - rt - content Ġp . box _ title { background - color : transparent ; color :# fff Ġ! important } body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. box g , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. note , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. note 1 , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. sidebar 1 , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. tip , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. warning , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . note , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . sidebar , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . tip , body . night - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . warning , body . night - mode Ġ# s bo - rt - content Ġ. box bg , body . night - mode Ġ# s bo - rt - content Ġ. note , body . night - mode Ġ# s bo - rt - content Ġ. note 1 , body . night - mode Ġ# s bo - rt - content Ġ. sidebar 1 , body . night - mode Ġ# s bo - rt - content Ġ. tip , body . night - mode Ġ# s bo - rt - content Ġ. warning , body . night - mode Ġ# s bo - rt - content Ġdiv . note , body . night - mode Ġ# s bo - rt - content Ġdiv . sidebar , body . night - mode Ġ# s bo - rt - content Ġdiv . tip , body . night - mode Ġ# s bo - rt - content Ġdiv . warning { box - shadow : none ; color :# fff Ġ! important } body . night - mode Ġ# s bo - rt - content Ġtd , body . night - mode Ġ# s bo - rt - content Ġtd Ġa , body . night - mode Ġ# s bo - rt - content Ġtd Ġli , body . night - mode Ġ# s bo - rt - content Ġtd Ġp , body . night - mode Ġ# s bo - rt - content Ġtd Ġp Ġa , body . night - mode Ġ# s bo - rt - content Ġth , body . night - mode Ġ# s bo - rt - content Ġth Ġp { color :# fff } body . night - mode Ġ. related Ġ. bit list - header { color :# ddd } body . cloud y - mode { background - color :# f 5 eee 0 Ġ! important } body . cloud y - mode . video Ġ. s bo - book - meta { border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode . video Ġ. toc List Ġli Ġa { border - bottom : 1 px Ġsolid Ġ# e 6 e 6 e 6 } body . cloud y - mode . video Ġ. s bo - in page - toc { border : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. toc - contents { border : 0 } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. progress - indicator { color :# beb 9 a 6 ; border : 2 px Ġsolid Ġ# beb 9 a 6 } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. toc - bottom { border - top : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli { background - color :# e 0 d 9 cb ; border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . active - tab { background - color :# f 5 eee 0 ; border - bottom : 0 } body . cloud y - mode Ġ. lesson - content Ġdiv , body . cloud y - mode Ġ. nav - ic n . active { background - color :# f 5 eee 0 Ġ! important } body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 1 , body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 2 , body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 3 , body . cloud y - mode . video Ġ. s bo - in page - toc Ġ. tabs Ġli . item - 4 { border - left : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. rec - fav . active : before { color :# f 6 5 d 2 2 } body . cloud y - mode Ġ. ss - to ots . active , body . cloud y - mode Ġ. tutorial - toc Ġ. featured - title , body . cloud y - mode Ġ. tutorial - toc Ġ. toc List Ġli Ġa . topic { background - color :# f 5 eee 0 } body . cloud y - mode Ġ. tutorial - toc Ġ. toc List Ġli Ġa Ġ. lesson - indicator { border : 2 px Ġsolid Ġ# beb 9 a 6 } body . cloud y - mode Ġ. tutorial - toc Ġ. toc List Ġli Ġa Ġ. lesson - indicator : before { color :# beb 9 a 6 } body . cloud y - mode Ġ. tutorial - toc Ġ. toc List Ġli { border - bottom : 0 } body . cloud y - mode Ġ. lesson - introduction { background - color :# f 5 eee 0 Ġ! important ; border : 1 px Ġsolid Ġ# beb 9 a 6 Ġ! important } body . cloud y - mode Ġ. info - about - chapter , body . cloud y - mode Ġ. show - full - lesson { background - color :# c 7 c 1 b 4 Ġ! important } body . cloud y - mode Ġ. cloud y { background - color :# 0 0 0 Ġ! important } body . cloud y - mode Ġ. cloud y Ġ. fa { color :# f 6 5 d 2 2 Ġ! important } body . cloud y - mode Ġ. day { background - color :# 2 2 2 Ġ! important } body . cloud y - mode Ġ. day Ġ. fa { color :# FFF Ġ! important } body . cloud y - mode Ġ# container { background - color :# f 5 eee 0 Ġ! important } body . cloud y - mode Ġ. page foot { background " ĊĊ ĉ private Ġconst Ġval ĠBO OK _ STY LES _ 1 Ġ= Ġ"- color :# f 5 eee 0 } body . cloud y - mode Ġ. page foot Ġ. icon - up { background - color :# f 5 eee 0 ; border : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. page foot Ġa { color :# 4 0 4 0 4 0 Ġ! important } body . cloud y - mode Ġ. interface - controls Ġ. queue - control Ġ. rec - fav : focus , body . cloud y - mode Ġ. interface - controls Ġ. queue - control Ġ. rec - fav : hover { background - color :# f 5 eee 0 Ġ! important } body . cloud y - mode Ġ. interface - controls Ġ. sharing - controls , body . cloud y - mode Ġ. interface - controls Ġa , body . cloud y - mode Ġ. interface - controls Ġbutton , body . cloud y - mode Ġ. search - in - archive , body . cloud y - mode Ġ. search - in - archive . active Ġ. search - controls { background - color :# f 5 eee 0 } body . cloud y - mode Ġ. interface - controls Ġ. fa - share , body . cloud y - mode Ġ. interface - controls Ġa : before , body . cloud y - mode Ġ. interface - controls Ġbutton : before { color :# ada 7 9 9 } body . cloud y - mode Ġ. search - in - archive . active { border - color :# c 7 c 1 b 4 ; background - color :# f 5 eee 0 } body . cloud y - mode Ġ. search - in - archive . active Ġ. search - controls : before { background - color :# f 6 5 d 2 2 } body . cloud y - mode Ġ. s bo - book - meta , body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - bar , body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli , body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli . pagination Ġa , body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli . search - whole - site Ġa , body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġul , body . cloud y - mode Ġ. toc - contents , body . cloud y - mode Ġ. toc List Ġli { background - color :# f 5 eee 0 } body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli { border - color :# c 7 c 1 b 4 ; color :# 4 0 4 0 4 0 } body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli Ġ. description { color :# 4 0 4 0 4 0 } body . cloud y - mode Ġ. search - in - archive Ġ. search - archive - results Ġli Ġa . title { color :# 4 0 4 0 4 0 ; background - color :# f 5 eee 0 }@ media Ġscreen Ġand Ġ( min - width : 4 9 . 4 3 7 5 em ){ body . cloud y - mode Ġ. interface - controls Ġ# font - controls , body . cloud y - mode Ġ. interface - controls Ġ. search - in - archive , body . cloud y - mode Ġ. interface - controls Ġbutton { border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. interface - control - btn s { border : 1 px Ġsolid Ġ# c 7 c 1 b 4 }} body . cloud y - mode Ġ. toc - contents { border : 1 0 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. s bo - book - meta { border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. toc List Ġli . currently - reading , body . cloud y - mode Ġ. toc List Ġli . currently - reading Ġa { background - color :# eae 7 db } body . cloud y - mode Ġ. nav - link , body . cloud y - mode Ġ. s bo - menu - top { background - color :# f 5 eee 0 } body . cloud y - mode Ġ. s bo - prev Ġ. nav - link { border : 0 ; border - right : 1 px Ġsolid Ġ# c 7 c 1 b 4 ; border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. s bo - menu - top , body . cloud y - mode Ġ. s bo - next Ġ. nav - link { border - bottom : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. s bo - menu - top { border - right : 1 px Ġsolid Ġ# c 7 c 1 b 4 ; border - left : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. s bo - next . s bo - nav - bottom , body . cloud y - mode Ġ. s bo - prev . s bo - nav - bottom { border - top : 1 px Ġsolid Ġ# c 7 c 1 b 4 } body . cloud y - mode Ġ. top bar { background - color :# e 0 d 9 cb Ġ! important } body . cloud y - mode Ġ. top bar Ġ. top nav > li Ġa : hover { background - color :# f 5 eee 0 }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ),( max - height : 2 6 . 2 5 em ){ body . cloud y - mode Ġ. s bo - next Ġ. nav - link { border - top : 0 }} body . cloud y - mode Ġ# s bo - rt - content { background - color :# f 5 eee 0 Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġdiv , body . cloud y - mode Ġ# s bo - rt - content Ġtable , body . cloud y - mode Ġ# s bo - rt - content Ġtable Ġth , body . cloud y - mode Ġ# s bo - rt - content Ġtable Ġthead , body . cloud y - mode Ġ# s bo - rt - content Ġtable Ġtr { background - color :# f 5 eee 0 Ġ! important ; border : none Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġ. box _ title , body . cloud y - mode Ġ# s bo - rt - content Ġ. chapter title , body . cloud y - mode Ġ# s bo - rt - content Ġ. cn - chapter - number , body . cloud y - mode Ġ# s bo - rt - content Ġ. figure - title , body . cloud y - mode Ġ# s bo - rt - content Ġ. fm _ title _ document , body . cloud y - mode Ġ# s bo - rt - content Ġ. h 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ. heading - 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ. heading - 3 , body . cloud y - mode Ġ# s bo - rt - content Ġ. paragraph - head , body . cloud y - mode Ġ# s bo - rt - content Ġ. title , body . cloud y - mode Ġ# s bo - rt - content Ġ. title _ document , body . cloud y - mode Ġ# s bo - rt - content Ġh 1 , body . cloud y - mode Ġ# s bo - rt - content Ġh 2 , body . cloud y - mode Ġ# s bo - rt - content Ġh 3 , body . cloud y - mode Ġ# s bo - rt - content Ġh 4 , body . cloud y - mode Ġ# s bo - rt - content Ġh 5 , body . cloud y - mode Ġ# s bo - rt - content Ġh 6 , body . cloud y - mode Ġ# s bo - rt - content Ġhr { background - color :# f 5 eee 0 ; color :# 4 0 4 0 4 0 Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre - ex , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre _ w , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġp . pre , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġpre , body . cloud y - mode Ġ# s bo - rt - content Ġ. pre , body . cloud y - mode Ġ# s bo - rt - content Ġ. pre - ex , body . cloud y - mode Ġ# s bo - rt - content Ġ. pre 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ. pre _ w , body . cloud y - mode Ġ# s bo - rt - content Ġp . pre , body . cloud y - mode Ġ# s bo - rt - content Ġpre { background - color :# f 5 eee 0 Ġ! important ; color :# 4 0 4 0 4 0 Ġ! important ; border : none Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġstrong { color :# 4 0 4 0 4 0 ; box - shadow : none Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġdiv { color : inherit Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġdiv . bg box Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . bg box Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . bg box Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . bg box Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . box g Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . box g Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . box g Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . feature Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . feature Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġdd , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġdt , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġp . note , body . cloud y - mode Ġ# s bo - rt - content Ġp . pre - ex { color :# 4 0 4 0 4 0 } body . cloud y - mode Ġ# s bo - rt - content Ġdiv . bg box Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . box g Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġp . note Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġp . pre - ex Ġa { color :# 4 0 4 0 4 0 ; text - decoration : none } body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġh 3 , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note Ġp . title , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġh 5 , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar Ġp . title , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar - title , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip Ġh 3 , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning Ġh 3 , body . cloud y - mode Ġ# s bo - rt - content Ġp . box _ title { background - color : transparent ; color :# 4 0 4 0 4 0 Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. box g , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. note , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. note 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. sidebar 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. tip , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. warning , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . note , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . sidebar , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . tip , body . cloud y - mode Ġ# s bo - rt - content Ġ# lesson - fragment Ġdiv . warning , body . cloud y - mode Ġ# s bo - rt - content Ġ. box bg , body . cloud y - mode Ġ# s bo - rt - content Ġ. note , body . cloud y - mode Ġ# s bo - rt - content Ġ. note 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ. sidebar 1 , body . cloud y - mode Ġ# s bo - rt - content Ġ. tip , body . cloud y - mode Ġ# s bo - rt - content Ġ. warning , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . note , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . sidebar , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . tip , body . cloud y - mode Ġ# s bo - rt - content Ġdiv . warning { box - shadow : none ; color :# 4 0 4 0 4 0 Ġ! important } body . cloud y - mode Ġ# s bo - rt - content Ġtd , body . cloud y - mode Ġ# s bo - rt - content Ġtd Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġtd Ġli , body . cloud y - mode Ġ# s bo - rt - content Ġtd Ġp , body . cloud y - mode Ġ# s bo - rt - content Ġtd Ġp Ġa , body . cloud y - mode Ġ# s bo - rt - content Ġth , body . cloud y - mode Ġ# s bo - rt - content Ġth Ġp { color :# 4 0 4 0 4 0 } body . cloud y - mode Ġ# s bo - rt - content Ġspan . annot ator - hl { background - color :# ddd ; color :# 0 0 0 }. scale - right - to - left - appear { transform : scale ( 0 ); transform - origin : top Ġright ; transition :. 3 s Ġall Ġcubic - bezier (. 1 9 , 1 ,. 2 2 , 1 )}. scale - right - to - left - appear - active { transform : scale ( 1 )}. fade - in - appear { opacity :. 0 1 }. fade - in - appear - active { opacity : 1 ; transition : opacity Ġ. 5 s Ġease - in }. right { float : right }. modal - active { overflow : hidden }. no - touch Ġ. modal - active Ġ. title - cards Ġ. title - hover { visibility : visible ; opacity : 1 ; display : block } button . fetch ing { background - size : 3 0 px ; padding - right : 3 5 px Ġ! important } # lesson - fragment Ġnav [ hidden ], # s bo - rt - content Ġnav [ hidden ], . js - playlist - addto - label ,. modal - wrapper Ġ. create - collection - container Ġ. wrap - textarea Ġh 2 ,. modal - wrapper Ġ. wrap - collection - name - input Ġ. wrap - svg { display : none }. modal - wrapper Ġ. wrap - collection - name - input { padding - right : 0 }. modal - wrapper Ġ. wrap - collection - name - input Ġ. actions { position : absolute ; top : 3 0 0 px ; left : auto ; right : 3 0 px }@ media Ġscreen Ġand Ġ( max - width : 5 1 . 2 5 em ){ . modal - wrapper Ġ. create - collection - container { margin - top : 0 }}. modal - wrapper Ġ. create - collection - container Ġ. wrap - collection - name - input ,. modal - wrapper Ġ. create - collection - container Ġ. wrap - textarea { margin - top : 0 }. modal - pair - devices { text - align : center ; padding - top : 3 0 px }. modal - pair - devices Ġp { font - size : 1 4 px ; color :# AAA }. modal - pair - devices Ġ. button - primary ,. modal - pair - devices Ġ. button - secondary ,. modal - pair - devices Ġbutton { padding : 1 0 px Ġ 4 0 px ; margin - top : 1 5 px }. modal - wrapper . exp iring - pair - code - modal - nag Ġh 1 ,. modal - wrapper . modal - pair - devices Ġh 1 { padding - right : 3 0 px ; line - height : 1 . 2 5 em ; margin - top : 1 5 px }. modal - wrapper . exp iring - pair - code - modal - nag ,. modal - wrapper . modal - pair - devices { text - align : center }. modal - wrapper . exp iring - pair - code - modal - nag Ġp ,. modal - wrapper . modal - pair - devices Ġp { color :# 9 9 9 }. title - cards Ġ. card - hover - actions Ġ. card - button { min - width : fit - content }. title - cards Ġ. card - hover - actions Ġ. title - add - to - queue { position : absolute ; right : 1 0 px }. js - transform - playlist - titles Ġ. title - hover Ġ. js - playlist - icon { left : 3 0 px ; position : inherit ; top : 8 px }. js - transform - playlist - titles Ġ. title - hover Ġ. js - playlist - icon Ġsvg { right : 0 ; position : inherit }. js - playlist - icon { position : relative ; top : 1 px ; left : 2 px ; width : 1 8 px ; height : 1 6 px ; border : none Ġ! important ; outline : 0 Ġ! important ; overflow : visible }. menu - dropdown - region Ġli Ġa ,. s bo - title { white - space : nowrap ; text - overflow : ellipsis ; overflow : hidden }. s bo - in page - toc - inner Ġ. js - playlist - icon { left : 2 0 px }. js - play lists - menu { position : relative ; bottom :- 2 px ; right : 2 px }. icon - add - to - playlist - s ml ,. icon - added - to - playlist - s ml { height : 1 4 px ; position : absolute ; bottom : 2 px ; right : 1 px ; width : 1 6 px }. queue - control Ġ. icon - add - to - playlist - s ml ,. queue - control Ġ. icon - added - to - playlist - s ml { width : auto ; height : auto ; bottom : 1 5 px ; right : 1 5 px }. interface - controls Ġ. collections - dropdown Ġ. menu - control Ġ. tooltip . top - right . playlist - tooltip { top : 4 0 px Ġ! important ; right : 1 6 px Ġ! important }. js - play lists - menu Ġ. icon - add - to - playlist - s ml Ġg Ġg { fill :# b 3 b 3 b 3 }. js - play lists - menu Ġ. icon - added - to - playlist - s ml Ġg Ġg ,. js - play lists - menu : hover Ġ. icon - add - to - playlist - s ml Ġg Ġg { fill :# f 6 5 d 2 2 }. top - right . playlist - tooltip { top : 3 2 px Ġ! important ; right :- 5 px Ġ! important }. top - left . playlist - tooltip { left : 4 px Ġ! important } * {- moz - box - sizing : border - box ;- webkit - box - sizing : border - box ; box - sizing : border - box ;- webkit - tap - highlight - color : transparent ;- webkit - font - smoothing : ant iali ased } # lesson - fragment ,# s bo - rt - content { position : relative ; z - index : 1 0 } # lesson - fragment Ġimg ,# s bo - rt - content Ġimg { height : auto ; max - width : 1 0 0 %} # s bo - rt - content Ġ. s bo - vid - wrapper { background - color :# 0 0 0 ; width : 1 0 0 %; position : relative ; padding - bottom : 7 5 %} # s bo - rt - content Ġ. s bo - vid - wrapper . ar riving { background : center Ġcenter Ġno - repeat Ġ# 0 0 0 } # s bo - rt - content Ġ. s bo - vid - wrapper Ġiframe ,# s bo - rt - content Ġ. s bo - vid - wrapper Ġobject { position : absolute ; top : 0 ; bottom : 0 ; left : 0 ; right : 0 } # s bo - rt - content Ġ. s bo - vid - wrapper . k alt ura - player { padding - bottom : 6 0 . 1 %} body { margin : 0 } body . reading { background - color :# FFF ; padding - top : 6 2 px } body . reading . video { padding - top : 0 }. is - fetch ing - gif { max - width : 1 8 px ; float : right }. reading Ġ. m fp - bg { background - color :# 0 0 0 }. reading Ġ. m fp - content { margin :. 6 2 5 rem }. reading Ġ. m fp - content Ġimg { background - color :# FFF ; padding : 0 }. reading Ġ. m fp - content Ġ. m fp - figure { background - color :# 0 0 0 ; padding : 1 . 5 6 2 5 rem Ġ. 6 2 5 rem Ġ 0 ; border : 1 px Ġsolid Ġ# 5 5 5 ;- webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box }. reading Ġ. m fp - content Ġ. m fp - figure Ġbutton { color :# 9 b 9 b 9 b ; font - weight : 7 0 0 ; font - size : 2 5 px ; font - size : 1 . 5 6 2 5 rem ; padding : 0 ; right : 5 px ; top :- 8 px }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 em ){ . reading Ġ. m fp - content Ġ. m fp - figure { padding : 2 . 5 rem Ġ 0 }}. reading Ġ. m fp - content Ġ. m fp - figure Ġ. m fp - title { color : rgba ( 6 4 , 6 4 , 6 4 ,. 7 5 )}. no - touch Ġ. nav - link : hover ,. no - touch Ġ. nav - link : hover Ġ. pagination - label ,. no - touch Ġ. nav - link : hover Ġ. pagination - label : after ,. no - touch Ġ. nav - link : hover Ġ. pagination - label : before ,. no - touch Ġ. pagination - label : after : hover ,. no - touch Ġ. pagination - label : after : hover Ġ. pagination - label ,. no - touch Ġ. pagination - label : after : hover Ġ. pagination - label : after ,. no - touch Ġ. pagination - label : after : hover Ġ. pagination - label : before ,. no - touch Ġ. pagination - label : before : hover ,. no - touch Ġ. pagination - label : before : hover Ġ. pagination - label ,. no - touch Ġ. pagination - label : before : hover Ġ. pagination - label : after ,. no - touch Ġ. pagination - label : before : hover Ġ. pagination - label : before ,. no - touch Ġ. pagination - label : hover ,. no - touch Ġ. pagination - label : hover Ġ. pagination - label ,. no - touch Ġ. pagination - label : hover Ġ. pagination - label : after ,. no - touch Ġ. pagination - label : hover Ġ. pagination - label : before ,. s bo - nav - top : hover Ġa ,. s bo - nav - top : hover Ġdiv ,. s bo - nav - top : hover Ġspan ,. s bo - nav - top : hover Ġspan : after ,. s bo - nav - top : hover Ġspan : before ,. s bo - toc - thumb : active Ġ. ss - list : before ,. s bo - toc - thumb : focus Ġ. ss - list : before ,. s bo - toc - thumb : hover Ġ. ss - list : before ,. tutorial - toc - thumb : active Ġ. ss - list : before ,. tutorial - toc - thumb : focus Ġ. ss - list : before ,. tutorial - toc - thumb : hover Ġ. ss - list : before { color :# f 6 5 d 2 2 }. reading Ġ. m fp - content Ġ. m fp - figure : after { position : relative }. reading Ġ. m fp - content Ġ. m fp - figure Ġ. m fp - bottom - bar { position : relative ; margin : 2 0 px Ġ 0 Ġ 0 }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 6 2 5 em ){ . reading Ġ. m fp - content Ġ. m fp - figure Ġ. m fp - bottom - bar { margin : 2 0 px Ġ 0 Ġ 0 Ġ 1 0 px }} # s bo - rt - content Ġa . tot ri - footnote { padding :. 5 rem Ġ. 3 7 5 rem Ġ. 3 7 5 rem ; border : none Ġ! important ; display : inline - block } # s bo - rt - content Ġa . tot ri - footnote : hover { text - decoration : underline } # s bo - rt - content Ġsup { position : relative ; top :- 8 px ; z - index : 2 }. top nav Ġ. search { display : none }@ media Ġscreen Ġand Ġ( max - width : 3 2 . 5 6 2 5 em ){ . top nav Ġ. search { display : inline - block }}. clearfix : after ,. clearfix : before { content :\" Ġ\ "; display : table }. clearfix : after { clear : both }. s bo - prev - next { background :# fff }. s bo - nav - bottom { position : relative ; z - index : 2 0 }. s bo - nav - top { position : relative ; z - index : 1 }. nav - link { text - overflow : ellipsis }. nav - link ,. pagination - label ,. pagination - label : after ,. pagination - label : before { transition : color Ġ. 2 s Ġease - out }. nav - link ,. pagination - label ,. pagination - label : after ,. pagination - label : before ,. ss - list : before {- moz - transition : color Ġ. 2 s Ġease - out ;- webkit - transition : color Ġ. 2 s Ġease - out ;- o - transition : color Ġ. 2 s Ġease - out }. s bo - reading - menu { background - color :# f 7 f 7 f 7 ; position : relative }. s bo - reading - menu Ġa { text - decoration : none }. ss - list : before { transition : color Ġ. 2 s Ġease - out ; color :# 7 7 7 ; font - size : 1 3 px ; margin - right : 5 px ; vertical - align : middle }. s bo - toc - thumb ,. tutorial - toc - thumb { z - index : 2 9 ; padding :. 7 5 rem ; text - align : center ; width : 1 0 0 %; display : inline - block ; border : 0 ;- webkit - box - shadow : 0 Ġ 0 Ġ 0 Ġtransparent ; box - shadow : 0 Ġ 0 Ġ 0 Ġtransparent ; text - shadow : 0 Ġ 0 Ġ 0 Ġtransparent }. s bo - toc - thumb : active ,. s bo - toc - thumb : focus ,. s bo - toc - thumb : hover ,. tutorial - toc - thumb : active ,. tutorial - toc - thumb : focus ,. tutorial - toc - thumb : hover { background - color : transparent ; focus : 0 }. s bo - toc - thumb . close : hover ,. tutorial - toc - thumb . close : hover { background - color : transparent }. s bo - title { display : inline - block ; width : 8 7 %; position : relative }. s bo - title Ġh 1 { display : inline }. touch Ġ. pdf doc Ġ# font - controls , body . video Ġ# font - controls , body . video Ġ. search - controls { display : none }. s bo - menu - top { margin - right : 5 5 px ; z - index : 3 0 }. s bo - menu - bottom Ġ. s bo - toc - thumb ,. s bo - menu - bottom Ġ. title - link { z - index : 2 0 }. touch Ġ. search - in - archive Ġ. search - archive - bar Ġinput { padding :. 5 rem Ġ 0 Ġ. 4 3 7 5 rem Ġ. 1 2 5 rem }. no - zoom Ġ. search - in - archive Ġ. search - archive - bar { padding :. 3 1 2 5 rem Ġ 0 Ġ. 3 1 2 5 rem Ġ. 3 7 5 rem }. no - zoom Ġ. search - in - archive Ġ. search - archive - bar Ġinput { padding :. 6 2 5 rem Ġ 0 Ġ. 4 3 7 5 rem Ġ. 1 2 5 rem ; position : relative ; top :- 1 px }. no - zoom Ġ# font - controls : before ,. no - zoom Ġ. search - controls : before { top : 7 px }. ic n Tx Lr {- webkit - border - radius : 2 px Ġ 0 Ġ 0 Ġ 2 px ; border - radius : 2 px Ġ 0 Ġ 0 Ġ 2 px ; background - clip : padding - box }. pdf - size - ch anger { padding : 3 px Ġ 1 8 px Ġ 5 px ; background - color :# 2 2 2 ; border - left : 1 px Ġsolid Ġ# 4 4 4 ; border - top : 1 px Ġsolid Ġ# 4 4 4 ; border - bottom : 1 px Ġsolid Ġ# 4 4 4 ; display : block ; float : left ; text - decoration : none Ġ! important }. pdf - size - ch anger . ic n Tx Sm { border - right : 1 px Ġsolid Ġ# 4 4 4 }. pdf - size - ch anger Ġspan { display : inline - block ; text - indent :- 9 9 9 9 9 px ; width : 0 ; height : 0 }@ media Ġscreen Ġand Ġ( max - width : 4 9 . 4 3 7 5 em ) Ġand Ġ(- webkit - min - device - pixel - ratio : 0 ){ . font - fly out . open Ġ. font - controls - panel , :: i - block - chrome { margin - right :- 1 7 0 px }} @ media Ġscreen Ġand Ġ( max - width : 4 9 . 4 3 7 5 em ){ # font - controls . open { position : relative ; right :- 1 7 0 px }. pdf doc Ġ# font - controls . open { right : 0 }: root Ġ. font - fly out . open Ġ. font - controls - panel ,_ ::- webkit - full - page - media ,_ : future { margin - right :- 1 7 0 px }}. font - controls - panel { font : 7 0 0 Ġ 2 6 px / 4 5 px ĠGe org ia , serif ; background - color :# 2 2 2 ; border : 1 px Ġsolid Ġ# 4 4 4 ; right : 0 ; top : 0 ; position : absolute ; height : 1 8 5 px ; width : 3 0 0 px ;- webkit - border - radius : 2 px Ġ 0 Ġ 2 px Ġ 2 px ; border - radius : 2 px Ġ 0 Ġ 2 px Ġ 2 px ; background - clip : padding - box }. font - controls - panel . is - android - device { height : 1 4 5 px }. font - controls - panel Ġ. night modes Ġul { float : left ; width : 1 0 0 %; border - bottom : 1 px Ġsolid Ġ# 4 4 4 }. font - controls - panel Ġ. night modes Ġul Ġli { display : inline - block ; float : left ; width : 3 3 . 3 %; border - right : 1 px Ġsolid Ġ# 4 4 4 ; background - color :# 2 2 2 }. font - controls - panel Ġ. night modes Ġul Ġli Ġa { display : block ; height : 4 8 px ; text - align : center ; overflow : hidden }. font - controls - panel Ġ. night modes Ġul Ġli Ġa Ġspan { display : block ; text - indent :- 9 9 9 9 9 9 px }. font - controls - panel Ġ. night modes Ġul Ġli Ġa Ġ. fa { color :# FFF ; position : relative ; top : 3 px }. font - controls - panel Ġ. night modes Ġul Ġli : hover Ġa { background - color :# 0 0 0 Ġ! important }. font - controls - panel Ġ. night modes Ġul Ġli . day {- webkit - border - radius : 2 px Ġ 0 Ġ 0 ; border - radius : 2 px Ġ 0 Ġ 0 ; background - clip : padding - box ; background - color :# 0 0 0 }. font - controls - panel Ġ. night modes Ġul Ġli . day Ġ. fa { color :# f 6 5 d 2 2 }. font - controls - panel Ġ. night modes Ġul Ġli . cloud y Ġa Ġsvg { position : relative ; top : 3 px }. font - controls - panel Ġ. night modes Ġul Ġli . night { border - right : 0 } # reset { line - height : 1 em ; padding : 3 px Ġ 1 0 px ; margin : 0 ; font - size : 1 2 px ; position : absolute ; right : 1 0 px ; bottom : 1 0 px ; font - family : arial , sans - serif }. pdf doc Ġ# font - controls : before { content :\ ' \\ 0 0 2 B \\ 0 0 2 F \\ 2 2 1 2 \ '; font - weight : 7 0 0 ; font - size : 2 2 px ; top : 5 px }. pdf doc Ġ. font - size - ch anger : before { font - weight : 7 0 0 ; font - size : 3 1 px ; position : relative ; top : 2 px }. pdf doc Ġ. font - size - ch anger # increase - font : before { content :\ ' \\ 0 0 2 B \' }. pdf doc Ġ. font - size - ch anger # decrease - font : before { content :\ ' \\ 2 2 1 2 \' }. ic n Tx Sm : before { position : relative ; top : 7 %; font - size : 8 0 %} li : hover . video - pagination - item Ġ. progress - indicator , li : hover >. progress - indicator { width : 2 4 px ; height : 2 4 px ; padding :. 6 8 7 5 rem Ġ. 2 5 rem Ġ. 5 rem ; margin :- . 1 2 5 rem Ġ-. 5 rem Ġ 0 Ġ 0 } h 1 . video - toc - title { font - family :\" source Ġsans Ġpro \", sans - serif , sans - serif ; color :# 7 7 7 ; font - size : 1 3 px ; letter - spacing : 1 px ; line - height : 1 . 3 5 em }@ media Ġscreen Ġand Ġ( max - width : 5 1 . 3 1 2 5 em ){ h 1 . video - toc - title { margin : 1 em Ġ 1 . 5 em Ġ 0 }} h 1 . video - toc - title Ġa { color :# f 6 5 d 2 2 ; text - decoration : none ; border : none Ġ! important } h 1 . video - toc - title Ġa : hover { text - decoration : underline }. video Ġ# s bo - rt - content Ġh 1 . video - title { margin :. 4 em Ġ 0 Ġ. 8 em Ġ! important }. mobile - menu Ġselect { display : inline - block ; width : 1 0 0 %; padding : 1 . 2 5 rem Ġ 3 . 1 2 5 rem Ġ. 9 3 7 5 rem Ġ 1 . 2 5 rem ; color :# 7 7 7 ; background :# f 5 f 5 f 5 ; cursor : pointer ; text - overflow : ellipsis ; font - size : 1 8 px ; font - size : 1 . 1 2 5 rem ;- moz - box - shadow :\" 0 Ġ 1 px Ġ 0 Ġ\$ color - warm - gray - dark , Ġ 0 Ġ- 1 px Ġ# fff Ġinset \"; - webkit - box - shadow :\" 0 Ġ 1 px Ġ 0 Ġ\$ color - warm - gray - dark , Ġ 0 Ġ- 1 px Ġ# fff Ġinset \"; - o - box - shadow :\" 0 Ġ 1 px Ġ 0 Ġ\$ color - warm - gray - dark , Ġ 0 Ġ- 1 px Ġ# fff Ġinset \"; box - shadow :\" 0 Ġ 1 px Ġ 0 Ġ\$ color - warm - gray - dark , Ġ 0 Ġ- 1 px Ġ# fff Ġinset \"; - moz - appearance : none ;- webkit - appearance : none ;- o - appearance : none ; appearance : none }. mobile - menu Ġlabel { margin : 0 ; position : relative }. mobile - menu Ġlabel : after { padding - bottom : 2 px ; position : absolute ; top : 2 0 px ; right : 8 px ; content :\ '< >\ '; font : 2 0 px ĠCon sol as , mono space ; color :# aaa ; border - bottom : 1 px Ġsolid Ġ# d 5 d 5 d 5 ; pointer - events : none ;- moz - transform : rotate ( 9 0 deg ); - webkit - transform : rotate ( 9 0 deg ); - o - transform : rotate ( 9 0 deg ); transform : rotate ( 9 0 deg )}. s bo - book - meta { background :# f 7 f 7 f 7 ; border - bottom : 1 px Ġsolid Ġ# ddd ; color :# 7 7 7 ; overflow : auto ; padding : 1 0 px ; line - height : 1 . 2 5 em }. s bo - book - meta Ġ. cover { float : left }. s bo - book - meta Ġ. cover Ġa { display : block ; margin - right : 1 0 px }. s bo - book - meta Ġ. cover Ġa : focus { background - color :# f 6 5 d 2 2 }. s bo - book - meta Ġ. cover Ġimg { border : 1 px Ġsolid Ġ# ddd ; max - width : 5 0 px ; height : auto }. s bo - book - meta Ġspan { display : block ; font - size : 1 3 px }. s bo - book - meta Ġspan . title { font - size : 1 8 px ; margin - bottom : 5 px }. s bo - book - meta Ġ. title { padding - right : 2 5 px }. video Ġ. s bo - book - meta Ġ. title { padding - right : 0 }. s bo - book - meta Ġ. publisher - logo { max - width : 1 0 5 px ; max - height : 3 5 px ; float : right ; padding : 3 px Ġ 3 0 px Ġ 0 Ġ 0 }. video Ġ. s bo - book - meta Ġ. publisher - logo { padding : 0 ; max - width : 7 5 px }. s bo - book - meta Ġ. publish ers { font - style : italic }. bit list - header { padding : 1 rem Ġ 3 . 1 2 5 rem Ġ 1 rem Ġ 1 rem ; color : rgba ( 6 4 , 6 4 , 6 4 ,. 7 5 ); font - size : 2 1 px }. interface - controls Ġ. interface - control - btn s : after ,. interface - controls Ġ. interface - control - btn s : before ,. interface - controls : after ,. interface - controls : before { content :\" Ġ\ "; display : table }. s bo - next Ġ. nav - link : hover ,. s bo - prev Ġ. nav - link : hover { text - decoration : none }. s bo - next { float : right }. s bo - prev Ġ. nav - link { border : 1 px Ġsolid Ġ# ddd ; border - width : 1 px Ġ 1 px Ġ 1 px Ġ 0 ; text - align : left }. s bo - next Ġ. nav - link { border - bottom : solid Ġ 1 px Ġ# ddd ; text - align : right }. s bo - nav - bottom { top : 1 0 7 px }. pro ds ample - book Ġ. s bo - nav - bottom { top : 1 4 0 px } body . video { font - family : Ge org ia , serif } body . video Ġ. application { margin - top : 1 em } body . video Ġ. s bo - nav - bottom { display : none } body . video Ġ[ role = document ] Ġ# s bo - rt - content { background : center Ġ 1 5 0 px Ġno - repeat Ġ# 0 0 0 ; min - height : 2 5 0 px ; padding : 0 ; margin - bottom : 3 0 px Ġ! important ; margin - top : 2 0 px Ġ! important ; display : block } body . video Ġ[ role = document ] Ġ# s bo - rt - content Ġ. k alt ura - player { background - color : transparent Ġ! important } body . video Ġ[ role = document ]. javascript - ready Ġ# s bo - rt - content { background : no - repeat }[ role = document ]{ padding : 0 ; margin : 0 Ġauto }[ role = document ]: after ,[ role = document ]: before { content :\" Ġ\ "; display : table }[ role = document ]: after { clear : both } # container { background - color :# fff } blockquote , code , dd , dir , div , dl , dt , fieldset , figcaption , figure , form , h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , input , li , menu , ol , p , pre , td , textarea , th , ul { margin : 0 ; padding : 0 } table { border - collapse : collapse ; border - spacing : 0 ; border - color : none ; font - size : inherit } abbr , ac ronym , fieldset , img { border : 0 } address , caption , cite , code , dfn , strong , th , var { font - style : normal ; font - weight : 4 0 0 } code { font - family :\" Droid ĠSans ĠMono \", Courier , mono space } strong { font - weight : 7 0 0 } ol , ul { list - style : none } caption , th { text - align : left } h 1 , h 2 , h 3 , h 4 , h 5 , h 6 { font - size : 1 0 0 %; font - weight : 4 0 0 } q : after , q : before { content :\ '\ '} em { font - style : italic } article , aside , details , figcaption , figure , footer , header , h group , nav , section { display : block } audio , canvas , video { display : inline - block } # lesson - fragment Ġ. box g Ġhr ,# lesson - fragment Ġ. bul _ hang Ġimg ,# lesson - fragment Ġ. bul _ hang 1 Ġimg ,# lesson - fragment Ġ. bul _ hang 2 Ġimg ,# lesson - fragment Ġ. bul _ hang 3 Ġimg ,# lesson - fragment Ġ. h anging - i Ġimg ,# lesson - fragment Ġ. indent bullet Ġimg ,# lesson - fragment Ġ. note Ġhr ,# lesson - fragment Ġ. note 1 Ġhr ,# lesson - fragment Ġ. sidebar 1 Ġhr ,# lesson - fragment Ġ. tip Ġhr ,# lesson - fragment Ġ. warning Ġhr ,# lesson - fragment Ġdiv . note Ġhr ,# lesson - fragment Ġdiv . sidebar Ġhr ,# lesson - fragment Ġdiv . tip Ġhr ,# lesson - fragment Ġdiv . warning Ġhr ,# lesson - fragment Ġhr ,# s bo - rt - content Ġ. box g Ġhr ,# s bo - rt - content Ġ. bul _ hang Ġimg ,# s bo - rt - content Ġ. bul _ hang 1 Ġimg ,# s bo - rt - content Ġ. bul _ hang 2 Ġimg ,# s bo - rt - content Ġ. bul _ hang 3 Ġimg ,# s bo - rt - content Ġ. h anging - i Ġimg ,# s bo - rt - content Ġ. indent bullet Ġimg ,# s bo - rt - content Ġ. note Ġhr ,# s bo - rt - content Ġ. note 1 Ġhr ,# s bo - rt - content Ġ. sidebar 1 Ġhr ,# s bo - rt - content Ġ. tip Ġhr ,# s bo - rt - content Ġ. warning Ġhr ,# s bo - rt - content Ġdiv . note Ġhr ,# s bo - rt - content Ġdiv . sidebar Ġhr ,# s bo - rt - content Ġdiv . tip Ġhr ,# s bo - rt - content Ġdiv . warning Ġhr ,# s bo - rt - content Ġhr ,. pdf doc . pro ds ample - book Ġ. t , audio : not ([ controls ]){ display : none } html { font - size : 1 0 0 %; - webkit - text - size - adjust : 1 0 0 %; - ms - text - size - adjust : 1 0 0 % }. footnote ,. footnotes , sub , sup { position : relative ; font - size : 7 5 %; line - height : 0 ; vertical - align : baseline } # lesson - fragment Ġ. fn - group ,# lesson - fragment Ġ. footnote ,# lesson - fragment Ġ. footnotes ,# s bo - rt - content Ġ. fn - group ,# s bo - rt - content Ġ. footnote ,# s bo - rt - content Ġ. footnotes { border : 0 } # lesson - fragment Ġ. fn - group Ġdiv ,# lesson - fragment Ġ. fn - group Ġp ,# lesson - fragment Ġ. footnote Ġdiv ,# lesson - fragment Ġ. footnote Ġp ,# lesson - fragment Ġ. footnotes Ġdiv ,# lesson - fragment Ġ. footnotes Ġp ,# s bo - rt - content Ġ. fn - group Ġdiv ,# s bo - rt - content Ġ. fn - group Ġp ,# s bo - rt - content Ġ. footnote Ġdiv ,# s bo - rt - content Ġ. footnote Ġp ,# s bo - rt - content Ġ. footnotes Ġdiv ,# s bo - rt - content Ġ. footnotes Ġp { font - size : 8 5 % Ġ! important ; margin - bottom : 1 . 5 em ; line - height : 1 . 5 em } sup { top :- . 5 em } sub { bottom :- . 2 5 em } # lesson - fragment > div ,# s bo - rt - content > div { margin : 0 ; padding : 0 } # s bo - rt - content { width : 1 0 0 % }. pdf doc Ġ. js - toc { overflow : hidden }. pdf doc Ġ# s bo - rt - content { padding : 0 Ġ 5 px ; margin : 0 Ġ! important }. pdf doc . pro ds ample - book Ġimg . bi { width : 1 0 0 % Ġ! important }. js Ġ. pdf doc Ġsection [ role = document ]{ border : none Ġ! important ;- webkit - box - shadow : 0 Ġ 0 Ġ 0 Ġtransparent ; box - shadow : 0 Ġ 0 Ġ 0 Ġtransparent }. js Ġ. pdf doc Ġsection [ role = document ] Ġ# s bo - rt - content { opacity : 0 }. js Ġ. pdf doc Ġsection [ role = document ]. show Pdf Ġ# s bo - rt - content { opacity : 1 } # s bo - rt - content Ġ# pdf - main Ġ. pd ,# s bo - rt - content Ġ# pdf - main Ġ. pf { margin : 1 5 px Ġ 0 ;- webkit - box - shadow : 0 Ġ 0 Ġ 5 px Ġrgba ( 0 , 0 , 0 ,. 1 5 ); box - shadow : 0 Ġ 0 Ġ 5 px Ġrgba ( 0 , 0 , 0 ,. 1 5 ); - webkit - border - radius : 2 px ; border - radius : 2 px ; background - clip : padding - box }. scale fonts Ġ# lesson - fragment Ġdiv Ġdiv ,. scale fonts Ġ# lesson - fragment Ġdiv Ġp ,. scale fonts Ġ# lesson - fragment Ġli ,. scale fonts Ġ# lesson - fragment Ġli Ġli ,. scale fonts Ġ# lesson - fragment Ġol ,. scale fonts Ġ# lesson - fragment Ġol Ġol ,. scale fonts Ġ# lesson - fragment Ġp Ġp ,. scale fonts Ġ# lesson - fragment Ġtable ,. scale fonts Ġ# lesson - fragment Ġtd ,. scale fonts Ġ# lesson - fragment Ġul ,. scale fonts Ġ# lesson - fragment Ġul Ġul ,. scale fonts Ġ# s bo - rt - content Ġdiv Ġdiv ,. scale fonts Ġ# s bo - rt - content Ġdiv Ġp ,. scale fonts Ġ# s bo - rt - content Ġli ,. scale fonts Ġ# s bo - rt - content Ġli Ġli ,. scale fonts Ġ# s bo - rt - content Ġol ,. scale fonts Ġ# s bo - rt - content Ġol Ġol ,. scale fonts Ġ# s bo - rt - content Ġp Ġp ,. scale fonts Ġ# s bo - rt - content Ġtable ,. scale fonts Ġ# s bo - rt - content Ġtd ,. scale fonts Ġ# s bo - rt - content Ġul ,. scale fonts Ġ# s bo - rt - content Ġul Ġul { font - size : 1 0 0 % Ġ! important ; line - height : 1 . 6 5 em ; text - align : left }. scale fonts Ġ# lesson - fragment Ġdiv ,. scale fonts Ġ# lesson - fragment Ġol ,. scale fonts Ġ# lesson - fragment Ġp ,. scale fonts Ġ# lesson - fragment Ġul ,. scale fonts Ġ# s bo - rt - content Ġdiv ,. scale fonts Ġ# s bo - rt - content Ġol ,. scale fonts Ġ# s bo - rt - content Ġp ,. scale fonts Ġ# s bo - rt - content Ġul { text - indent : 0 Ġ! important ; margin - left : 0 Ġ! important ; margin - right : 0 Ġ! important }. scale fonts Ġ# lesson - fragment Ġ. FO OT NOTES ,. scale fonts Ġ# lesson - fragment Ġ. end note entry ,. scale fonts Ġ# lesson - fragment Ġ. footnotes ,. scale fonts Ġ# s bo - rt - content Ġ. FO OT NOTES ,. scale fonts Ġ# s bo - rt - content Ġ. end note entry ,. scale fonts Ġ# s bo - rt - content Ġ. footnotes { font - size : small Ġ! important } # lesson - fragment ,# s bo - rt - content { clear : both ; margin : 0 Ġauto ; padding : 1 . 2 5 rem ; border : 0 Ġsolid Ġ# ddd ; color :# 3 3 3 ; font - family : Ge org ia ,\" Droid ĠSerif \", Times , serif ; font - style : normal ; font - weight : 4 0 0 ; min - height : 4 5 0 px }@ media Ġonly Ġscreen Ġand Ġ( max - width : 5 2 0 px ){ # lesson - fragment ,# s bo - rt - content { padding : 3 . 1 2 5 rem Ġ 1 . 2 5 rem Ġ 1 . 2 5 rem }} # lesson - fragment Ġ. figure ,# s bo - rt - content Ġ. figure { text - align : center ; margin : 1 . 5 6 2 5 rem Ġ 0 Ġ. 9 3 7 5 rem } # lesson - fragment Ġ. p ,# s bo - rt - content Ġ. p { padding : 0 } # lesson - fragment Ġtable ,# s bo - rt - content Ġtable { padding - left : 0 ; padding - right : 0 } # lesson - fragment Ġdiv ,# lesson - fragment Ġdiv . book section ,# s bo - rt - content Ġdiv ,# s bo - rt - content Ġdiv . book section { font - family : inherit ; margin : 0 ; padding : 0 } # lesson - fragment Ġdiv . sect 1 . case _ study ,# lesson - fragment Ġdiv . sect 1 . pattern ,# s bo - rt - content Ġdiv . sect 1 . case _ study ,# s bo - rt - content Ġdiv . sect 1 . pattern { border : 0 ; background - color : transparent }. video Ġ# lesson - fragment ,. video Ġ# s bo - rt - content { padding - top : 2 0 px ; min - height : 2 em } # lesson - fragment Ġblock quote ,# lesson - fragment Ġli ,# lesson - fragment Ġp ,# s bo - rt - content Ġblock quote ,# s bo - rt - content Ġli ,# s bo - rt - content Ġp { line - height : 1 . 5 } # lesson - fragment Ġli Ġcode ,# lesson - fragment Ġli Ġp ,# lesson - fragment Ġp Ġcode ,# s bo - rt - content Ġli Ġcode ,# s bo - rt - content Ġli Ġp ,# s bo - rt - content Ġp Ġcode { font - size : inherit } # lesson - fragment Ġ. indent ,# lesson - fragment Ġ. no indent ,# lesson - fragment Ġ. p ,# lesson - fragment Ġdiv . ch p Ġ. para _ indent ed ,# lesson - fragment Ġdiv > p ,# lesson - fragment Ġp ,# lesson - fragment Ġp . para _ indent ed ,# s bo - rt - content Ġ. indent ,# s bo - rt - content Ġ. no indent ,# s bo - rt - content Ġ. p ,# s bo - rt - content Ġdiv . ch p Ġ. para _ indent ed ,# s bo - rt - content Ġdiv > p ,# s bo - rt - content Ġp ,# s bo - rt - content Ġp . para _ indent ed { margin :. 7 5 em Ġ 0 Ġ 1 . 2 5 em Ġ! important ; text - indent : 0 ; text - align : inherit ; font - family : inherit Ġ! important ; line - height : 1 . 5 em } # lesson - fragment Ġ. figure Ġtable ,# lesson - fragment Ġ. inform al figure ,# lesson - fragment Ġ. tot ri - image - wrapper ,# lesson - fragment Ġ. tot ri - image - wrapper Ġp ,# lesson - fragment Ġp . image ,# lesson - fragment Ġtable Ġimg ,# s bo - rt - content Ġ. figure Ġtable ,# s bo - rt - content Ġ. inform al figure ,# s bo - rt - content Ġ. tot ri - image - wrapper ,# s bo - rt - content Ġ. tot ri - image - wrapper Ġp ,# s bo - rt - content Ġp . image ,# s bo - rt - content Ġsection . transcript - wrapper Ġh 2 ,# s bo - rt - content Ġtable Ġimg { text - align : center } # lesson - fragment Ġul Ġli ,# s bo - rt - content Ġul Ġli { margin :. 5 em Ġ 0 Ġ. 6 5 em Ġ! important ; list - style : disc } # lesson - fragment Ġblock quote Ġp ,# s bo - rt - content Ġblock quote Ġp { font - weight : inherit } # lesson - fragment Ġstrong Ġcode ,# s bo - rt - content Ġstrong Ġcode { font - weight : 7 0 0 } # lesson - fragment Ġsup ,# s bo - rt - content Ġsup { height : 0 ; line - height : 1 ; bottom : 1 em ; font - size :. 7 em ; color :# 6 6 6 } # lesson - fragment Ġspan . inline media object ,# s bo - rt - content Ġspan . inline media object { height : auto } # lesson - fragment Ġ. box _ title ,# lesson - fragment Ġ. chapter title ,# lesson - fragment Ġ. cn - chapter - number ,# lesson - fragment Ġ. fm _ title _ document ,# lesson - fragment Ġ. heading - 1 ,# lesson - fragment Ġ. heading - 3 ,# lesson - fragment Ġ. paragraph - head ,# lesson - fragment Ġ. title _ document ,# lesson - fragment Ġh 1 ,# lesson - fragment Ġh 2 ,# lesson - fragment Ġh 3 ,# lesson - fragment Ġh 4 ,# lesson - fragment Ġh 5 ,# lesson - fragment Ġh 6 ,# s bo - rt - content Ġ. box _ title ,# s bo - rt - content Ġ. chapter title ,# s bo - rt - content Ġ. cn - chapter - number ,# s bo - rt - content Ġ. fm _ title _ document ,# s bo - rt - content Ġ. heading - 1 ,# s bo - rt - content Ġ. heading - 3 ,# s bo - rt - content Ġ. paragraph - head ,# s bo - rt - content Ġ. title _ document ,# s bo - rt - content Ġh 1 ,# s bo - rt - content Ġh 2 ,# s bo - rt - content Ġh 3 ,# s bo - rt - content Ġh 4 ,# s bo - rt - content Ġh 5 ,# s bo - rt - content Ġh 6 { font - family :\" source Ġsans Ġpro \", sans - serif , A ven ir Next Con dense d - Medium , Helvetica Ne ue - Con dense d Bold ,\" Droid ĠSans \", Helvetica , Arial , sans - serif Ġ! important ; line - height : 1 . 1 ; font - style : normal ; font - weight : 5 0 0 ; color :# 4 0 4 0 4 0 ; margin : 1 . 5 em Ġ 0 Ġ. 3 5 em Ġ! important ; background - color : transparent ; word - wrap : break - word } # lesson - fragment Ġ. chapter title ,# lesson - fragment Ġh 1 ,# s bo - rt - content Ġ. chapter title ,# s bo - rt - content Ġh 1 { font - size : 2 em ;- ms - word - break : break - all ; word - break : break - all ; word - break : break - word ;- webkit - hy ph ens : auto ;- moz - hy ph ens : auto ; hy ph ens : auto } # lesson - fragment Ġh 2 ,# s bo - rt - content Ġh 2 { font - size : 1 . 5 7 5 em } # lesson - fragment Ġh 3 ,# s bo - rt - content Ġh 3 { font - size : 1 . 2 5 em ; text - indent : 0 Ġ! important } # lesson - fragment Ġh 4 ,# s bo - rt - content Ġh 4 { font - size : 1 . 1 5 em } # lesson - fragment Ġh 5 ,# lesson - fragment Ġh 6 ,# s bo - rt - content Ġh 5 ,# s bo - rt - content Ġh 6 { font - size :. 9 3 7 5 em } # lesson - fragment Ġdiv . title page ,# s bo - rt - content Ġdiv . title page { margin : 1 em Ġ 0 Ġ. 3 5 em } # lesson - fragment Ġ. transcript - wrapper Ġ. video - title ,# s bo - rt - content Ġ. transcript - wrapper Ġ. video - title ,. video Ġ# lesson - fragment Ġh 1 ,. video Ġ# s bo - rt - content Ġh 1 { font - size : 1 . 5 em ; margin :. 8 em Ġ 0 Ġ 1 . 2 em Ġ! important ; padding : 0 ; font - weight : 7 0 0 } # lesson - fragment Ġa ,# lesson - fragment Ġa : link ,# lesson - fragment Ġa : visited ,# s bo - rt - content Ġa ,# s bo - rt - content Ġa : link ,# s bo - rt - content Ġa : visited { text - decoration : none ; border - bottom : 1 px Ġdas hed Ġ# bbb ; color :# 0 7 0 7 0 7 ;- webkit - transition : border - bottom Ġ. 3 s Ġease ;- moz - transition : border - bottom Ġ. 3 s Ġease ; transition : border - bottom Ġ. 3 s Ġease } # lesson - fragment Ġa : focus ,# lesson - fragment Ġa : hover ,# s bo - rt - content Ġa : focus ,# s bo - rt - content Ġa : hover { border - bottom : 1 px Ġdas hed Ġ# 3 3 3 } # lesson - fragment Ġ. small ,# s bo - rt - content Ġ. small { font - size :. 6 em } # lesson - fragment Ġ. sc ,# lesson - fragment Ġab br ,# lesson - fragment Ġac ronym ,# s bo - rt - content Ġ. sc ,# s bo - rt - content Ġab br ,# s bo - rt - content Ġac ronym { font - size :. 8 5 em ; text - transform : uppercase ; letter - spacing : 1 px } # lesson - fragment Ġ. nob order ,# s bo - rt - content Ġ. nob order { border : 0 } # lesson - fragment Ġp ,# s bo - rt - content Ġp {- webkit - hy ph ens : auto ;- moz - hy ph ens : auto ; hy ph ens : auto } # lesson - fragment Ġ. footnote Ġp ,# s bo - rt - content Ġ. footnote Ġp { font - family : Arial , sans - serif ; font - size : inherit } # lesson - fragment Ġ. box g ,# lesson - fragment Ġ. note ,# lesson - fragment Ġ. note 1 ,# lesson - fragment Ġ. sidebar 1 ,# lesson - fragment Ġ. tip ,# lesson - fragment Ġ. warning ,# lesson - fragment Ġdiv . note ,# lesson - fragment Ġdiv . sidebar ,# lesson - fragment Ġdiv . tip ,# lesson - fragment Ġdiv . warning ,# s bo - rt - content Ġ. box g ,# s bo - rt - content Ġ. note ,# s bo - rt - content Ġ. note 1 ,# s bo - rt - content Ġ. sidebar 1 ,# s bo - rt - content Ġ. tip ,# s bo - rt - content Ġ. warning ,# s bo - rt - content Ġdiv . note ,# s bo - rt - content Ġdiv . sidebar ,# s bo - rt - content Ġdiv . tip ,# s bo - rt - content Ġdiv . warning { border : 1 px Ġdotted Ġ# ddd ; padding : 1 em Ġ 2 em Ġ! important ; background - color :# eee ; box - shadow : 0 Ġ 5 px Ġ 1 0 px Ġ# eee ; margin : 2 em Ġ! important ; font - size : smaller Ġ! important } # lesson - fragment Ġ. box g Ġp ,# lesson - fragment Ġ. note Ġp ,# lesson - fragment Ġ. note 1 Ġp ,# lesson - fragment Ġ. sidebar 1 Ġp ,# lesson - fragment Ġ. tip Ġp ,# lesson - fragment Ġ. warning Ġp ,# lesson - fragment Ġdiv . note Ġp ,# lesson - fragment Ġdiv . sidebar Ġp ,# lesson - fragment Ġdiv . tip Ġp ,# lesson - fragment Ġdiv . warning Ġp ,# s bo - rt - content Ġ. box g Ġp ,# s bo - rt - content Ġ. note Ġp ,# s bo - rt - content Ġ. note 1 Ġp ,# s bo - rt - content Ġ. sidebar 1 Ġp ,# s bo - rt - content Ġ. tip Ġp ,# s bo - rt - content Ġ. warning Ġp ,# s bo - rt - content Ġdiv . note Ġp ,# s bo - rt - content Ġdiv . sidebar Ġp ,# s bo - rt - content Ġdiv . tip Ġp ,# s bo - rt - content Ġdiv . warning Ġp { font - size : 9 0 % Ġ! important ; font - family : Arial , sans - serif Ġ! important } # lesson - fragment Ġ. box g Ġ. title ,# lesson - fragment Ġ. box g Ġh 3 ,# lesson - fragment Ġ. note Ġ. title ,# lesson - fragment Ġ. note Ġh 3 ,# lesson - fragment Ġ. note 1 Ġ. title ,# lesson - fragment Ġ. note 1 Ġh 3 ,# lesson - fragment Ġ. sidebar 1 Ġ. title ,# lesson - fragment Ġ. sidebar 1 Ġh 3 ,# lesson - fragment Ġ. tip Ġ. title ,# lesson - fragment Ġ. tip Ġh 3 ,# lesson - fragment Ġ. warning Ġ. title ,# lesson - fragment Ġ. warning Ġh 3 ,# lesson - fragment Ġdiv . note Ġ. title ,# lesson - fragment Ġdiv . note Ġh 3 ,# lesson - fragment Ġdiv . sidebar Ġ. title ,# lesson - fragment Ġdiv . sidebar Ġh 3 ,# lesson - fragment Ġdiv . tip Ġ. title ,# lesson - fragment Ġdiv . tip Ġh 3 ,# lesson - fragment Ġdiv . warning Ġ. title ,# lesson - fragment Ġdiv . warning Ġh 3 ,# s bo - rt - content Ġ. box g Ġ. title ,# s bo - rt - content Ġ. box g Ġh 3 ,# s bo - rt - content Ġ. note Ġ. title ,# s bo - rt - content Ġ. note Ġh 3 ,# s bo - rt - content Ġ. note 1 Ġ. title ,# s bo - rt - content Ġ. note 1 Ġh 3 ,# s bo - rt - content Ġ. sidebar 1 Ġ. title ,# s bo - rt - content Ġ. sidebar 1 Ġh 3 ,# s bo - rt - content Ġ. tip Ġ. title ,# s bo - rt - content Ġ. tip Ġh 3 ,# s bo - rt - content Ġ. warning Ġ. title ,# s bo - rt - content Ġ. warning Ġh 3 ,# s bo - rt - content Ġdiv . note Ġ. title ,# s bo - rt - content Ġdiv . note Ġh 3 ,# s bo - rt - content Ġdiv . sidebar Ġ. title ,# s bo - rt - content Ġdiv . sidebar Ġh 3 ,# s bo - rt - content Ġdiv . tip Ġ. title ,# s bo - rt - content Ġdiv . tip Ġh 3 ,# s bo - rt - content Ġdiv . warning Ġ. title ,# s bo - rt - content Ġdiv . warning Ġh 3 { font - family : A ven ir Next Con dense d - Medium , Helvetica Ne ue - Con dense d Bold ,\" Droid ĠSans \", Arial , sans - serif Ġ! important ; text - shadow : 1 px Ġ 1 px Ġ 0 Ġ# fff ; color :# 6 6 6 ; font - weight : 5 0 0 }@ media Ġonly Ġscreen Ġand Ġ( max - width : 5 2 0 px ){ # lesson - fragment Ġ. box g ,# lesson - fragment Ġ. note ,# lesson - fragment Ġ. note 1 ,# lesson - fragment Ġ. sidebar 1 ,# lesson - fragment Ġ. tip ,# lesson - fragment Ġ. warning ,# lesson - fragment Ġdiv . note ,# lesson - fragment Ġdiv . sidebar ,# lesson - fragment Ġdiv . tip ,# lesson - fragment Ġdiv . warning ,# s bo - rt - content Ġ. box g ,# s bo - rt - content Ġ. note ,# s bo - rt - content Ġ. note 1 ,# s bo - rt - content Ġ. sidebar 1 ,# s bo - rt - content Ġ. tip ,# s bo - rt - content Ġ. warning ,# s bo - rt - content Ġdiv . note ,# s bo - rt - content Ġdiv . sidebar ,# s bo - rt - content Ġdiv . tip ,# s bo - rt - content Ġdiv . warning { margin : 1 . 5 em Ġ 0 Ġ! important }} # lesson - fragment Ġ. box g Ġimg ,# lesson - fragment Ġ. box g Ġimg : hover ,# lesson - fragment Ġ. note Ġimg ,# lesson - fragment Ġ. note Ġimg : hover ,# lesson - fragment Ġ. note 1 Ġimg ,# lesson - fragment Ġ. note 1 Ġimg : hover ,# lesson - fragment Ġ. sidebar 1 Ġimg ,# lesson - fragment Ġ. sidebar 1 Ġimg : hover ,# lesson - fragment Ġ. tip Ġimg ,# lesson - fragment Ġ. tip Ġimg : hover ,# lesson - fragment Ġ. warning Ġimg ,# lesson - fragment Ġ. warning Ġimg : hover ,# lesson - fragment Ġdiv . note Ġimg ,# lesson - fragment Ġdiv . note Ġimg : hover ,# lesson - fragment Ġdiv . sidebar Ġimg ,# lesson - fragment Ġdiv . sidebar Ġimg : hover ,# lesson - fragment Ġdiv . tip Ġimg ,# lesson - fragment Ġdiv . tip Ġimg : hover ,# lesson - fragment Ġdiv . warning Ġimg ,# lesson - fragment Ġdiv . warning Ġimg : hover ,# s bo - rt - content Ġ. box g Ġimg ,# s bo - rt - content Ġ. box g Ġimg : hover ,# s bo - rt - content Ġ. note Ġimg ,# s bo - rt - content Ġ. note Ġimg : hover ,# s bo - rt - content Ġ. note 1 Ġimg ,# s bo - rt - content Ġ. note 1 Ġimg : hover ,# s bo - rt - content Ġ. sidebar 1 Ġimg ,# s bo - rt - content Ġ. sidebar 1 Ġimg : hover ,# s bo - rt - content Ġ. tip Ġimg ,# s bo - rt - content Ġ. tip Ġimg : hover ,# s bo - rt - content Ġ. warning Ġimg ,# s bo - rt - content Ġ. warning Ġimg : hover ,# s bo - rt - content Ġdiv . note Ġimg ,# s bo - rt - content Ġdiv . note Ġimg : hover ,# s bo - rt - content Ġdiv . sidebar Ġimg ,# s bo - rt - content Ġdiv . sidebar Ġimg : hover ,# s bo - rt - content Ġdiv . tip Ġimg ,# s bo - rt - content Ġdiv . tip Ġimg : hover ,# s bo - rt - content Ġdiv . warning Ġimg ,# s bo - rt - content Ġdiv . warning Ġimg : hover { border : 0 ; background - color : transparent } # lesson - fragment Ġ. note Ġh 3 ,# lesson - fragment Ġ. tip Ġh 3 ,# lesson - fragment Ġ. warning Ġh 3 ,# s bo - rt - content Ġ. note Ġh 3 ,# s bo - rt - content Ġ. tip Ġh 3 ,# s bo - rt - content Ġ. warning Ġh 3 { margin - top : 0 } # lesson - fragment Ġ. note 1 Ġ. note ,# s bo - rt - content Ġ. note 1 Ġ. note { background : no - repeat ; border : 0 ; margin : 0 Ġ! important ; padding : 0 } # lesson - fragment Ġ. code link ,# s bo - rt - content Ġ. code link { font - size : 8 0 % Ġ! important } # lesson - fragment Ġ. pre ,# lesson - fragment Ġ. pre - ex ,# lesson - fragment Ġ. pre 1 ,# lesson - fragment Ġ. pre _ w ,# lesson - fragment Ġp . pre ,# lesson - fragment Ġpre ,# s bo - rt - content Ġ. pre ,# s bo - rt - content Ġ. pre - ex ,# s bo - rt - content Ġ. pre 1 ,# s bo - rt - content Ġ. pre _ w ,# s bo - rt - content Ġp . pre ,# s bo - rt - content Ġpre { font - family :\" Droid ĠSans ĠMono \", Courier , mono space ; line - height : 1 . 5 em Ġ! important ; margin : 0 Ġ 0 Ġ 1 . 5 em Ġ! important ; padding : 1 em Ġ 2 em Ġ! important ; background - color :# fbf bfb Ġ! important ; font - size : 8 0 % Ġ! important ; color :# 4 0 4 0 4 0 ; border - top : 1 px Ġsolid Ġ# DDD Ġ! important ; border - bottom : 1 px Ġsolid Ġ# DDD Ġ! important ; overflow - x : scroll ; overflow : auto ; overflow - y : hidden ;- webkit - hy ph ens : none ; word - wrap : initial Ġ! important ; word - break : keep - all Ġ! important ; white - space : pre Ġ! important } # lesson - fragment Ġpre Ġcode ,# s bo - rt - content Ġpre Ġcode { font - size : inherit } # lesson - fragment Ġ. pd _ light blue ,# lesson - fragment Ġ. pd _ white ,# lesson - fragment Ġ. sky color ,# lesson - fragment Ġ. tab _ num ,# lesson - fragment Ġ. tab color ,# s bo - rt - content Ġ. pd _ light blue ,# s bo - rt - content Ġ. pd _ white ,# s bo - rt - content Ġ. sky color ,# s bo - rt - content Ġ. tab _ num ,# s bo - rt - content Ġ. tab color { color :# 4 0 4 0 4 0 Ġ! important } # lesson - fragment Ġ. indent h anging ,# lesson - fragment Ġ. indent h anging B ,# s bo - rt - content Ġ. indent h anging ,# s bo - rt - content Ġ. indent h anging B { margin : 0 Ġ 0 Ġ. 6 2 5 rem Ġ 2 . 1 8 7 5 rem } # lesson - fragment Ġ. bul _ hang ,# lesson - fragment Ġ. bul _ hang 1 ,# lesson - fragment Ġ. bul _ hang 2 ,# lesson - fragment Ġ. bul _ hang 3 ,# lesson - fragment Ġ. h anging - i ,# lesson - fragment Ġ. indent bullet ,# s bo - rt - content Ġ. bul _ hang ,# s bo - rt - content Ġ. bul _ hang 1 ,# s bo - rt - content Ġ. bul _ hang 2 ,# s bo - rt - content Ġ. bul _ hang 3 ,# s bo - rt - content Ġ. h anging - i ,# s bo - rt - content Ġ. indent bullet { text - indent :- 1 0 px Ġ! important } # lesson - fragment Ġ. bul _ hang 1 : before ,# lesson - fragment Ġ. bul _ hang 2 : before ,# lesson - fragment Ġ. bul _ hang 3 : before ,# lesson - fragment Ġ. bul _ hang : before ,# lesson - fragment Ġ. h anging - i : before ,# lesson - fragment Ġ. indent bullet : before ,# s bo - rt - content Ġ. bul _ hang 1 : before ,# s bo - rt - content Ġ. bul _ hang 2 : before ,# s bo - rt - content Ġ. bul _ hang 3 : before ,# s bo - rt - content Ġ. bul _ hang : before ,# s bo - rt - content Ġ. h anging - i : before ,# s bo - rt - content Ġ. indent bullet : before { content :\" &# x 2 0 2 2 Ġ\ "; position : relative ; left :- 1 0 px } # lesson - fragment Ġ. box _ title ,# s bo - rt - content Ġ. box _ title { font - size : 1 6 5 % Ġ! important ; margin : 1 em Ġ 0 Ġ. 5 em } # lesson - fragment Ġ. figure ,# lesson - fragment Ġ. figure _ legend ,# s bo - rt - content Ġ. figure ,# s bo - rt - content Ġ. figure _ legend { border : none Ġ! important } # lesson - fragment Ġ. center a ,# lesson - fragment Ġ. center b ,# s bo - rt - content Ġ. center a ,# s bo - rt - content Ġ. center b { margin : 0 ; text - align : center } # lesson - fragment Ġ. annot ator - wrapper Ġ. Fig Capt ,# lesson - fragment Ġ. annot ator - wrapper Ġ. Tab Capt ,# lesson - fragment Ġ. annot ator - wrapper Ġ. caption ,# lesson - fragment Ġ. annot ator - wrapper Ġ. ex - caption ,# lesson - fragment Ġ. annot ator - wrapper Ġ. fig ,# lesson - fragment Ġ. annot ator - wrapper Ġ. fig - caption ,# lesson - fragment Ġ. annot ator - wrapper Ġ. fig - title ,# lesson - fragment Ġ. annot ator - wrapper Ġ. fig _ num ,# lesson - fragment Ġ. annot ator - wrapper Ġ. fig leg ,# lesson - fragment Ġ. annot ator - wrapper Ġ. figure Ġp . title ,# lesson - fragment Ġ. annot ator - wrapper Ġ. not et itle ,# lesson - fragment Ġ. annot ator - wrapper Ġ. tab - caption ,# lesson - fragment Ġdiv Ġ. Fig Capt ,# lesson - fragment Ġdiv Ġ. Tab Capt ,# lesson - fragment Ġdiv Ġ. caption ,# lesson - fragment Ġdiv Ġ. ex - caption ,# lesson - fragment Ġdiv Ġ. fig ,# lesson - fragment Ġdiv Ġ. fig - caption ,# lesson - fragment Ġdiv Ġ. fig - title ,# lesson - fragment Ġdiv Ġ. fig _ num ,# lesson - fragment Ġdiv Ġ. fig leg ,# lesson - fragment Ġdiv Ġ. figure Ġp . title ,# lesson - fragment Ġdiv Ġ. not et itle ,# lesson - fragment Ġdiv Ġ. tab - caption ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. Fig Capt ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. Tab Capt ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. caption ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. ex - caption ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. fig ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. fig - caption ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. fig - title ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. fig _ num ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. fig leg ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. figure Ġp . title ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. not et itle ,# s bo - rt - content Ġ. annot ator - wrapper Ġ. tab - caption ,# s bo - rt - content Ġdiv Ġ. Fig Capt ,# s bo - rt - content Ġdiv Ġ. Tab Capt ,# s bo - rt - content Ġdiv Ġ. caption ,# s bo - rt - content Ġdiv Ġ. ex - caption ,# s bo - rt - content Ġdiv Ġ. fig ,# s bo - rt - content Ġdiv Ġ. fig - caption ,# s bo - rt - content Ġdiv Ġ. fig - title ,# s bo - rt - content Ġdiv Ġ. fig _ num ,# s bo - rt - content Ġdiv Ġ. fig leg ,# s bo - rt - content Ġdiv Ġ. figure Ġp . title ,# s bo - rt - content Ġdiv Ġ. not et itle ,# s bo - rt - content Ġdiv Ġ. tab - caption { background - color : transparent ; font - size : 8 0 % Ġ! important ; max - width : 7 5 %; margin : 1 0 px Ġauto Ġ 1 . 5 em Ġ! important } # lesson - fragment Ġcode . docutils > span . pre ,# s bo - rt - content Ġcode . docutils > span . pre { border - top : 0 Ġ! important ; border - bottom : 0 Ġ! important ; padding : 0 Ġ! important } # lesson - fragment Ġtable ,# s bo - rt - content Ġtable { border : 1 px Ġsolid Ġ# ddd Ġ! important ; padding : 1 0 px ; max - width : 1 0 0 % Ġ! important ; width : 1 0 0 %; background - color :# fff ; margin - bottom : 1 . 5 em ; overflow : scroll ; display : block } # lesson - fragment Ġtable Ġpre ,# s bo - rt - content Ġtable Ġpre { border : 0 ; background - color : transparent ; padding : 0 } # lesson - fragment Ġtable Ġimg . tot ri - border ,# s bo - rt - content Ġtable Ġimg . tot ri - border { padding : 0 ; border : 0 } # lesson - fragment Ġthead ,# s bo - rt - content Ġthead { font - family : Arial , sans - serif ; border - bottom : 2 px Ġsolid Ġ# ddd ; background - color :# e 8 ed ff } # lesson - fragment Ġthead Ġth ,# s bo - rt - content Ġthead Ġth { padding : 1 0 px ; font - weight : 7 0 0 } # lesson - fragment Ġtbody ,# s bo - rt - content Ġtbody { max - width : 1 0 0 %; overflow : scroll } # lesson - fragment Ġtbody Ġtd ,# s bo - rt - content Ġtbody Ġtd { padding : 1 0 px } # lesson - fragment Ġtbody Ġtr ,# s bo - rt - content Ġtbody Ġtr { border - bottom : 1 px Ġsolid Ġ# ddd } # lesson - fragment Ġtbody Ġtr : last - child ,# s bo - rt - content Ġtbody Ġtr : last - child { border - bottom : 0 } # lesson - fragment Ġtbody Ġtr : nth - child ( even ), # s bo - rt - content Ġtbody Ġtr : nth - child ( even ){ background - color :# f 7 f 7 f 7 } # lesson - fragment Ġtable Ġp ,# s bo - rt - content Ġtable Ġp { margin : 0 ; font - size : inherit } # lesson - fragment Ġdir ,# lesson - fragment Ġdl ,# lesson - fragment Ġmenu ,# lesson - fragment Ġol ,# lesson - fragment Ġul ,# s bo - rt - content Ġdir ,# s bo - rt - content Ġdl ,# s bo - rt - content Ġmenu ,# s bo - rt - content Ġol ,# s bo - rt - content Ġul { margin : 1 . 5 em Ġ 0 Ġ 2 em Ġ 2 0 px Ġ! important ; padding - left : 1 0 px } # s bo - rt - content Ġol Ġol ,# s bo - rt - content Ġol Ġul ,# s bo - rt - content Ġul Ġol ,# s bo - rt - content Ġul Ġul { margin - left : 1 0 px Ġ! important } # s bo - rt - content Ġli { margin - left : 0 Ġ! important ; padding - left : 0 Ġ! important } # lesson - fragment Ġol Ġli ,# s bo - rt - content Ġol Ġli { list - style : decimal } # lesson - fragment Ġli Ġp ,# s bo - rt - content Ġli Ġp { margin - bottom : 0 } # lesson - fragment Ġdt ,# s bo - rt - content Ġdt { font - size : 1 em ; line - height : 1 . 5 em } # lesson - fragment Ġcode ,# lesson - fragment Ġcode Ġcode ,# lesson - fragment Ġdt Ġcode ,# lesson - fragment Ġli Ġcode ,# lesson - fragment Ġli Ġpre ,# lesson - fragment Ġol Ġcode ,# s bo - rt - content Ġcode ,# s bo - rt - content Ġcode Ġcode ,# s bo - rt - content Ġdt Ġcode ,# s bo - rt - content Ġli Ġcode ,# s bo - rt - content Ġli Ġpre ,# s bo - rt - content Ġol Ġcode { font - size : inherit } # lesson - fragment Ġtable Ġimg ,# s bo - rt - content Ġtable Ġimg { border : 0 ; padding : 2 0 px Ġ 0 ; margin : 0 Ġauto } # lesson - fragment Ġimg . tot ri - border ,# s bo - rt - content Ġimg . tot ri - border { padding : 1 0 px ; background - color :# fff ; border : 2 px Ġsolid Ġ# ddd ; max - width : 1 0 0 %; height : auto } # lesson - fragment Ġ# pdf - main Ġimg ,# s bo - rt - content Ġ# pdf - main Ġimg { padding : 0 ; border : 0 }. m fp - bg ,. m fp - wrap { left : 0 ; top : 0 ; position : fixed }. m fp - bg ,. m fp - container ,. m fp - wrap { width : 1 0 0 %; height : 1 0 0 % }. m fp - container : before ,. m fp - figure : after { content :\ ' \' }. m fp - bg { z - index : 1 0 4 2 ; overflow : hidden ; background :# 0 b 0 b 0 b ; opacity :. 8 ; filter : alpha ( opacity = 8 0 )}. m fp - wrap { z - index : 1 0 4 3 ; outline : 0 Ġ! important ;- webkit - back face - visibility : hidden }. m fp - container { text - align : center ; position : absolute ; left : 0 ; top : 0 ; padding : 0 Ġ 8 px ; box - sizing : border - box }. m fp - container , img . m fp - img {- webkit - box - sizing : border - box ;- moz - box - sizing : border - box }. m fp - container : before { display : inline - block ; height : 1 0 0 %; vertical - align : middle }. m fp - align - top Ġ. m fp - container : before { display : none }. m fp - content { position : relative ; display : inline - block ; vertical - align : middle ; margin : 0 Ġauto ; text - align : left ; z - index : 1 0 4 5 }. m fp - ajax - holder Ġ. m fp - content ,. m fp - inline - holder Ġ. m fp - content { width : 1 0 0 %; cursor : auto }. m fp - ajax - cur { cursor : progress }. m fp - zoom ,. m fp - zoom - out - cur ,. m fp - zoom - out - cur Ġ. m fp - image - holder Ġ. m fp - close { cursor : pointer }. m fp - zoom { cursor :- webkit - zoom - in ; cursor :- moz - zoom - in ; cursor : zoom - in }. m fp - auto - cursor Ġ. m fp - content { cursor : auto }. m fp - arrow ,. m fp - close ,. m fp - counter ,. m fp - pre loader {- webkit - user - select : none ;- moz - user - select : none ; user - select : none }. m fp - loading . m fp - figure { display : none }. m fp - hide { display : none Ġ! important }. m fp - pre loader { color :# ccc ; position : absolute ; top : 5 0 %; width : auto ; text - align : center ; margin - top :- . 8 em ; left : 8 px ; right : 8 px ; z - index : 1 0 4 4 }. m fp - pre loader Ġa { color :# ccc }. m fp - close ,. m fp - pre loader Ġa : hover { color :# fff }. m fp - s - error Ġ. m fp - content ,. m fp - s - ready Ġ. m fp - pre loader { display : none } button . m fp - arrow , button . m fp - close { overflow : visible ; cursor : pointer ; background : 0 ; border : 0 ;- webkit - appearance : none ; display : block ; outline : 0 ; padding : 0 ; z - index : 1 0 4 6 ;- webkit - box - shadow : none ; box - shadow : none }. m fp - figure : after ,. m fp - iframe - scaler Ġiframe { position : absolute ; left : 0 ; box - shadow : 0 Ġ 0 Ġ 8 px Ġrgba ( 0 , 0 , 0 ,. 6 )} button ::- moz - focus - inner { padding : 0 ; border : 0 }. m fp - close { width : 4 4 px ; height : 4 4 px ; line - height : 4 4 px ; position : absolute ; right : 0 ; top : 0 ; text - decoration : none ; text - align : center ; opacity :. 6 5 ; filter : alpha ( opacity = 6 5 ); padding : 0 Ġ 0 Ġ 1 8 px Ġ 1 0 px ; font - style : normal ; font - size : 2 8 px ; font - family : Arial , B ask er ville , mono space }. m fp - close : focus ,. m fp - close : hover { opacity : 1 ; filter : alpha ( opacity = 1 0 0 )}. m fp - close : active { top : 1 px }. m fp - close - btn - in Ġ. m fp - close { color :# 3 3 3 }. m fp - iframe - holder Ġ. m fp - close ,. m fp - image - holder Ġ. m fp - close { color :# fff ; right :- 6 px ; text - align : right ; padding - right : 6 px ; width : 1 0 0 % }. m fp - counter { position : absolute ; top : 0 ; right : 0 ; color :# ccc ; font - size : 1 2 px ; line - height : 1 8 px }. m fp - figure , img . m fp - img { line - height : 0 }. m fp - arrow { position : absolute ; opacity :. 6 5 ; filter : alpha ( opacity = 6 5 ); margin :- 5 5 px Ġ 0 Ġ 0 ; top : 5 0 %; padding : 0 ; width : 9 0 px ; height : 1 1 0 px ;- webkit - tap - highlight - color : transparent }. m fp - arrow : active { margin - top :- 5 4 px }. m fp - arrow : focus ,. m fp - arrow : hover { opacity : 1 ; filter : alpha ( opacity = 1 0 0 )}. m fp - arrow Ġ. m fp - a ,. m fp - arrow Ġ. m fp - b ,. m fp - arrow : after ,. m fp - arrow : before { content :\ '\ '; display : block ; width : 0 ; height : 0 ; position : absolute ; left : 0 ; top : 0 ; margin - top : 3 5 px ; margin - left : 3 5 px ; border : in set Ġtransparent }. m fp - arrow Ġ. m fp - a ,. m fp - arrow : after { border - top - width : 1 3 px ; border - bottom - width : 1 3 px ; top : 8 px }. m fp - arrow Ġ. m fp - b ,. m fp - arrow : before { border - top - width : 2 1 px ; border - bottom - width : 2 1 px ; opacity :. 7 }. m fp - arrow - left { left : 0 }. m fp - arrow - left Ġ. m fp - a ,. m fp - arrow - left : after { border - right : 1 7 px Ġsolid Ġ# fff ; margin - left : 3 1 px }. m fp - arrow - left Ġ. m fp - b ,. m fp - arrow - left : before { margin - left : 2 5 px ; border - right : 2 7 px Ġsolid Ġ# 3 f 3 f 3 f }. m fp - arrow - right { right : 0 }. m fp - arrow - right Ġ. m fp - a ,. m fp - arrow - right : after { border - left : 1 7 px Ġsolid Ġ# fff ; margin - left : 3 9 px }. m fp - arrow - right Ġ. m fp - b ,. m fp - arrow - right : before { border - left : 2 7 px Ġsolid Ġ# 3 f 3 f 3 f }. m fp - iframe - holder { padding - top : 4 0 px ; padding - bottom : 4 0 px }. m fp - iframe - holder Ġ. m fp - content { line - height : 0 ; width : 1 0 0 %; max - width : 9 0 0 px }. m fp - image - holder Ġ. m fp - content , img . m fp - img { max - width : 1 0 0 % }. m fp - iframe - holder Ġ. m fp - close { top :- 4 0 px }. m fp - iframe - scaler { width : 1 0 0 %; height : 0 ; overflow : hidden ; padding - top : 5 6 . 2 5 % }. m fp - iframe - scaler Ġiframe { display : block ; top : 0 ; width : 1 0 0 %; height : 1 0 0 %; background :# 0 0 0 }. m fp - figure : after , img . m fp - img { display : block ; width : auto ; height : auto } img . m fp - img { box - sizing : border - box ; padding : 4 0 px Ġ 0 ; margin : 0 Ġauto }. m fp - figure : after { top : 4 0 px ; bottom : 4 0 px ; right : 0 ; z - index :- 1 ; background :# 4 4 4 }. m fp - figure Ġsmall { color :# bdb dbd ; display : block ; font - size : 1 2 px ; line - height : 1 4 px }. m fp - figure Ġfigure { margin : 0 }. m fp - bottom - bar { margin - top :- 3 6 px ; position : absolute ; top : 1 0 0 %; left : 0 ; width : 1 0 0 %; cursor : auto }. m fp - title { text - align : left ; line - height : 1 8 px ; color :# f 3 f 3 f 3 ; word - wrap : break - word ; padding - right : 3 6 px }. m fp - gallery Ġ. m fp - image - holder Ġ. m fp - figure { cursor : pointer }. m fp - ie 7 Ġ. m fp - img { padding : 0 }. m fp - ie 7 Ġ. m fp - bottom - bar { width : 6 0 0 px ; left : 5 0 %; margin - left :- 3 0 0 px ; margin - top : 5 px ; padding - bottom : 5 px }. m fp - ie 7 Ġ. m fp - container { padding : 0 }. m fp - ie 7 Ġ. m fp - content { padding - top : 4 4 px }. m fp - ie 7 Ġ. m fp - close { top : 0 ; right : 0 ; padding - top : 0 }. m fp - fade . m fp - bg { opacity : 0 ; transition : all Ġ. 1 5 s Ġease - out }. m fp - fade . m fp - bg ,. m fp - fade . m fp - wrap Ġ. m fp - content {- webkit - transition : all Ġ. 1 5 s Ġease - out ;- moz - transition : all Ġ. 1 5 s Ġease - out }. m fp - fade . m fp - bg . m fp - ready { opacity :. 8 }. m fp - fade . m fp - bg . m fp - re moving { opacity : 0 }. m fp - fade . m fp - wrap Ġ. m fp - content { opacity : 0 ; transition : all Ġ. 1 5 s Ġease - out }. m fp - fade . m fp - wrap . m fp - ready Ġ. m fp - content { opacity : 1 }. m fp - fade . m fp - wrap . m fp - re moving Ġ. m fp - content { opacity : 0 }" ĊĊ ĉ val ĠBook Styles : ĠString Ġby Ġlazy Ġ{ ĠĊĉ ĉ val Ġtemp Ġ= ĠStringBuilder () ĊĠĉ ĉ temp . append ( BOOK _ STY LES _ 0 ) ĊĠĉ ĉ temp . append ( BOOK _ STY LES _ 1 ) ĊĠĉ ĉ temp . toString () Ċ ĉ } ĊĊ ĉ val ĠAnnot ator Script Ġ= Ġ" var ĠAnnot ator = function ( a ){ this . options = a || {}; this . options . className &&( this . options . blacklist ||( this . options . blacklist =[] ), this . options . blacklist . push (\" .\" + this . options . className )); this . selection ={ }; this . xpath = new ĠXPath ( this . options . root Node , this . options . blacklist ); this . highlighter = new ĠHighlight er ( this . options ); this . validation Hooks =[]; this . validation Handler = null }; Annot ator . SELECTION _ CHANGE _ EVENT _ NAME =\" selection change \"; Annot ator . MAXIMUM _ HIG HL IGHT _ LENGTH = 7 5 0 ;\ n Annot ator . HIG HL IGHT _ MAXIMUM _ LENGTH _ EX CE EDED _ MESSAGE =\" This Ġhighlight Ġis Ġtoo Ġlarge .\ "; \ n Annot ator . prototype ={ add Validation Hook : function ( a ){ this . validation Hooks . push ( a )}, set Validation Handler : function ( a ){ this . validation Handler = a }, validate : function (){ this . isValid = ! 0 ; this . validation Hooks . forEach ( function ( a ){ try { a ( this . selection )} catch ( b ){ this . isValid = ! 1 , this . validation Handler ( b )} }, this )}, options : null , selection : null , handler : null , xpath : null , highlighter : null , highlight Range : function ( a , b ){ var Ġc = this . highlighter . highlight Range ( a ), d = ! b ; c . forEach ( function ( a ){ b &&( a . classList . add ( this . options . note ClassName ), \ nd ||( a . classList . add ( this . options . lead ClassName ), d = ! 0 )) }, this ); return Ġc }, clear : function (){ this . highlighter . clear All ()}, get Range Descriptor From Selection : function (){ var Ġa = Dom . getFirst Ancestor Outside Of Pro hibited Tree ( this . selection . anchor Node , this . options . blacklist ), b = Dom . getFirst Ancestor Outside Of Pro hibited Tree ( this . selection . focus Node , this . options . blacklist ), c = this . selection . anchor Offset , d = this . selection . focus Offset ; a != this . selection . anchor Node &&( c += Dom . get Offset To Node ( this . selection . anchor Node , a )); b != \ n this . selection . focus Node &&( d += Dom . get Offset To Node ( this . selection . focus Node , b )); return { start : this . xpath . write ( a ), start Offset : c , end : this . xpath . write ( b ), end Offset : d }}, on Selection Change : function ( a ){ a = window . getSelection (); if ( null != a && a . range Count ) if ( a . toString (). length > Annot ator . MAXIMUM _ HIG HL IGHT _ LENGTH ) this . selection . exception = Annot ator . HIG HL IGHT _ MAXIMUM _ LENGTH _ EX CE EDED _ MESSAGE ; else { this . selection . exception = null ; var Ġb = a . get Range At ( 0 ); this . selection . anchor Node = b . start Container ; this . selection . anchor Offset =\ nb . start Offset ; this . selection . anchor Node . nodeType == Node . ELEMENT _ NODE &&( this . selection . anchor Node = this . selection . anchor Node . childNodes [ this . selection . anchor Offset ], this . selection . anchor Offset = 0 ); this . selection . focus Node = b . end Container ; this . selection . focus Offset = b . end Offset ; this . selection . focus Node . nodeType == Node . ELEMENT _ NODE && 0 < this . selection . focus Node . childNodes . length &&( this . selection . focus Node = this . selection . focus Node . childNodes [ this . selection . focus Offset ], this . selection . focus Offset = 0 ); var Ġb = b . clone Contents (), \ nc = document . createElement (\" div \ "); c . appendChild ( b ); this . selection . fragment = c . innerHTML ; this . selection . quote = a . toString (); ( this . selection . anchor Node == this . selection . focus Node ? this . selection . anchor Offset < this . selection . focus Offset : Dom . is Before ( this . options . root Node , this . selection . anchor Node , this . selection . focus Node )) ||( a = this . selection . anchor Node , b = this . selection . anchor Offset , this . selection . anchor Node = this . selection . focus Node , this . selection . focus Node = a , this . selection . anchor Offset = this . selection . focus Offset ,\ n this . selection . focus Offset = b )} }, start : function (){ this . handler = this . on Selection Change . bind ( this ); document . addEventListener ( Annot ator . SELECTION _ CHANGE _ EVENT _ NAME , this . handler )}, stop : function (){ document . removeEventListener ( Annot ator . SELECTION _ CHANGE _ EVENT _ NAME , this . handler ); this . handler = null }}; " ĊĊ ĉ val ĠChapter Night mode Ġ= Ġ". night ,. night Ġ# s bo - rt - content ,. night Ġ# s bo - rt - content Ġh 1 ,. night Ġ# s bo - rt - content Ġh 2 ,. night Ġ# s bo - rt - content Ġh 3 ,. night Ġ# s bo - rt - content Ġh 4 ,. night Ġ# s bo - rt - content Ġh 5 ,. night Ġ# s bo - rt - content Ġh 6 ,. night Ġ# s bo - rt - content Ġ. heading - 1 , body . night Ġ# s bo - rt - content Ġ. h 1 ,. night Ġ# s bo - rt - content Ġ. paragraph - head ,. night Ġ# s bo - rt - content Ġ. cn - chapter - number ,. night Ġ# s bo - rt - content Ġ. heading - 3 ,. night Ġ# s bo - rt - content Ġ. title _ document ,. night Ġ# s bo - rt - content Ġ. fm _ title _ document ,. night Ġ# s bo - rt - content Ġ. box _ title ,. night Ġ# s bo - rt - content Ġ. chapter title ,. night Ġ# s bo - rt - content Ġhr ,. night Ġ# s bo - rt - content Ġ. figure - title ,. night Ġ# s bo - rt - content Ġ. title { background - color :# 0 0 0 Ġ! important ; color :# ddd Ġ! important ; text - shadow : none Ġ! important } body . night Ġ# s bo - rt - content Ġp , body . night Ġ# s bo - rt - content Ġli , body . night Ġ# s bo - rt - content Ġdt , body . night Ġ# s bo - rt - content Ġstrong , body . night Ġ# s bo - rt - content Ġa , body . night Ġ# s bo - rt - content Ġcode , body . night Ġ# s bo - rt - content Ġem , body . night Ġ# s bo - rt - content Ġsup { color :# ddd Ġ! important ; box - shadow : none Ġ! important } body . night Ġ# s bo - rt - content Ġp . pre { color :# 0 0 0 }. night Ġ# s bo - rt - content Ġdiv ,. night Ġ# s bo - rt - content Ġspan { color : inherit Ġ! important }. night Ġ# s bo - rt - content Ġimg { background - color :# ddd } body . night Ġ# s bo - rt - content Ġdiv , body . night Ġ# s bo - rt - content Ġtable , body . night Ġ# s bo - rt - content Ġtable Ġth , body . night Ġ# s bo - rt - content Ġtable Ġthead , body . night Ġ# s bo - rt - content Ġtable Ġtr { background - color :# 0 0 0 Ġ! important ; border : none Ġ! important } body . night Ġ# s bo - rt - content Ġpre , body . night Ġ# s bo - rt - content Ġ. pre , body . night Ġ# s bo - rt - content Ġp . pre , body . night Ġ# s bo - rt - content Ġ. pre 1 , body . night Ġ# s bo - rt - content Ġ. pre - ex , body . night Ġ# s bo - rt - content Ġ. pre _ w , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġpre , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġp . pre , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre 1 , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre - ex , body . night Ġ# s bo - rt - content Ġ# lesson - fragment Ġ. pre _ w { background - color :# 2 2 2 Ġ! important ; color :# aaa Ġ! important ; border : none Ġ! important } body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġp , body . night Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp , body . night Ġ# s bo - rt - content Ġdiv . note Ġp , body . night Ġ# s bo - rt - content Ġp . note , body . night Ġ# s bo - rt - content Ġdiv . tip Ġp , body . night Ġ# s bo - rt - content Ġdiv . warning Ġp , body . night Ġ# s bo - rt - content Ġdiv . bg box Ġp , body . night Ġ# s bo - rt - content Ġp . pre - ex , body . night Ġ# s bo - rt - content Ġdiv . box g Ġp { color :# ddd } body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġp Ġa , body . night Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġp Ġa , body . night Ġ# s bo - rt - content Ġdiv . note Ġp Ġa , body . night Ġ# s bo - rt - content Ġp . note Ġa , body . night Ġ# s bo - rt - content Ġdiv . note Ġa , body . night Ġ# s bo - rt - content Ġdiv . tip Ġp Ġa , body . night Ġ# s bo - rt - content Ġdiv . warning Ġp Ġa , body . night Ġ# s bo - rt - content Ġdiv . bg box Ġp Ġa , body . night Ġ# s bo - rt - content Ġp . pre - ex Ġa , body . night Ġ# s bo - rt - content Ġdiv . box g Ġp Ġa { color :# ddd ; text - decoration : none } body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġli , body . night Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġli , body . night Ġ# s bo - rt - content Ġdiv . note Ġli , body . night Ġ# s bo - rt - content Ġdiv . tip Ġli , body . night Ġ# s bo - rt - content Ġdiv . warning Ġli , body . night Ġ# s bo - rt - content Ġdiv . bg box Ġli , body . night Ġ# s bo - rt - content Ġdiv . box g Ġli { color :# ddd } body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġdt , body . night Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdt , body . night Ġ# s bo - rt - content Ġdiv . note Ġdt , body . night Ġ# s bo - rt - content Ġdiv . tip Ġdt , body . night Ġ# s bo - rt - content Ġdiv . warning Ġdt , body . night Ġ# s bo - rt - content Ġdiv . bg box Ġdt , body . night Ġ# s bo - rt - content Ġdiv . feature Ġdt , body . night Ġ# s bo - rt - content Ġdiv . box g Ġdt { color :# ddd } body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġdd , body . night Ġ# s bo - rt - content Ġdiv . sidebar 1 Ġdd , body . night Ġ# s bo - rt - content Ġdiv . note Ġdd , body . night Ġ# s bo - rt - content Ġdiv . tip Ġdd , body . night Ġ# s bo - rt - content Ġdiv . warning Ġdd , body . night Ġ# s bo - rt - content Ġdiv . bg box Ġdd , body . night Ġ# s bo - rt - content Ġdiv . feature Ġdd , body . night Ġ# s bo - rt - content Ġdiv . box g Ġdt { color :# ddd } body . night Ġ# s bo - rt - content Ġdiv . sidebar - title , body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġp . title , body . night Ġ# s bo - rt - content Ġdiv . sidebar Ġh 5 , body . night Ġ# s bo - rt - content Ġdiv . note Ġh 3 , body . night Ġ# s bo - rt - content Ġdiv . note Ġp . title , body . night Ġ# s bo - rt - content Ġp . box _ title , body . night Ġ# s bo - rt - content Ġdiv . tip Ġh 3 , body . night Ġ# s bo - rt - content Ġdiv . warning Ġh 3 { background - color : transparent ; color :# ddd Ġ! important } body . night Ġ# s bo - rt - content Ġdiv . tip , body . night Ġ# s bo - rt - content Ġ. tip , body . night Ġ# s bo - rt - content Ġ. note , body . night Ġ# s bo - rt - content Ġdiv . note , body . night Ġ# s bo - rt - content Ġ. warning , body . night Ġ# s bo - rt - content Ġ. note 1 , body . night Ġ# s bo - rt - content Ġ. sidebar 1 , body . night Ġ# s bo - rt - content Ġ. box bg , body . night Ġ# s bo - rt - content Ġdiv . sidebar , body . night Ġ# s bo - rt - content Ġdiv . warning , body . night Ġ# s bo - rt - content Ġdiv . tip { box - shadow : none ; color :# ddd Ġ! important } body . night Ġ# s bo - rt - content Ġtd , body . night Ġ# s bo - rt - content Ġtd Ġp , body . night Ġ# s bo - rt - content Ġtd Ġp Ġa , body . night Ġ# s bo - rt - content Ġtd Ġa , body . night Ġ# s bo - rt - content Ġtd Ġli , body . night Ġ# s bo - rt - content Ġth , body . night Ġ# s bo - rt - content Ġth Ġp { color :# ddd } body . night Ġ# s bo - rt - content Ġspan . annot ator - hl { background - color :# fed 0 0 0 ; background - color : rgba ( 2 5 4 , 2 0 8 , 0 , 0 . 8 5 ); color :# 0 0 0 Ġ! important } body . night Ġ# s bo - rt - content Ġa Ġspan . annot ator - hl { text - decoration : underline Ġ! important } body . night Ġ:: selection , body . night Ġ# s bo - rt - content Ġ. annot ator - wrapper Ġ:: selection , body . night Ġ. s bo - in page - toc Ġ. annot ator - wrapper Ġ:: selection { background - color :# 5 5 c 5 ed ; background - color : rgba ( 8 5 , 1 9 7 , 2 3 7 , 0 . 4 )}" ĊĊ Ċ }