terminal styles
This commit is contained in:
parent
03c6f7c9ff
commit
d0f47f63ce
Binary file not shown.
Before Width: | Height: | Size: 2.7 MiB After Width: | Height: | Size: 2.6 MiB |
|
@ -84,9 +84,9 @@
|
||||||
<header>
|
<header>
|
||||||
<h4>Terminal</h4>
|
<h4>Terminal</h4>
|
||||||
<ul class='shell-dots'>
|
<ul class='shell-dots'>
|
||||||
<li></li>
|
<li class="d1"></li>
|
||||||
<li></li>
|
<li class="d2"></li>
|
||||||
<li></li>
|
<li class="d3"></li>
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<div class="terminal-window">
|
<div class="terminal-window">
|
||||||
|
|
|
@ -255,21 +255,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.terminal{
|
.terminal{
|
||||||
background-color: darken(@gray-darker, 15%);
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
header{
|
header{
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: @consul-gray;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-top-left-radius: 4px;
|
border-bottom: 2px solid #1e1e1e;
|
||||||
border-top-right-radius: 4px;
|
|
||||||
|
|
||||||
h4{
|
h4{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
color: @gray-darker;
|
color: white;
|
||||||
font-family: @font-family-lato;
|
font-family: @font-family-lato;
|
||||||
font-weight: @font-weight-lato-xb;
|
font-weight: @font-weight-lato-xb;
|
||||||
}
|
}
|
||||||
|
@ -281,11 +278,20 @@
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
li{
|
li{
|
||||||
|
&.d1{
|
||||||
|
background-color: #4a08a7;
|
||||||
|
}
|
||||||
|
&.d2{
|
||||||
|
background-color: #6517cf;
|
||||||
|
}
|
||||||
|
&.d3{
|
||||||
|
background-color: #7b29ee;
|
||||||
|
}
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: @gray-darker;
|
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -298,6 +304,7 @@
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
|
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
|
||||||
color: @white;
|
color: @white;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
.txt-r {
|
.txt-r {
|
||||||
color: lighten(@red, 8%);;
|
color: lighten(@red, 8%);;
|
||||||
|
|
|
@ -769,21 +769,18 @@ body.page-sub #header {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
#demos .terminals .terminal-item .terminal {
|
#demos .terminals .terminal-item .terminal {
|
||||||
background-color: #2f2f2f;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
#demos .terminals .terminal-item .terminal header {
|
#demos .terminals .terminal-item .terminal header {
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #909090;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-top-left-radius: 4px;
|
border-bottom: 2px solid #1e1e1e;
|
||||||
border-top-right-radius: 4px;
|
|
||||||
}
|
}
|
||||||
#demos .terminals .terminal-item .terminal header h4 {
|
#demos .terminals .terminal-item .terminal header h4 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
color: #555555;
|
color: white;
|
||||||
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
@ -798,9 +795,17 @@ body.page-sub #header {
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: #555555;
|
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
}
|
}
|
||||||
|
#demos .terminals .terminal-item .terminal header ul.shell-dots li.d1 {
|
||||||
|
background-color: #4a08a7;
|
||||||
|
}
|
||||||
|
#demos .terminals .terminal-item .terminal header ul.shell-dots li.d2 {
|
||||||
|
background-color: #6517cf;
|
||||||
|
}
|
||||||
|
#demos .terminals .terminal-item .terminal header ul.shell-dots li.d3 {
|
||||||
|
background-color: #7b29ee;
|
||||||
|
}
|
||||||
#demos .terminals .terminal-item .terminal .terminal-window {
|
#demos .terminals .terminal-item .terminal .terminal-window {
|
||||||
min-height: 140px;
|
min-height: 140px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
@ -808,6 +813,7 @@ body.page-sub #header {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
|
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
#demos .terminals .terminal-item .terminal .terminal-window .txt-r {
|
#demos .terminals .terminal-item .terminal .terminal-window .txt-r {
|
||||||
color: #e47078;
|
color: #e47078;
|
||||||
|
|
Loading…
Reference in New Issue