Skip to content

Commit c404922

Browse files
jfacorrojfacorro
authored
Merge pull request #57 from clojerl/53.mobile.support
[Closes# 53] Support for mobile browsers
2 parents d64503d + 3be1dab commit c404922

File tree

6 files changed

+210
-956
lines changed

6 files changed

+210
-956
lines changed

‎priv/css/jquery.terminal.min.css‎

Lines changed: 16 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎priv/css/main.css‎

Lines changed: 124 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,122 +1,171 @@
11
html {
2-
background: url(../img/background.jpg) no-repeat center center fixed;
3-
-webkit-background-size: cover;
4-
-moz-background-size: cover;
5-
-o-background-size: cover;
6-
background-size: cover;
7-
height: 100%;
8-
overflow: hidden;
2+
background: url(../img/background.jpg) no-repeat center center fixed;
3+
-webkit-background-size: cover;
4+
-moz-background-size: cover;
5+
-o-background-size: cover;
6+
background-size: cover;
7+
height: 100%;
8+
overflow: hidden;
99
}
1010

1111
#content {
12-
width: 700px;
13-
margin: auto;
12+
width: 90%;
13+
margin: auto;
1414
}
1515

1616
#header h1 {
17-
text-align: center;
18-
text-shadow: 0 0 5px #FFF;
19-
font-family: Andale Mono, monospace;
20-
color: white;
17+
text-align: center;
18+
text-shadow: 0 0 5px #FFF;
19+
font-family: Andale Mono, monospace;
20+
color: white;
2121
}
2222

2323
#footer {
24-
margin: 10px 0px;
25-
text-align: center;
26-
color: white;
27-
font-family: Arial, sans-serif;
28-
font-size: 0.9em;
24+
margin: 10px 0px;
25+
text-align: center;
26+
color: white;
27+
font-family: Arial, sans-serif;
28+
font-size: 0.9em;
2929
}
3030

3131
#footer a {
32-
margin: 0px 5px;
32+
margin: 0px 5px;
3333
}
3434

3535
a:hover, a:visited, a:link, a:active {
36-
color: white;
37-
text-shadow: 0px 0px 5px #FFF;
38-
text-decoration: none;
36+
color: white;
37+
text-shadow: 0px 0px 5px #FFF;
38+
text-decoration: none;
3939
}
4040

4141
a:hover {
42-
text-shadow: 0px 0px 5px #333;
42+
text-shadow: 0px 0px 5px #333;
4343
}
4444

4545
#ribbon {
46-
position: absolute;
47-
top: 0;
48-
right: 0;
49-
border: 0;
46+
position: absolute;
47+
top: 0;
48+
right: 0;
49+
border: 0;
5050
}
5151

52-
#terminal, #about, #client-count {
53-
background:rgba(0, 0, 0, 0.85);
54-
border-radius: 5px;
55-
padding: 10px;
52+
53+
pre {
54+
margin: 0px;
55+
white-space: pre-wrap; /* Since CSS 2.1 */
56+
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
57+
white-space: -pre-wrap; /* Opera 4-6 */
58+
white-space: -o-pre-wrap; /* Opera 7 */
59+
word-wrap: break-word; /* Internet Explorer 5.5+ */
60+
}
61+
62+
#about, #client-count {
63+
background:rgba(0, 0, 0, 0.85);
64+
border-radius: 5px;
65+
padding: 10px;
5666
}
5767

5868
#about {
59-
background:rgba(0, 0, 0, 0.7);
60-
font-family: Arial, sans-serif;
61-
font-size: 1em;
62-
color: white;
63-
text-align: justify;
69+
background:rgba(0, 0, 0, 0.7);
70+
font-family: Arial, sans-serif;
71+
font-size: 1em;
72+
color: white;
73+
text-align: justify;
6474
}
6575

6676
#client-count {
67-
float: right;
68-
background:rgba(0, 0, 0, 0.5);
69-
margin-top: 5px;
70-
padding: 5px;
71-
font-family:monospace;
72-
font-size: 14px;
73-
color: white;
74-
text-shadow: 0 0 10px #FFF;
77+
float: right;
78+
background:rgba(0, 0, 0, 0.5);
79+
margin-top: 5px;
80+
padding: 5px;
81+
font-family:monospace;
82+
font-size: 14px;
83+
color: white;
84+
text-shadow: 0 0 10px #FFF;
7585
}
7686

77-
#terminal {
78-
color: #CCC;
79-
font-size: 14px;
80-
font-family:monospace;
81-
height: 500px;
87+
.terminal {
88+
background: rgba(0, 0, 0, 0.85);
89+
border-radius: 5px;
90+
padding: 10px;
91+
color: #CCC;
92+
font-family:monospace;
93+
height: 70vh;
8294
}
8395

84-
#terminal div.jquery-console-inner {
85-
word-wrap: break-word;
86-
height: 500px;
87-
overflow-y: auto;
96+
.terminal div.terminal-wrapper {
97+
word-wrap: break-word;
98+
overflow-y: auto;
8899
}
89100

90-
#terminal div.jquery-console-prompt-box {
91-
color:#FFF;
92-
text-shadow: 0 0 10px #FFF;
101+
.terminal .cmd {
102+
background: transparent;
103+
color:#FFF;
104+
text-shadow: 0 0 10px #FFF;
93105
}
94106

95-
#terminal div span.jquery-console-cursor {
96-
background:#EEE;
97-
color: #000;
107+
.terminal, .cmd, .terminal .terminal-output > div > div, .cmd .prompt {
108+
font-size: 1em;
109+
line-height: 1em;
98110
}
99111

100-
#terminal .stdout {
101-
color: #FF0;
102-
font-family: monospace;
112+
.terminal .stdout {
113+
color: #FF0;
114+
font-family: monospace;
103115
}
104116

105-
#terminal .stderr {
106-
color: #ef0505;
107-
font-family: monospace;
117+
.terminal .stderr {
118+
color: #ef0505;
119+
font-family: monospace;
108120
}
109121

110-
#terminal .result {
111-
color: #0FF;
112-
font-family: monospace;
122+
.terminal .result {
123+
color: #0FF;
124+
font-family: monospace;
113125
}
114126

115-
pre {
116-
margin: 0px;
117-
white-space: pre-wrap; /* Since CSS 2.1 */
118-
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
119-
white-space: -pre-wrap; /* Opera 4-6 */
120-
white-space: -o-pre-wrap; /* Opera 7 */
121-
word-wrap: break-word; /* Internet Explorer 5.5+ */
127+
128+
/* Override color for cursor animation */
129+
130+
@-webkit-keyframes terminal-blink {
131+
0%, 100% {
132+
background-color: transparent;
133+
color: #FFF;
134+
}
135+
50% {
136+
background-color: #bbb;
137+
color: transparent;
138+
}
139+
}
140+
141+
@-ms-keyframes terminal-blink {
142+
0%, 100% {
143+
background-color: transparent;
144+
color: #FFF;
145+
}
146+
50% {
147+
background-color: #bbb;
148+
color: transparent;
149+
}
150+
}
151+
152+
@-moz-keyframes terminal-blink {
153+
0%, 100% {
154+
background-color: transparent;
155+
color: #FFF;
156+
}
157+
50% {
158+
background-color: #bbb;
159+
color: transparent;
160+
}
161+
}
162+
@keyframes terminal-blink {
163+
0%, 100% {
164+
background-color: transparent;
165+
color: #FFF;
166+
}
167+
50% {
168+
background-color: #FFF;
169+
color: transparent;
170+
}
122171
}

0 commit comments

Comments
 (0)