8000 new header, styling · tisto/robotframework.github.com@d3ada8a · GitHub
[go: up one dir, main page]
Skip to content

Commit d3ada8a

Browse files
TattooTattoo
committed
new header, styling
1 parent b7ad51e commit d3ada8a

File tree

5 files changed

+60
-35
lines changed

5 files changed

+60
-35
lines changed

‎_layouts/default.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,10 @@
1717
<body data-spy="scroll" data-target="#menu">
1818
<div id="wrapper">
1919
<div class="header container">
20-
<img alt="/assets/img/banner.png" src="/assets/img/banner.png">
20+
<h1 id="main-header">Robot Framework</h1>
21+
<span id="main-header-slogan">Generic test automation framework for acceptance testing</span>
2122
</div>
22-
<div id="menu" class="navbar" data-spy="affix" data-offset-top="164">
23+
<div id="menu" class="navbar" data-spy="affix" data-offset-top="99">
2324
<ul class="nav">
2425
<li class="active"><a href="#introduction">Introduction</a></li>
2526
<li><a href="#examples">Examples</a></li>

‎_site/assets/css/robotframework.css

Lines changed: 21 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -84,19 +84,24 @@ ul {
8484

8585
.header.container {
8686
width: 100%;
87-
margin-bottom: 0;
87+
padding: 0 15em;
88+
padding-bottom: 0.5em;
89+
background-color: #B86767;
90+
color: white;
8891
}
8992

90-
.header.container > img {
91-
display: block;
92-
margin-left: auto;
93-
margin-right: auto;
93+
#main-header {
94+
font-size: 3em;
95+
line-height: 1em;
96+
color: white;
9497
}
9598

9699
#wrapper > .section {
97100
margin: 1em 15em;
98-
min-height: 100%;
99-
margin-top: 0px;
101+
border: 1px dotted #7A4545;
102+
border-radius: 3px;
103+
padding: 0.7em 1.5em;
104+
background: rgba(221, 221, 221, 0.1);
100105
}
101106

