cock html.docx

8/18/2019 cock html.docx

1/27


2/27


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(


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(


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(


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



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


letter-spacin2:@p/I

%ont->ei2ht:B??I

(

h

mar2in:@?p/I


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


(

)# 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(


9/27

aCnt

%ont->ei2ht:??I


letter-spacin2:@p/I

(

)# Puotes #)

Csrc mar2in-bottom:@?p/I(

CDut

%ont-sie:@?p/I

paddin2:?p/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


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


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/


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


(

Cas*i im2

Qoat:le%tI

>idth:?p/I

mar2in-ri2ht:p/I


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


letter-spacin2:@p/I

%ont-sie:5p/I

(

)# Tooltips #)


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


(

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(


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(


16/27

bloc*:i%Title(


17/27


18/27

bloc*:i%=aptions(bloc*:=aption(


19/27

bloc*:Audio(


20/27


21/27


22/27

bloc*:e/t6a2e(


23/27


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


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


26/27

)) drop lin*s O post notes


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"


X,Ztitle[,"CstyleJmyJtooltips

tipJdelayJtime:??

tipJ%adeJspeed:;??

(

"I

("I


27/27

("jPuery"I

cock html.docx

Documents

Transcript of cock html.docx