cock html.docx
TRANSCRIPT
-
8/18/2019 cock html.docx
1/27
-
8/18/2019 cock html.docx
2/27
-
8/18/2019 cock html.docx
3/27
esome)BCBC?)css)%ont-a>esomeCminCcss,&
idth:8p/Ihei2ht:8p/Ibac*2round:color:3ac*2round(I(
::->eb*it-scrollbar-thumb bac*2round:color:3order(I(
Ctmblr-i%rame--des*top-lo22ed-in-controls Ci%rame-controls--des*top Ctmblr-
i%rame 4tumblrJcontrols->eb*it-Klter: invert@??L"I -mo-Klter: invert@??L"I
-o-Klter: invert@??L"I -ms-Klter: invert@??L"I Klter: invert@??L"Iopacity:?C8I(
)# Neneral #)
body
mar2in:?p/I
color:color:Te/t(I
bac*2round:color:3ac*2round(I
(
CdescCcapCt/tCauJcapCansCDut
%ont-smooth:al>aysI
->eb*it-%ont-smoothin2:antialiasedI
-mo-os/-%ont-smoothin2: 2rayscaleI
(
a:lin* a:active a:visited te/t-decoration:noneI(
-
8/18/2019 cock html.docx
4/27
pre p bloc*Duotebodybi2smallsubsup %ont-sie:p/I(
p body pre em%ont-%amily:'Fpen 0ans'ArialHelveticasans-seri%I(
aCpCta2s
transition:?C8s easeI
-o-transition:?C8s easeI
-mo-transition:?C8s easeI
->eb*it-transition:?C8s easeI
(
)# =redit O 0croll to Top #)
Cc bottom:;?p/Iletter-spacin2:@p/Ite/t-trans%orm:uppercaseI(
CcaCtopposition:K/edIri2ht:;?p/I(
aCtop bottom:88p/Idisplay:noneI(
aCtop i
display:bloc*I
mar2in-bottom:p/I
%ont-sie:@;p/I
te/t-ali2n:centerI
(
)# 6a2ination #)
Ccp %ont->ei2ht:??Iletter-spacin2:p/I%ont-sie:p/I(
CcpCpa2 a display:inline-bloc*Imar2in:?p/ 8p/I(
Cpa2 a %ont-sie:5p/Iletter-spacin2:?C8p/I(
Cpa2 position:relativeI%ont-sie:?p/Ite/t-ali2n:centerI(
bloc*:i%not6a2inate(
-
8/18/2019 cock html.docx
5/27
Cpa24in%scr-loadin2 display:none!importantI(
)bloc*:i%not6a2inate(
)# 0iin2 3ac*ups #)
4center
min->idth:8?p/I
>idth:;8?p/I
ma/->idth:??p/I
(
)# =ontainers #)
4center
position:relativeI
bloc*:i%not=enter6osts(
mar2in:te/t:Mar2in(p/ ?p/I
le%t:calcte/t:0idebar(p/ . te/t:Mar2in(p/ # " . @p/"I
)bloc*:i%not=enter6osts(
bloc*:i%=enter6osts(
mar2in:te/t:Mar2in(p/ autoI
)bloc*:i%=enter6osts(
>idth:calcte/t:6ost(p/ . @?p/ bloc*:i%3order( . p/ )bloc*:i%3order("I
(
Centry im2 ma/->idth:@??LIhei2ht:autoI(
Centry
bloc*:nde/6a2e(
-
8/18/2019 cock html.docx
6/27
mar2in:te/t:Mar2in(p/ ?p/I
)bloc*:nde/6a2e(
(
)# Header #)
Csidebar
position:K/edI
le%t:?I
top:?I
>idth:te/t:0idebar(p/I
hei2ht:@??LI
te/t-ali2n:centerI
paddin2:calcte/t:Mar2in(p/ ) "I
bac*2round:color:6ost(I
border-ri2ht:@p/ solid color:3order(I
(
Cima2e mar2in-bottom:@8p/I(
Cima2e im2
ma/->idth:calc@??L - p/"I
border:@p/ solid color:3order(I
(
Cdesc
paddin2:@p/ @8p/I
bac*2round:r2baRN3color:3ac*2round(?C8"I
border:@p/ solid color:3order(I
-
8/18/2019 cock html.docx
7/27
(
Clin*s %ont-sie:?p/Ipaddin2:8p/ ?p/ ?p/I(
Clin*s a
mar2in:5p/ 5p/ Bp/I
paddin2-bottom:p/I
%ont->ei2ht:??I
%ont-sie:p/I
letter-spacin2:?C8p/I
te/t-trans%orm:uppercaseI
(
Clb display:noneI(
Clb a mar2in:Bp/I(
Clb aClin*s a display:inline-bloc*I(
)# Titles #)
h@
mar2in:?p/ ?p/ @8p/I
%ont-sie:@?p/I
te/t-trans%orm:uppercaseI
letter-spacin2:@p/I
%ont->ei2ht:B??I
(
h
mar2in:@?p/I
-
8/18/2019 cock html.docx
8/27
%ont-sie:@@p/I
letter-spacin2:?CBp/I
%ont->ei2ht:B??I
(
h;
mar2in:@?p/ ?p/I
%ont->ei2ht:??I
%ont-sie:p/I
letter-spacin2:?C8p/I
(
)# 6ermalin*s #)
Cp paddin2:p/ 5p/I(
Cp a
display:inline-bloc*I
mar2in:?p/ p/ Bp/ ?p/I
%ont-sie:5p/I
letter-spacin2:?C;p/I
te/t-trans%orm:lo>ercaseI
(
Centry:hover Cthoveropacity:@I(
Ctsho>Cthoverdisplay:bloc*Iposition:relativeI(
Cthide display:noneI(
Cthover opacity:?I(
Cta2s a te/t-trans%orm:noneI(
-
8/18/2019 cock html.docx
9/27
aCnt
%ont->ei2ht:??I
te/t-trans%orm:uppercaseI
letter-spacin2:@p/I
(
)# Puotes #)
Csrc mar2in-bottom:@?p/I(
CDut
%ont-sie:@?p/I
paddin2:?p/I
letter-spacin2:?C8p/I
(
)# Audio O =hat #)
Clines paddin2:@?p/Iborder-top:@p/ solid color:3order(I(
Clines:Krst-childCchat hborder:noneI(
Clines bdisplay:bloc*I%ont->ei2ht:B??I(
Caudio paddin2:@?p/I(
Cplay
paddin2:@?p/I
bac*2round:4eBeBeBI
mar2in:?p/ @8p/ ?p/ ?p/I
hei2ht:p/I
>idth:p/I
-
8/18/2019 cock html.docx
10/27
(
CplayCau display:inline-bloc*Ivertical-ali2n:middleI(
CsoundcloudJaudioJplayerpaddin2:@?p/I(
Cau span display:bloc*Imar2in:8p/ ?p/I(
CtumblrJaudioJplayer >idth:p/Ihei2ht:p/IoverQo>:hiddenI(
)# Te/t #)
ol ul paddin2:?p/Ilist-style-type:noneI(
ul liol li position:relativeIpaddin2-le%t:?p/I(
li mar2in:p/ ?p/I(
ul li:be%ore ol li:be%ore
content:''I
position:absoluteI
display:bloc*I
le%t:@?p/I
%ont->ei2ht:??I
color:color:9in*(I
(
p mar2in:@?p/ ?p/I(
bstron2 %ont->ei2ht:??I(
bloc*Duote pmar2in:@?p/ ?p/I(
bloc*Duote p:Krst-childmar2in:?p/ ?p/ @?p/I(
bloc*Duote p:last-childmar2in:@?p/ ?p/ ?p/I(
bloc*Duote p:only-childmar2in:?p/I(
bloc*Duote
-
8/18/2019 cock html.docx
11/27
mar2in:@?p/ ?p/I
paddin2-le%t:@?p/I
border-le%t:@p/ solid color:3order(I
(
pre
mar2in:?p/I
>hite-space:pre->rapI
>hite-space:-mo-pre->rapI
>hite-space:-pre->rapI
>hite-space:-o-pre->rapI
>ord->rap:brea*->ordI
(
)# =aptions #)
Ct/tCansCcapCauJcap
paddin2:8p/ @8p/I
border-bottom:@p/ solid color:3order(I
(
Ct/t i%rameCans i%rameCcap i%rameCauJcap i%rame
display:bloc*Ima/->idth:@??LIhei2ht:autoI
(
)# 6hotosets #)
4tumblrJli2htbo/Ctmblr-li2htbo/
-
8/18/2019 cock html.docx
12/27
bac*2round:r2baRN3color:3ac*2round(?C8"!importantI
(
4vi2nette4tumblrJli2htbo/JcaptionCvi2netteCli2htbo/-caption
opacity:?!importantI
(
4tumblrJli2htbo/JcenterJima2e 4tumblrJli2htbo/Jle%tJima2e
4tumblrJli2htbo/Jri2htJima2e Cli2htbo/-ima2e
bo/-shado>:none!importantI
border-radius:?p/!importantI
bloc*:i%RoundEd2es(border-radius:8p/!importantI)bloc*:i%RoundEd2es(
(
)# As* #)
Cas*i
mar2in-bottom:@?p/I
display:inline-bloc*I
line-hei2ht:?p/I
%ont-sie:@?p/I
letter-spacin2:?C8p/I
(
Cas*i im2
Qoat:le%tI
>idth:?p/I
mar2in-ri2ht:p/I
-
8/18/2019 cock html.docx
13/27
(
Cas* paddin2:@8p/I(
)# 6ermalin* 6a2e . 6ostnotes #)
Cpph
te/t-trans%orm:lo>ercaseI
paddin2:@8p/I
mar2in-top:-@p/I
(
Cpmt a:a%ter content:''I(
Cpmt a:last-o%-type:a%ter content:'C'I(
Cpn ulCpn ol mar2in:?p/Ilist-style-type:noneI(
Cpn limar2in:8p/ ?p/Ipaddin2:?p/ ?p/ p/Iborder-bottom:@p/ solidcolor:3order(I(
CpnCpn im2Cpn li:be%oredisplay:noneI(
Cpn %ont-sie:5p/Imar2in-top:@8p/I(
Cpnh
display:bloc*I
mar2in-top:p/I
%ont->ei2ht:??I
te/t-trans%orm:uppercaseI
letter-spacin2:@p/I
%ont-sie:5p/I
(
)# Tooltips #)
-
8/18/2019 cock html.docx
14/27
4s-m-t-tooltip
ma/->idth:;??p/I
mar2in:@8p/I
-inde/:I
paddin2:p/I
(
)# =ommon 0tyles #)
Cas*pbloc*DuoteClinesCpnCDutCdescline-hei2ht:@?LI(
CpermaCcapulolline-hei2ht:@8LI(
a:hover a h:hovercolor:color:Hover(I(
aCpCpermaCsrcClines bCtnhCas*ulolCpa2color:color:9in*(I(
Clines bCtnCsrcCpa2Cas*letter-spacin2:?C8p/I(
h a iCpa2 a imar2in:?p/ p/I(
CphCvideopaddin2:8p/I(
CphCvideoCDut4s-m-t-tooltipCaudioCpphCchatCt/tCas*
bac*2round:color:6ost(I
border:@p/ solid color:3order(I
(
bloc*:i%RoundEd2es(
CplayCas*i im2 border-radius:8?LI(
Centry i%rameCb/ border-radius:;p/!importantI (
Cima2e im2CdescCaudioCDutCas*Ct/t im2Cans im2Ccap im2CauJcap im24s-m-t-
tooltipCchatCt/tCpphCphCvideoborder-radius:8p/!importantI(
)bloc*:i%RoundEd2es(
-
8/18/2019 cock html.docx
15/27
)# 3orders #)
Ct/t aCans aCcap aCauJcap aCsrc aClin*s a
border-bottom:@p/ solid color:3order(I
(
Ct/t a:hoverCans a:hoverCcap a:hoverCauJcap a:hoverCsrc a:hoverClin*s
a:hover
border-bottom:@p/ solidI
border-color:r2baRN3color:Hover( ?CB"I
(
)# Etc #)
4as*J%orm overQo>:auto!importantIdisplay:inline-bloc*!importantImin-
hei2ht:B8p/!importantImar2in:@?p/ ?p/!importantI(
Cnotes im2 >idth:?p/I(
im2 mar2in:?p/Idisplay:bloc*I(
-
8/18/2019 cock html.docx
16/27
bloc*:i%Title(
-
8/18/2019 cock html.docx
17/27
-
8/18/2019 cock html.docx
18/27
bloc*:i%=aptions(bloc*:=aption(
-
8/18/2019 cock html.docx
19/27
bloc*:Audio(
-
8/18/2019 cock html.docx
20/27
-
8/18/2019 cock html.docx
21/27
-
8/18/2019 cock html.docx
22/27
bloc*:e/t6a2e(
-
8/18/2019 cock html.docx
23/27
-
8/18/2019 cock html.docx
24/27
ne/t0elector: 'Cne/t'
loadin2m2: ' '
loadin2Te/t: ' '
donete/t: 'o more posts'
bu7er6/: ???
(
%unction ne>Elements "
var Xne>Elems + X ne>Elements "I
Xne>ElemsCKnd'Cphoto-slidesho>'"Cp/u6hotoset
li2htbo/: true
2utter: '@p/'
photoset: 'Cphoto-slidesho>'
photoUrap: 'Cphoto-data'
photo: 'Cp/u-photo'
bloc*:i%notRoundEd2es(
rounded: %alse
)bloc*:i%notRoundEd2es(
bloc*:i%RoundEd2es(
rounded: 'corners'
borderRadius: ';p/'
)bloc*:i%RoundEd2es(
("I
resieVideos"I
("I
)bloc*:i%not6a2inate(
("I
-
8/18/2019 cock html.docx
25/27
)) minimal soundcloud player Y eo/*Ctumblr
Xdocument"Cready%unction"
var color + 'color:9in*('I )) color o% play button he/"
X'CsoundcloudJaudioJplayer'"Ceach%unction"
Xthis"Cattr src: Xthis"Cattr'src'"Csplit'O'"Z?[ .
'OampIli*in2+%alseOampIsharin2+%alseOampIautoJplay+%alseOampIsho>Jcomm
ents+%alseOampIcontinuousJplay+%alseOampIbuyin2+%alseOampIsho>Jplaycoun
t+%alseOampIsho>Jart>or*+trueOampIori2in+tumblrOampIcolor+' .
colorCsplit'4'"Z@[ hei2ht: ? >idth: '@??L' ("I
("I
("I
)) scroll to top Y html-tutsCcom
var amount0crolled + 8??I
X>indo>"Cscroll%unction"
i% X>indo>"CscrollTop" & amount0crolled"
X'aCtop'"C%aden'slo>'"I
( else
X'aCtop'"C%adeFut'slo>'"I
(
("I
X'aCtop'"Cclic*%unction"
X'body html'"Canimate
scrollTop: ?
( 'slo>'"I
return %alseI
("I
-
8/18/2019 cock html.docx
26/27
)) drop lin*s O post notes
Xdocument"Cready%unction"
X,Cpn,"Chide"I
X,Cpnh,"Csho>"IX'Cpnh'"Cto22le%unction"
X,Cpn,"Cslide1o>n%unction"("I
(%unction"
X,Cpn,"CslideSp%unction"("I
("I
X,Clb,"Chide"I
X,Clh,"Csho>"IX'Clh'"Cto22le%unction"
X,Clb,"Cslide1o>n%unction"("I
(%unction"
X,Clb,"CslideSp%unction"("I
("I
("I
)) tooltips
%unctionX"
Xdocument"Cready%unction"
X,Ztitle[,"CstyleJmyJtooltips
tipJdelayJtime:??
tipJ%adeJspeed:;??
(
"I
("I
-
8/18/2019 cock html.docx
27/27
("jPuery"I