rudeshark.net/src/docs/style.styl

157 lines
2.0 KiB
Stylus
Raw Normal View History

@import "../client/style"
2017-12-17 06:35:30 +01:00
@import "./ui"
2017-12-14 08:24:41 +01:00
2018-10-22 04:59:15 +02:00
html
--primary #fb4e4e
2019-01-26 03:26:32 +01:00
--link #fb4e4e
--linkTapHighlight #fb4e4eb3
2018-10-22 04:59:15 +02:00
2017-12-14 08:24:41 +01:00
body
margin 0
color #34495e
2017-12-17 07:15:54 +01:00
word-break break-word
2017-12-14 08:24:41 +01:00
main
2018-07-15 23:19:19 +02:00
margin 0 0 0 330px
2017-12-19 05:19:06 +01:00
padding 64px
2018-07-17 17:55:33 +02:00
width 850px
max-width calc(100% - 330px)
2017-12-14 08:24:41 +01:00
2017-12-14 22:41:57 +01:00
h1
margin 0 0 24px 0
padding 16px 0
font-size 1.5em
border-bottom solid 2px #eee
h2
2018-07-17 23:13:54 +02:00
margin 1em 0 24px 0
2017-12-14 22:41:57 +01:00
padding 0 0 16px 0
font-size 1.4em
border-bottom solid 1px #eee
h3
2018-07-17 23:13:54 +02:00
margin 1em 0 0 0
2017-12-14 22:41:57 +01:00
padding 0
font-size 1.25em
h4
2018-07-17 23:13:54 +02:00
margin 1em 0 0 0
2017-12-14 22:41:57 +01:00
p
margin 1em 0
line-height 1.6em
2018-07-26 22:50:37 +02:00
hr
border none
border-bottom solid 2px #eee
2018-07-30 09:24:46 +02:00
> aside
margin-top 32px
padding-top 32px
border-top solid 2px #eee
> footer
2017-12-16 20:02:30 +01:00
margin 32px 0 0 0
border-top solid 2px #eee
2017-12-16 20:31:24 +01:00
> small
2018-07-16 20:57:34 +02:00
display block
2017-12-16 20:02:30 +01:00
margin 16px 0 0 0
color #aaa
2017-12-14 22:41:57 +01:00
nav
display block
position fixed
2017-12-17 07:15:54 +01:00
z-index 10000
2017-12-14 22:41:57 +01:00
top 0
left 0
2018-07-15 23:19:19 +02:00
width 330px
2017-12-14 22:41:57 +01:00
height 100%
overflow auto
padding 32px
2017-12-17 07:15:54 +01:00
background #fff
2017-12-14 22:41:57 +01:00
border-right solid 2px #eee
2018-07-15 20:53:03 +02:00
ul
padding 0
margin 0
2017-12-17 07:15:54 +01:00
@media (max-width 1025px)
main
margin 0
max-width 100%
nav
position relative
width 100%
max-height 128px
background #f9f9f9
border-right none
2017-12-19 05:19:06 +01:00
@media (max-width 768px)
main
padding 32px
2017-12-17 07:15:54 +01:00
@media (max-width 512px)
main
padding 16px
2017-12-14 08:24:41 +01:00
table
width 100%
2017-12-17 07:15:54 +01:00
max-width 100%
overflow auto
2017-12-14 08:24:41 +01:00
border-spacing 0
border-collapse collapse
thead
font-weight bold
border-bottom solid 2px #eee
tr
th
text-align left
tbody
tr
2017-12-14 14:50:41 +01:00
&:nth-child(odd)
background #fbfbfb
2017-12-14 08:24:41 +01:00
th, td
padding 8px 16px
2017-12-17 07:15:54 +01:00
min-width 128px
2017-12-17 20:17:18 +01:00
code
2018-07-16 18:11:36 +02:00
padding 4px 8px
2017-12-17 20:17:18 +01:00
font-family Consolas, 'Courier New', Courier, Monaco, monospace
2018-07-16 18:11:36 +02:00
//color #295c92
2017-12-17 20:17:18 +01:00
background #f2f2f2
border-radius 4px
pre
2018-01-07 17:47:56 +01:00
overflow auto
2017-12-17 20:17:18 +01:00
> code
display block
2018-07-16 18:11:36 +02:00
padding 16px
2018-09-19 01:36:06 +02:00
kbd.group
display inline-block
padding 4px
background #fbfbfb
border 1px solid #d6d6d6
border-radius 4px
box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
kbd.key
display inline-block
padding 6px 8px
background #fff
border solid 1px #cecece
border-radius 4px
box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
td
> kbd.group,
> kbd.key
margin 4px