102107
#silhuette {
@@ -148,7 +153,7 @@ ul {
148153

149154
.news.container {
150155
display: block;
151-
width: 30%;
156+
width: 25em;
152157
float: right;
153158
margin-left: 2em;
154159
color: white;
@@ -166,9 +171,6 @@ ul {
166171
}
167172

168173
.news.container > p:first-child {
169-
/*
170-
color: #794444;
171-
*/
172174
font-family: 'Oleo Script', serif;
173175
font-size: 3em;
174176
font-weight: 400;
@@ -208,8 +210,15 @@ ul {
208210
#test-libraries > .section,
209211
#tools > .section,
210212
#communication > .section {
211-
width: 30%;
212213
float: left;
214+
width: 20em;
215+
}
216+
217+
#test-libraries > .section ul,
218+
#tools > .section ul,
219+
#communication > .section ul{
220+
margin: 0;
221+
margin-right: 1em;
213222
}
214223

215224
#twitter > h4 {

‎_site/index.html

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,10 @@
1717
<body data-spy="scroll" data-target="#menu">
1818
<div id="wrapper">
1919
<div class="header container">
20-
<img alt="/assets/img/banner.png" src="/assets/img/banner.png">
20+
<h1 id="main-header">Robot Framework</h1>
21+
<span id="main-header-slogan">Generic test automation framework for acceptance testing</span>
2122
</div>
22-
<div id="menu" class="navbar" data-spy="affix" data-offset-top="164">
23+
<div id="menu" class="navbar" data-spy="affix" data-offset-top="99">
2324
<ul class="nav">
2425
<li class="active"><a href="#introduction">Introduction</a></li>
2526
<li><a href="#examples">Examples</a></li>
@@ -118,14 +119,17 @@ <h2>Examples</h2>
118119
</div>
119120
<div class="section" id="test-libraries">
120121
<h2>Test libraries</h2>
121-
<p>Test libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est</p>
122+
<p>Test libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor estTest libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor es</p>
122123
<div class="section" id="standard-libraries">
123124
<h3>Standard libraries</h3>
124125
<ul class="simple">
125126
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/BuiltInLibrary">Builtin</a></li>
126127
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/OperatingSystemLibrary">OperatingSystem</a></li>
127128
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/ScreenshotLibrary">Screenshot</a></li>
128129
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/TelnetLibrary">Telnet</a></li>
130+
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/OperatingSystemLibrary">OperatingSystem</a></li>
131+
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/ScreenshotLibrary">Screenshot</a></li>
132+
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/TelnetLibrary">Telnet</a></li>
129133
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/CollectionsLibrary">Collections</a></li>
130134
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/StringLibrary">String</a></li>
131135
<li><a class="reference external" href="http://code.google.com/p/robotframework/wiki/DialogsLibrary">Dialogs</a></li>
@@ -187,7 +191,7 @@ <h3>Build tools</h3>
187191
</li>
188192
</ul>
189193
</div>
190-
<div class="section" id="id1">
194+
<div class="section" id="id4">
191195
<h3>Other</h3>
192196
<ul>
193197
<li><dl class="first docutils">
@@ -207,7 +211,7 @@ <h3>Other</h3>
207211
</div>
208212
<div class="section" id="communication">
209213
<h2>Communication</h2>
210-
<p>Here be us.</p>
214+
<p>Communication</p>
211215
<div class="section" id="mailing-lists">
212216
<h3>Mailing lists</h3>
213217
<ul class="simple">

‎assets/css/robotframework.css

Lines changed: 21 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -84,19 +84,24 @@ ul {
8484

8585
.header.container {
8686
width: 100%;
87-
margin-bottom: 0;
87+
padding: 0 15em;
88+
padding-bottom: 0.5em;
89+
background-color: #B86767;
90+
color: white;
8891
}
8992

90-
.header.container > img {
91-
display: block;
92-
margin-left: auto;
93-
margin-right: auto;
93+
#main-header {
94+
font-size: 3em;
95+
line-height: 1em;
96+
color: white;
9497
}
9598

9699
#wrapper > .section {
97100
margin: 1em 15em;
98-
min-height: 100%;
99-
margin-top: 0px;
101+
borde F438 r: 1px dotted #7A4545;
102+
border-radius: 3px;
103+
padding: 0.7em 1.5em;
104+
background: rgba(221, 221, 221, 0.1);
100105
}
101106

102107
#silhuette {
@@ -148,7 +153,7 @@ ul {
148153

149154
.news.container {
150155
display: block;
151-
width: 30%;
156+
width: 25em;
152157
float: right;
153158
margin-left: 2em;
154159
color: white;
@@ -166,9 +171,6 @@ ul {
166171
}
167172

168173
.news.container > p:first-child {
169-
/*
170-
color: #794444;
171-
*/
172174
font-family: 'Oleo Script', serif;
173175
font-size: 3em;
174176
font-weight: 400;
@@ -208,8 +210,15 @@ ul {
208210
#test-libraries > .section,
209211
#tools > .section,
210212
#communication > .section {
211-
width: 30%;
212213
float: left;
214+
width: 20em;
215+
}
216+
217+
#test-libraries > .section ul,
218+
#tools > .section ul,
219+
#communication > .section ul{
220+
margin: 0;
221+
margin-right: 1em;
213222
}
214223

215224
#twitter > h4 {

‎index.rst

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ Examples
7676
Test libraries
7777
==============
7878

79-
Test libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est
79+
Test libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor estTest libraries lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor est lorem ipsum sil dolor es
8080

8181
Standard libraries
8282
------------------
@@ -85,6 +85,9 @@ Standard libraries
8585
- `OperatingSystem <http://code.google.com/p/robotframework/wiki/OperatingSystemLibrary>`_
8686
- `Screenshot <http://code.google.com/p/robotframework/wiki/ScreenshotLibrary>`_
8787
- `Telnet <http://code.google.com/p/robotframework/wiki/TelnetLibrary>`_
88+
- `OperatingSystem <http://code.google.com/p/robotframework/wiki/OperatingSystemLibrary>`_
89+
- `Screenshot <http://code.google.com/p/robotframework/wiki/ScreenshotLibrary>`_
90+
- `Telnet <http://code.google.com/p/robotframework/wiki/TelnetLibrary>`_
8891
- `Collections <http://code.google.com/p/robotframework/wiki/CollectionsLibrary>`_
8992
- `String <http://code.google.com/p/robotframework/wiki/StringLibrary>`_
9093
- `Dialogs <http://code.google.com/p/robotframework/wiki/DialogsLibrary>`_
@@ -110,7 +113,7 @@ External libraries
110113
Other
111114
-----
112115

113-
- `JavalibCore <https://github.com/robotframework/JavalibCore>`_
116+
- `JavalibCore <https://github.com/robotframework/JavalibCore>`_
114117
- `RemoteApplications <https://github.com/robotframework/RemoteApplications>`_
115118

116119
Tools
@@ -144,8 +147,7 @@ Other
144147
Communication
145148
=============
146149

147-
Here be us.
148-
150+
Communication
149151

150152
Mailing lists
151153
-------------

0 commit comments

Comments
 (0)
0