Page Menu
Home
In-Portal Phabricator
Search
Configure Global Search
Log In
Files
F1159962
cart.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Thu, Sep 18, 9:25 PM
Size
12 KB
Mime Type
text/plain
Expires
Sat, Sep 20, 9:25 PM (1 h, 57 m)
Engine
blob
Format
Raw Data
Handle
750236
Attached To
rTMST Themes.Modern-Store
cart.css
View Options
@
charset
"UTF-8"
;
/* Cart Blocks
*******************************************************************************/
.
steps
{
margin
:
0
auto
;
width
:
535
px
;
}
.
steps
li
{
background
:
url
(
@templates_base@/img/icon-step.png
)
no-repeat
100
%
40
%
;
color
:
#bdbdbd
;
float
:
left
;
font-size
:
9
pt
;
font-weight
:
bold
;
padding
:
0
85
px
0
38
px
;
text-transform
:
uppercase
;
}
.
steps
li
:
first-child
{
padding-left
:
0
;
}
.
steps
li
:
last-child
{
background
:
none
;
padding-right
:
0
;
}
.
steps
li
i
{
display
:
block
;
height
:
36
px
;
margin
:
0
auto
5
px
;
width
:
40
px
;
}
.
steps
li
.
step1
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
0
0
;
}
.
steps
li
.
step2
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
0
-36
px
;
}
.
steps
li
.
step3
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
0
-72
px
;
}
.
steps
li
a
{
color
:
#bdbdbd
;
text-decoration
:
none
;
}
.
steps
li
.
step1
.
active
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
-40
px
0
;
}
.
steps
li
.
step2
.
active
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
-40
px
-36
px
;
}
.
steps
li
.
step3
.
active
i
{
background
:
url
(
@templates_base@/img/cart-steps.png
)
no-repeat
-40
px
-72
px
;
}
.
steps
li
.
active
a
{
color
:
#878787
;
}
.
cart-detail
{
background-color
:
#fff
;
border
:
1
px
solid
#d0d0d0
;
-webkit-
border-radius
:
5
px
;
-moz-
border-radius
:
5
px
;
border-radius
:
5
px
;
margin-top
:
10
px
;
padding
:
15
px
30
px
50
px
30
px
;
width
:
100
%
;
}
.
cart-detail
h1
{
color
:
#525252
;
font
:
1.538
em
Verdana
,
Arial
,
Tahoma
,
Sans-Serif
;
padding
:
0
0
20
px
0
;
}
.
cart-detail
.
halfcol
{
border-right
:
1
px
dotted
#aeaeae
;
float
:
left
;
margin
:
0
14
px
0
0
;
padding
:
0
14
px
0
0
;
width
:
465
px
;
}
.
cart-detail
.
halfcol-last
{
border-right
:
none
;
margin
:
0
;
padding
:
0
;
position
:
relative
;
}
.
cart-detail
.
halfcol-last
.
badge-optional
{
background
:
url
(
@templates_base@/img/badge-optional.png
)
no-repeat
0
0
;
height
:
40
px
;
position
:
absolute
;
top
:
-44
px
;
left
:
-20
px
;
width
:
102
px
;
}
.
cart-detail
.
fieldset
{
background
:
url
(
@templates_base@/img/bg-form-fieldset.jpg
)
repeat-x
0
0
;
color
:
#000
;
font-weight
:
bold
;
height
:
26
px
;
line-height
:
26
px
;
padding
:
0
0
10
px
50
px
;
position
:
relative
;
}
.
cart-detail
.
receipt
.
fieldset
{
padding-left
:
16
px
;
}
.
cart-detail
.
fieldset
.
link
{
font-weight
:
normal
;
position
:
absolute
;
right
:
15
px
;
}
fieldset
{
padding
:
0
0
15
px
;
}
.
firstline
{
min-height
:
140
px
;
padding
:
20
px
0
0
;
position
:
relative
;
}
.
firstline
.
login-alt
{
color
:
#66c133
;
font-size
:
1.154
em
;
font-weight
:
bold
;
padding
:
5
px
0
20
px
50
px
;
}
.
firstline
.
login-alt
.
plashka
{
right
:
194
px
;
}
.
firstline
.
login-alt
.
plashka-sel
{
margin
:
-6
px
0
0
5
px
;
}
.
checkout-form
label
{
display
:
block
;
font-weight
:
bold
;
padding-bottom
:
3
px
;
}
.
checkout-form
p
{
clear
:
both
!important
;
float
:
left
;
padding
:
5
px
0
5
px
50
px
;
}
.
checkout-form
p
.
alt1
{
clear
:
none
!important
;
padding
:
5
px
10
px
5
px
50
px
;
width
:
170
px
;
}
.
checkout-form
p
.
alt2
{
clear
:
none
!important
;
padding
:
5
px
0
;
width
:
120
px
;
}
.
checkout-form
.
field
{
width
:
300
px
;
}
.
checkout-form
select
.
field
{
width
:
311
px
;
}
.
field
.
statusSuccess
{
background
:
url
(
@templates_base@/img/bg-field-success.jpg
)
repeat-x
0
0
;
border
:
1
px
solid
#80d04d
;
}
.
field
.
statusError
{
background
:
url
(
@templates_base@/img/bg-field-error.jpg
)
repeat-x
0
0
;
border
:
1
px
solid
#d80000
;
}
.
checkout-form
p
.
alt1
.
field
,
.
checkout-form
p
.
alt2
.
field
,
.
checkout-form
p
.
pasfield1
.
field
,
.
checkout-form
p
.
pasfield2
.
field
{
width
:
100
%
;
}
.
checkout-form
.
creditcard
.
field
{
width
:
250
px
;
}
.
checkout-form
.
creditcard
p
.
alt1
.
expdate
.
field
{
width
:
78
px
;
}
.
checkout-form
.
creditcard
p
.
alt2
.
field
{
width
:
70
px
;
}
.
creditcards
{
padding
:
0
0
0
50
px
;
}
.
creditcards
span
{
display
:
inline-block
;
height
:
45
px
;
}
.
creditcards
span
.
paypal
{
border-left
:
1
px
solid
#d3d3d3
;
margin-left
:
10
px
;
padding-left
:
15
px
;
}
.
password-block
{
border
:
1
px
solid
#e3e3e3
;
float
:
right
;
padding
:
12
px
20
px
;
width
:
390
px
;
}
.
password-block
p
{
clear
:
none
!important
;
padding
:
0
30
px
0
0
;
}
.
password-block
p
.
pasfield1
{
width
:
150
px
;
}
.
colorbar
{
display
:
inline-block
;
height
:
8
px
;
width
:
29
px
;
}
.
password-strength
{
display
:
none
;
font-weight
:
bold
;
}
.
password-strength
.
meterDefault
{
color
:
#aaa
;
}
.
password-strength
.
meterFail
{
color
:
#daa
;
}
.
password-strength
.
meterWarn
{
color
:
#fd6
;
}
.
password-strength
.
meterGood
{
color
:
#ada
;
}
.
password-strength
.
meterExcel
{
color
:
#66c133
;
}
.
password-strength
.
colorbar
.
meterDefault
{
background-color
:
#ddd
;
}
.
password-strength
.
colorbar
.
meterFail
{
background-color
:
#fdd
;
}
.
password-strength
.
colorbar
.
meterWarn
{
background-color
:
#feb
;
}
.
password-strength
.
colorbar
.
meterGood
{
background-color
:
#dfd
;
}
.
password-strength
.
colorbar
.
meterExcel
{
background-color
:
#66c133
;
}
.
checkout-form
.
safe-shop
{
background
:
url
(
@templates_base@/img/safe-shop.jpg
)
no-repeat
0
40
px
;
min-height
:
160
px
;
margin
:
115
px
0
115
px
50
px
;
}
.
checkout-form
.
safe-shop
.
title
{
color
:
#389901
;
font
:
bold
1.462
em
Verdana
,
Arial
,
Tahoma
,
Sans-Serif
;
padding-left
:
18
px
;
}
.
checkout-form
.
safe-shop
ul
.
list
{
float
:
left
;
padding
:
10
px
0
0
130
px
;
}
.
checkout-form
.
safe-shop
ul
.
list
li
{
background
:
url
(
@templates_base@/img/icon-galka.png
)
no-repeat
0
50
%
;
color
:
#313030
;
font-weight
:
bold
;
padding
:
6
px
0
6
px
25
px
;
}
dl
.
total
{
padding
:
20
px
0
0
;
width
:
240
px
;
}
dl
.
total
dt
,
dl
.
total
dd
{
float
:
left
;
font-weight
:
bold
;
padding
:
0
0
10
px
;
text-align
:
right
;
width
:
120
px
;
}
dl
.
total
dt
.
discount
{
color
:
#bf0000
;
}
dl
.
total
dd
{
font-size
:
1.385
em
;
}
dl
.
total
dd
span
{
font-size
:
15
px
;
}
dl
.
total
dd
.
price1
{
color
:
#333
;
font-size
:
1.538
em
;
}
dl
.
total
dd
.
price2
{
color
:
#bf0000
;
}
dl
.
total
dd
.
price3
{
font-weight
:
normal
;
}
dl
.
total
dd
.
price4
{
color
:
#3f911f
;
font-size
:
1.538
em
;
}
.
product-discount
.
item-price
span
,
.
product-discount
.
item-discount
span
,
.
shop-cart-row
.
price-cell
span
,
.
shop-cart-row
.
extended-price-cell
span
{
font-size
:
12
px
;
}
.
cart-detail
.
terms
{
text-align
:
right
;
width
:
240
px
;
}
.
place-button
,
.
place-grey-button
,
.
checkout-button
,
.
checkout-grey-button
{
background
:
url
(
@templates_base@/img/order-left.jpg
)
no-repeat
0
0
;
color
:
#faffed
;
display
:
inline-block
;
font-size
:
1.385
em
;
font-weight
:
bold
;
text-shadow
:
#000
0
px
1
px
1
px
;
text-decoration
:
none
;
}
.
place-button
span
,
.
place-grey-button
span
,
.
checkout-button
span
,
.
checkout-grey-button
span
{
background
:
url
(
@templates_base@/img/order-right.jpg
)
no-repeat
100
%
0
;
display
:
inline-block
;
height
:
37
px
;
line-height
:
37
px
;
padding
:
0
50
px
0
30
px
;
}
.
place-button
:
hover
,
.
place-grey-button
:
hover
,
.
checkout-button
:
hover
,
.
checkout-grey-button
:
hover
{
color
:
#faffed
;
}
.
checkout-button
span
{
background
:
url
(
@templates_base@/img/checkout-right.jpg
)
no-repeat
100
%
0
;
padding
:
0
30
px
0
20
px
;
}
.
place-grey-button
{
background
:
url
(
@templates_base@/img/checkout-grey-left.jpg
)
no-repeat
0
0
;
}
.
place-grey-button
span
{
background
:
url
(
@templates_base@/img/order-grey-right.jpg
)
no-repeat
100
%
0
;
}
.
checkout-grey-button
{
background
:
url
(
@templates_base@/img/checkout-grey-left.jpg
)
no-repeat
0
0
;
margin-top
:
20
px
;
}
.
checkout-grey-button
span
{
background
:
url
(
@templates_base@/img/checkout-grey-right.jpg
)
no-repeat
100
%
0
;
padding
:
0
30
px
0
20
px
;
}
.
continue-button
{
background
:
url
(
@templates_base@/img/bg-button-continue-right.jpg
)
no-repeat
100
%
0
;
color
:
#3c3c3c
;
display
:
inline-block
;
font-weight
:
bold
;
margin-right
:
20
px
;
text-decoration
:
none
;
}
.
continue-button
span
{
background
:
url
(
@templates_base@/img/bg-button-continue-left.jpg
)
no-repeat
0
0
;
display
:
inline-block
;
height
:
26
px
;
line-height
:
26
px
;
padding
:
0
20
px
0
25
px
;
}
.
continue-button
:
hover
{
color
:
#3c3c3c
;
}
.
cart-detail
.
receipt
.
success-order
{
background
:
url
(
@templates_base@/img/success.png
)
no-repeat
30
px
30
px
;
border-bottom
:
1
px
solid
#d0d0d0
;
margin-bottom
:
25
px
;
padding
:
0
0
25
px
130
px
;
}
.
cart-detail
.
receipt
.
success-order
.
links
{
float
:
right
;
padding
:
0
;
}
.
cart-detail
.
receipt
.
success-order
.
links
a
.
link-print
{
background
:
url
(
@templates_base@/img/icon-print.jpg
)
no-repeat
0
0
;
display
:
inline-block
;
font-weight
:
bold
;
height
:
32
px
;
line-height
:
32
px
;
padding
:
0
20
px
0
40
px
;
}
.
cart-detail
.
receipt
.
success-order
.
links
a
.
link-download
{
background
:
url
(
@templates_base@/img/icon-download.jpg
)
no-repeat
0
0
;
display
:
inline-block
;
font-weight
:
bold
;
height
:
32
px
;
line-height
:
32
px
;
padding
:
0
0
0
40
px
;
}
.
cart-detail
.
receipt
.
success-order
.
green
{
color
:
#009f00
;
font
:
1.538
em
Tahoma
,
Verdana
,
Arial
,
Sans-Serif
;
}
.
cart-detail
.
receipt
.
success-order
p
{
padding
:
5
px
0
;
}
.
cart-detail
.
receipt
p
{
padding-left
:
16
px
;
}
.
cart-detail
.
receipt
dl
.
info
{
padding-left
:
16
px
;
}
.
cart-detail
.
receipt
dl
.
info
dt
{
clear
:
both
!important
;
float
:
left
;
font-weight
:
bold
;
padding
:
5
px
15
px
5
px
0
;
width
:
90
px
;
}
.
cart-detail
.
receipt
dl
.
info
dd
{
float
:
left
;
padding
:
5
px
15
px
5
px
0
;
}
.
cart-detail
.
receipt
.
items
{
border-bottom
:
1
px
solid
#d1d1d1
;
margin-top
:
30
px
;
width
:
100
%
;
}
.
cart-detail
.
shoppingcart
.
items
{
margin-top
:
0
;
}
.
cart-detail
.
receipt
.
items
thead
{
background
:
url
(
@templates_base@/img/bg-form-fieldset.jpg
)
repeat-x
0
0
;
border
:
1
px
solid
#adadad
;
}
.
cart-detail
.
receipt
.
items
th
{
color
:
#000
;
font-weight
:
bold
;
padding
:
5
px
10
px
;
}
.
cart-detail
.
receipt
.
items
td
{
border-top
:
1
px
solid
#d1d1d1
;
color
:
#000
;
padding
:
10
px
;
text-align
:
center
;
vertical-align
:
middle
;
}
.
cart-detail
.
receipt
.
items
tr
:
first-child
td
{
border-top
:
none
;
}
.
cart-detail
.
receipt
.
items
td
.
options-td
{
background-color
:
#f7f7f7
;
border-top
:
none
;
color
:
#686767
;
text-align
:
left
;
}
.
cart-detail
.
receipt
.
items
td
.
options-td
.
sel-options
{
float
:
left
;
padding
:
0
20
px
0
0
;
}
.
cart-detail
.
receipt
.
items
.
item-img
{
width
:
70
px
;
}
.
cart-detail
.
receipt
.
items
.
item-total
{
font-weight
:
bold
;
}
.
cart-detail
.
receipt
.
items
.
item-title
{
color
:
#333
;
font-weight
:
bold
;
text-align
:
left
;
}
.
cart-detail
.
receipt
.
items
.
item-quantity
{
position
:
relative
;
}
.
cart-detail
.
receipt
.
items
.
item-quantity
.
field
{
text-align
:
center
;
width
:
30
px
;
}
.
formStatus
{
position
:
absolute
;
top
:
37
px
;
left
:
15
px
;
display
:
block
;
z-index
:
5000
;
cursor
:
pointer
;
}
.
formStatus
.
formContent
{
width
:
100
%
;
position
:
relative
;
z-index
:
5001
;
color
:
#fff
;
white-space
:
nowrap
;
font-family
:
Arial
;
font-size
:
12
px
;
box-shadow
:
0
0
3
px
#444
;
-moz-
box-shadow
:
0
0
3
px
#444
;
-webkit-
box-shadow
:
0
0
3
px
#444
;
padding
:
4
px
10
px
4
px
10
px
;
border-radius
:
3
px
;
-moz-
border-radius
:
3
px
;
-webkit-
border-radius
:
3
px
;
}
.
formStatus
.
formArrow
{
height
:
11
px
;
margin
:
-34
px
0
0
22
px
;
position
:
relative
;
width
:
21
px
;
z-index
:
5006
;
}
.
formStatus
.
formSuccess
.
formContent
{
background
:
#398d1d
url
(
@templates_base@/img/validate/con-success.png
)
repeat-x
0
0
;
}
.
formStatus
.
formSuccess
.
formArrow
{
background
:
url
(
@templates_base@/img/validate/con-success-arrow.png
)
no-repeat
0
0
;
}
.
formStatus
.
formError
.
formContent
{
background
:
#990000
url
(
@templates_base@/img/validate/con-error.png
)
repeat-x
0
0
;
}
.
formStatus
.
formError
.
formArrow
{
background
:
url
(
@templates_base@/img/validate/con-error-arrow.png
)
no-repeat
0
0
;
}
.
cart-detail
.
receipt
dl
.
total
{
float
:
right
;
padding-right
:
30
px
;
}
.
cart-detail
.
receipt
.
discount-block
{
float
:
left
;
padding
:
20
px
0
0
;
width
:
300
px
;
}
.
cart-detail
.
receipt
.
discount-block
p
{
padding
:
5
px
0
;
}
.
cart-detail
.
receipt
.
discount-block
.
field
{
width
:
170
px
;
}
.
cart-detail
.
receipt
.
discount-block
.
num-discount
{
position
:
relative
;
}
.
cart-detail
.
receipt
.
discount-block
.
formStatus
{
left
:
-15
px
;
}
.
cart-detail
.
shoppingcart
h1
{
float
:
left
;
}
.
cart-detail
.
shoppingcart
.
buttons-right
{
float
:
right
;
text-align
:
right
;
}
.
cart-detail
.
shoppingcart
.
buttons-right
dl
.
total
{
float
:
none
;
padding-right
:
0
;
}
Event Timeline
Log In to Comment