Page Menu
Home
DevCentral
Search
Configure Global Search
Log In
Files
F6562679
bluegray.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
22 KB
Referenced Files
None
Subscribers
None
bluegray.css
View Options
@
charset
"utf-8"
;
/* -------------------------------------------------------------
Obsidian Workspaces
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: Iron Summit Media Strategies, Dereckson, etc.
Tags: Bootstrap, blue, light gray, responsive
Breakpoints: 768px
Filename: bluegray.css
Version: 1.0
Created: 2014-01-24
Licence: Apache License 2.0
------------------------------------------------------------- */
/* -------------------------------------------------------------
Table of contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
:: Fonts
:: Main styles
:: Titles
:: Wrappers
:: Navigation
:: Buttons
:: Login
:: Datatables
:: .show-grid
:: Timelines
:: Block grids
*/
/* -------------------------------------------------------------
Fonts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@
import
url
(
http
://
fonts
.
googleapis
.
com
/
css
?
family
=
Source
+
Sans
+
Pro
:
400
,
200
,
400italic
,
600
)
;
/* -------------------------------------------------------------
Main styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body
{
background-color
:
rgb
(
248
,
248
,
248
);
font-family
:
'Source Sans Pro'
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
11
pt
;
}
strong
{
font-weight
:
600
;
}
/* -------------------------------------------------------------
Titles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-family
:
'Source Sans Pro'
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
200
;
}
h1
{
font-size
:
38
pt
;
}
h2
{
font-size
:
28
pt
;
}
h3
{
font-size
:
20
pt
;
}
dl
>
dd
+
dt
{
margin-top
:
1
em
;
}
/* -------------------------------------------------------------
Wrappers
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#
wrapper
{
width
:
100
%
;
}
#
content
{
padding
:
0
15
px
;
min-height
:
568
px
;
background-color
:
#fff
;
}
@
media
screen
and
(
max-width
:
767px
)
{
#
content
{
padding-left
:
2
em
;
}
}
@
media
screen
and
(
min-width
:
768px
)
{
#
content
{
position
:
inherit
;
margin
:
0
0
0
250
px
;
padding
:
0
30
px
;
min-height
:
1300
px
;
border-left
:
1
px
solid
#e7e7e7
;
}
}
/* -------------------------------------------------------------
Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* .navbar-static-side */
.
navbar-static-side
ul
li
{
border-bottom
:
1
px
solid
#e7e7e7
;
}
/* Breadcrumbs */
.
breadcrumb
{
background-color
:
inherit
;
font-weight
:
200
;
float
:
right
;
}
/* Top Right Navigation Dropdown Styles */
.
navbar-static-top
{
background-color
:
#142b43
;
}
.
navbar-static-top
.
navbar-brand
{
color
:
white
;
}
.
navbar-static-top
a
.
navbar-brand
:
hover
{
color
:
#47a0ff
;
}
.
navbar-static-top
.
nav
>
li
>
a
:
hover
,
.
navbar-static-top
.
nav
>
li
>
a
:
focus
{
text-decoration
:
none
;
background-color
:
#1b3d61
;
color
:
#47a0ff
;
}
.
navbar-static-top
.
nav
.
open
>
a
,
.
navbar-static-top
.
nav
.
open
>
a
:
hover
,
.
navbar-static-top
.
nav
.
open
>
a
:
focus
{
background-color
:
#1b3d61
;
border-color
:
#428bca
;
color
:
#47a0ff
;
}
.
navbar-default
{
border-color
:
inherit
;
}
.
navbar-default
.
navbar-toggle
{
border
:
solid
2
px
#0e1e2e
;
}
.
navbar-default
.
navbar-toggle
:
hover
,
.
navbar-default
.
navbar-toggle
:
focus
{
background-color
:
#1b3d61
;
}
.
navbar-top-links
li
{
display
:
inline-block
;
}
.
navbar-top-links
li
:
last-child
{
margin-right
:
15
px
;
}
.
navbar-top-links
li
a
{
padding
:
15
px
;
min-height
:
50
px
;
}
.
navbar-top-links
.
dropdown-menu
li
{
display
:
block
;
}
.
navbar-top-links
.
dropdown-menu
li
:
last-child
{
margin-right
:
0
;
}
.
navbar-top-links
.
dropdown-menu
li
a
{
padding
:
3
px
20
px
;
min-height
:
0
;
}
.
navbar-top-links
.
dropdown-menu
li
a
div
{
white-space
:
normal
;
}
.
navbar-top-links
.
dropdown-messages
,
.
navbar-top-links
.
dropdown-tasks
,
.
navbar-top-links
.
dropdown-alerts
{
width
:
310
px
;
min-width
:
0
;
}
.
navbar-top-links
.
dropdown-messages
{
margin-left
:
5
px
;
}
.
navbar-top-links
.
dropdown-tasks
{
margin-left
:
-59
px
;
}
.
navbar-top-links
.
dropdown-alerts
{
margin-left
:
-123
px
;
}
.
navbar-top-links
.
dropdown-user
{
right
:
0
;
left
:
auto
;
}
/* Sidebar Menu Styles */
.
sidebar-search
{
padding
:
15
px
;
}
.
arrow
{
float
:
right
;
}
.
fa
.
arrow
:
before
{
content
:
"\f104"
;
}
.
active
>
a
>
.
fa
.
arrow
:
before
{
content
:
"\f107"
;
}
.
nav-second-level
li
,
.
nav-third-level
li
{
border-bottom
:
none
!important
;
}
.
nav-second-level
li
a
{
padding-left
:
37
px
;
}
.
nav-third-level
li
a
{
padding-left
:
52
px
;
}
@
media
screen
and
(
min-width
:
768px
)
{
.
navbar-static-side
{
z-index
:
1
;
position
:
absolute
;
width
:
250
px
;
}
.
navbar-top-links
.
dropdown-messages
,
.
navbar-top-links
.
dropdown-tasks
,
.
navbar-top-links
.
dropdown-alerts
{
margin-left
:
auto
;
}
}
/* -------------------------------------------------------------
Buttons
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.
btn-outline
{
color
:
inherit
;
background-color
:
transparent
;
transition
:
all
.5
s
;
}
.
btn-primary
.
btn-outline
{
color
:
#428bca
;
}
.
btn-success
.
btn-outline
{
color
:
#5cb85c
;
}
.
btn-info
.
btn-outline
{
color
:
#5bc0de
;
}
.
btn-warning
.
btn-outline
{
color
:
#f0ad4e
;
}
.
btn-danger
.
btn-outline
{
color
:
#d9534f
;
}
.
btn-primary
.
btn-outline
:
hover
,
.
btn-success
.
btn-outline
:
hover
,
.
btn-info
.
btn-outline
:
hover
,
.
btn-warning
.
btn-outline
:
hover
,
.
btn-danger
.
btn-outline
:
hover
{
color
:
#fff
;
}
/* Circle Buttons */
.
btn-circle
{
width
:
30
px
;
height
:
30
px
;
padding
:
6
px
0
;
border-radius
:
15
px
;
text-align
:
center
;
font-size
:
12
px
;
line-height
:
1.428571429
;
}
.
btn-circle
.
btn-lg
{
width
:
50
px
;
height
:
50
px
;
padding
:
10
px
16
px
;
border-radius
:
25
px
;
font-size
:
18
px
;
line-height
:
1.33
;
}
.
btn-circle
.
btn-xl
{
width
:
70
px
;
height
:
70
px
;
padding
:
10
px
16
px
;
border-radius
:
35
px
;
font-size
:
24
px
;
line-height
:
1.33
;
}
/* -------------------------------------------------------------
Login
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.
login-panel
{
margin-top
:
25
%
;
}
/* -------------------------------------------------------------
Datatables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div
.
dataTables_length
label
{
float
:
left
;
text-align
:
left
;
font-weight
:
normal
;
}
div
.
dataTables_length
select
{
width
:
75
px
;
}
div
.
dataTables_filter
label
{
float
:
right
;
font-weight
:
normal
;
}
div
.
dataTables_filter
input
{
width
:
16
em
;
}
div
.
dataTables_info
{
padding-top
:
8
px
;
}
div
.
dataTables_paginate
{
float
:
right
;
margin
:
0
;
}
div
.
dataTables_paginate
ul
.
pagination
{
margin
:
2
px
0
;
white-space
:
nowrap
;
}
table
.
dataTable
,
table
.
dataTable
td
,
table
.
dataTable
th
{
-webkit-
box-sizing
:
content-box
;
-moz-
box-sizing
:
content-box
;
box-sizing
:
content-box
;
}
table
.
dataTable
{
clear
:
both
;
margin-top
:
6
px
!important
;
margin-bottom
:
6
px
!important
;
max-width
:
none
!important
;
}
table
.
dataTable
thead
.
sorting
,
table
.
dataTable
thead
.
sorting_asc
,
table
.
dataTable
thead
.
sorting_desc
,
table
.
dataTable
thead
.
sorting_asc_disabled
,
table
.
dataTable
thead
.
sorting_desc_disabled
{
cursor
:
pointer
;
}
table
.
dataTable
th
:
active
{
outline
:
none
;
}
/* Scrolling */
div
.
dataTables_scrollHead
table
{
margin-bottom
:
0
!important
;
border-bottom-left-radius
:
0
;
border-bottom-right-radius
:
0
;
}
div
.
dataTables_scrollHead
table
thead
tr
:
last-child
th
:
first-child
,
div
.
dataTables_scrollHead
table
thead
tr
:
last-child
td
:
first-child
{
border-bottom-left-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
}
div
.
dataTables_scrollBody
table
{
margin-top
:
0
!important
;
margin-bottom
:
0
!important
;
border-top
:
none
;
}
div
.
dataTables_scrollBody
tbody
tr
:
first-child
th
,
div
.
dataTables_scrollBody
tbody
tr
:
first-child
td
{
border-top
:
none
;
}
div
.
dataTables_scrollFoot
table
{
margin-top
:
0
!important
;
border-top
:
none
;
}
/*
* TableTools styles
*/
.
table
tbody
tr
.
active
td
,
.
table
tbody
tr
.
active
th
{
color
:
white
;
background-color
:
#08C
;
}
.
table
tbody
tr
.
active
:
hover
td
,
.
table
tbody
tr
.
active
:
hover
th
{
background-color
:
#0075b0
!important
;
}
.
table
tbody
tr
.
active
a
{
color
:
white
;
}
.
table-striped
tbody
tr
.
active
:
nth-child
(
odd
)
td
,
.
table-striped
tbody
tr
.
active
:
nth-child
(
odd
)
th
{
background-color
:
#017ebc
;
}
table
.
DTTT_selectable
tbody
tr
{
cursor
:
pointer
;
}
div
.
DTTT
.
btn
{
font-size
:
12
px
;
color
:
#333
!important
;
}
div
.
DTTT
.
btn
:
hover
{
text-decoration
:
none
!important
;
}
ul
.
DTTT_dropdown
.
dropdown-menu
{
z-index
:
2003
;
}
ul
.
DTTT_dropdown
.
dropdown-menu
a
{
color
:
#333
!important
;
/* needed only when demo_page.css is included */
}
ul
.
DTTT_dropdown
.
dropdown-menu
li
{
position
:
relative
;
}
ul
.
DTTT_dropdown
.
dropdown-menu
li
:
hover
a
{
color
:
white
!important
;
background-color
:
#0088cc
;
}
div
.
DTTT_collection_background
{
z-index
:
2002
;
}
/* TableTools information display */
div
.
DTTT_print_info
.
modal
{
height
:
150
px
;
margin-top
:
-75
px
;
text-align
:
center
;
}
div
.
DTTT_print_info
h6
{
margin
:
1
em
;
font-size
:
28
px
;
font-weight
:
normal
;
line-height
:
28
px
;
}
div
.
DTTT_print_info
p
{
font-size
:
14
px
;
line-height
:
20
px
;
}
/*
* FixedColumns styles
*/
div
.
DTFC_LeftHeadWrapper
table
,
div
.
DTFC_LeftFootWrapper
table
,
div
.
DTFC_RightHeadWrapper
table
,
div
.
DTFC_RightFootWrapper
table
,
table
.
DTFC_Cloned
tr
.
even
{
background-color
:
white
;
}
div
.
DTFC_RightHeadWrapper
table
,
div
.
DTFC_LeftHeadWrapper
table
{
margin-bottom
:
0
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-left-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
}
div
.
DTFC_RightHeadWrapper
table
thead
tr
:
last-child
th
:
first-child
,
div
.
DTFC_RightHeadWrapper
table
thead
tr
:
last-child
td
:
first-child
,
div
.
DTFC_LeftHeadWrapper
table
thead
tr
:
last-child
th
:
first-child
,
div
.
DTFC_LeftHeadWrapper
table
thead
tr
:
last-child
td
:
first-child
{
border-bottom-left-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
}
div
.
DTFC_RightBodyWrapper
table
,
div
.
DTFC_LeftBodyWrapper
table
{
margin-bottom
:
0
!important
;
border-top
:
none
;
}
div
.
DTFC_RightBodyWrapper
tbody
tr
:
first-child
th
,
div
.
DTFC_RightBodyWrapper
tbody
tr
:
first-child
td
,
div
.
DTFC_LeftBodyWrapper
tbody
tr
:
first-child
th
,
div
.
DTFC_LeftBodyWrapper
tbody
tr
:
first-child
td
{
border-top
:
none
;
}
div
.
DTFC_RightFootWrapper
table
,
div
.
DTFC_LeftFootWrapper
table
{
border-top
:
none
;
}
/*
* Custom app styles
*/
table
.
dataTable
thead
.
sorting
,
table
.
dataTable
thead
.
sorting_asc
:
after
,
table
.
dataTable
thead
.
sorting_desc
,
table
.
dataTable
thead
.
sorting_asc_disabled
,
table
.
dataTable
thead
.
sorting_desc_disabled
{
background
:
transparent
;
}
table
.
dataTable
thead
.
sorting_asc
:
after
{
content
:
"\f0de"
;
float
:
right
;
font-family
:
fontawesome
;
}
table
.
dataTable
thead
.
sorting_desc
:
after
{
content
:
"\f0dd"
;
float
:
right
;
font-family
:
fontawesome
;
}
table
.
dataTable
thead
.
sorting
:
after
{
content
:
"\f0dc"
;
float
:
right
;
font-family
:
fontawesome
;
color
:
rgba
(
50
,
50
,
50
,
.5
);
}
/* -------------------------------------------------------------
.show-grid
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.
show-grid
[
class
^=
"col-"
]
{
padding-top
:
10
px
;
padding-bottom
:
10
px
;
border
:
1
px
solid
#ddd
;
background-color
:
#eee
!important
;
}
.
show-grid
{
margin
:
15
px
0
;
}
/* -------------------------------------------------------------
Timelines
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.
timeline
{
position
:
relative
;
padding
:
20
px
0
20
px
;
list-style
:
none
;
}
.
timeline
:
before
{
content
:
" "
;
position
:
absolute
;
top
:
0
;
bottom
:
0
;
left
:
50
%
;
width
:
3
px
;
margin-left
:
-1.5
px
;
background-color
:
#eeeeee
;
}
.
timeline
>
li
{
position
:
relative
;
margin-bottom
:
20
px
;
}
.
timeline
>
li
:
before
,
.
timeline
>
li
:
after
{
content
:
" "
;
display
:
table
;
}
.
timeline
>
li
:
after
{
clear
:
both
;
}
.
timeline
>
li
:
before
,
.
timeline
>
li
:
after
{
content
:
" "
;
display
:
table
;
}
.
timeline
>
li
:
after
{
clear
:
both
;
}
.
timeline
>
li
>
.
timeline-panel
{
float
:
left
;
position
:
relative
;
width
:
46
%
;
padding
:
20
px
;
border
:
1
px
solid
#d4d4d4
;
border-radius
:
2
px
;
-webkit-
box-shadow
:
0
1
px
6
px
rgba
(
0
,
0
,
0
,
0.175
);
box-shadow
:
0
1
px
6
px
rgba
(
0
,
0
,
0
,
0.175
);
}
.
timeline
>
li
>
.
timeline-panel
:
before
{
content
:
" "
;
display
:
inline-block
;
position
:
absolute
;
top
:
26
px
;
right
:
-15
px
;
border-top
:
15
px
solid
transparent
;
border-right
:
0
solid
#ccc
;
border-bottom
:
15
px
solid
transparent
;
border-left
:
15
px
solid
#ccc
;
}
.
timeline
>
li
>
.
timeline-panel
:
after
{
content
:
" "
;
display
:
inline-block
;
position
:
absolute
;
top
:
27
px
;
right
:
-14
px
;
border-top
:
14
px
solid
transparent
;
border-right
:
0
solid
#fff
;
border-bottom
:
14
px
solid
transparent
;
border-left
:
14
px
solid
#fff
;
}
.
timeline
>
li
>
.
timeline-badge
{
z-index
:
100
;
position
:
absolute
;
top
:
16
px
;
left
:
50
%
;
width
:
50
px
;
height
:
50
px
;
margin-left
:
-25
px
;
border-radius
:
50
%
50
%
50
%
50
%
;
text-align
:
center
;
font-size
:
1.4
em
;
line-height
:
50
px
;
color
:
#fff
;
background-color
:
#999999
;
}
.
timeline
>
li
.
timeline-inverted
>
.
timeline-panel
{
float
:
right
;
}
.
timeline
>
li
.
timeline-inverted
>
.
timeline-panel
:
before
{
right
:
auto
;
left
:
-15
px
;
border-right-width
:
15
px
;
border-left-width
:
0
;
}
.
timeline
>
li
.
timeline-inverted
>
.
timeline-panel
:
after
{
right
:
auto
;
left
:
-14
px
;
border-right-width
:
14
px
;
border-left-width
:
0
;
}
.
timeline-badge
.
primary
{
background-color
:
#2e6da4
!important
;
}
.
timeline-badge
.
success
{
background-color
:
#3f903f
!important
;
}
.
timeline-badge
.
warning
{
background-color
:
#f0ad4e
!important
;
}
.
timeline-badge
.
danger
{
background-color
:
#d9534f
!important
;
}
.
timeline-badge
.
info
{
background-color
:
#5bc0de
!important
;
}
.
timeline-title
{
margin-top
:
0
;
color
:
inherit
;
}
.
timeline-body
>
p
,
.
timeline-body
>
ul
{
margin-bottom
:
0
;
}
.
timeline-body
>
p
+
p
{
margin-top
:
5
px
;
}
/* -------------------------------------------------------------
Block grids
Code from Zurb Foundation 5, under MIT License
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
[
class
*=
"block-grid-"
]
{
display
:
block
;
padding
:
0
;
margin
:
0
-0.55556
rem
;
*
zoom
:
1
;
}
[
class
*=
"block-grid-"
]
:
before
,
[
class
*=
"block-grid-"
]
:
after
{
content
:
" "
;
display
:
table
;
}
[
class
*=
"block-grid-"
]
:
after
{
clear
:
both
;
}
[
class
*=
"block-grid-"
]
>
li
{
display
:
block
;
height
:
auto
;
float
:
left
;
padding
:
0
0.55556
rem
1.11111
rem
;
}
@
media
only
screen
{
.
small-block-grid-1
>
li
{
width
:
100
%
;
list-style
:
none
;
}
.
small-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-2
>
li
{
width
:
50
%
;
list-style
:
none
;
}
.
small-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-3
>
li
{
width
:
33.33333
%
;
list-style
:
none
;
}
.
small-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-4
>
li
{
width
:
25
%
;
list-style
:
none
;
}
.
small-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-5
>
li
{
width
:
20
%
;
list-style
:
none
;
}
.
small-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-6
>
li
{
width
:
16.66667
%
;
list-style
:
none
;
}
.
small-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-7
>
li
{
width
:
14.28571
%
;
list-style
:
none
;
}
.
small-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-8
>
li
{
width
:
12.5
%
;
list-style
:
none
;
}
.
small-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-9
>
li
{
width
:
11.11111
%
;
list-style
:
none
;
}
.
small-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-10
>
li
{
width
:
10
%
;
list-style
:
none
;
}
.
small-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-11
>
li
{
width
:
9.09091
%
;
list-style
:
none
;
}
.
small-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-12
>
li
{
width
:
8.33333
%
;
list-style
:
none
;
}
.
small-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
medium-block-grid-1
>
li
{
width
:
100
%
;
list-style
:
none
;
}
.
medium-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-2
>
li
{
width
:
50
%
;
list-style
:
none
;
}
.
medium-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-3
>
li
{
width
:
33.33333
%
;
list-style
:
none
;
}
.
medium-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-4
>
li
{
width
:
25
%
;
list-style
:
none
;
}
.
medium-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-5
>
li
{
width
:
20
%
;
list-style
:
none
;
}
.
medium-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-6
>
li
{
width
:
16.66667
%
;
list-style
:
none
;
}
.
medium-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-7
>
li
{
width
:
14.28571
%
;
list-style
:
none
;
}
.
medium-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-8
>
li
{
width
:
12.5
%
;
list-style
:
none
;
}
.
medium-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-9
>
li
{
width
:
11.11111
%
;
list-style
:
none
;
}
.
medium-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-10
>
li
{
width
:
10
%
;
list-style
:
none
;
}
.
medium-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-11
>
li
{
width
:
9.09091
%
;
list-style
:
none
;
}
.
medium-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-12
>
li
{
width
:
8.33333
%
;
list-style
:
none
;
}
.
medium-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
@
media
only
screen
and
(
min-width
:
64
.
063em
)
{
.
large-block-grid-1
>
li
{
width
:
100
%
;
list-style
:
none
;
}
.
large-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-2
>
li
{
width
:
50
%
;
list-style
:
none
;
}
.
large-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-3
>
li
{
width
:
33.33333
%
;
list-style
:
none
;
}
.
large-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-4
>
li
{
width
:
25
%
;
list-style
:
none
;
}
.
large-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-5
>
li
{
width
:
20
%
;
list-style
:
none
;
}
.
large-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-6
>
li
{
width
:
16.66667
%
;
list-style
:
none
;
}
.
large-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-7
>
li
{
width
:
14.28571
%
;
list-style
:
none
;
}
.
large-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-8
>
li
{
width
:
12.5
%
;
list-style
:
none
;
}
.
large-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-9
>
li
{
width
:
11.11111
%
;
list-style
:
none
;
}
.
large-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-10
>
li
{
width
:
10
%
;
list-style
:
none
;
}
.
large-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-11
>
li
{
width
:
9.09091
%
;
list-style
:
none
;
}
.
large-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-12
>
li
{
width
:
8.33333
%
;
list-style
:
none
;
}
.
large-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Wed, Apr 2, 18:24 (12 h, 37 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2534986
Default Alt Text
bluegray.css (22 KB)
Attached To
Mode
rOBSIDIAN Obsidian Workspaces
Attached
Detach File
Event Timeline
Log In to Comment