mirror of
https://github.com/gryf/window-maker.github.io.git
synced 2025-12-17 19:20:17 +01:00
Complete changed the webpage style.
Changed the template. Switched to html5 responsive layout. Added new, self designed GNUStep logo. Removed dock.
This commit is contained in:
@@ -1,37 +0,0 @@
|
|||||||
<div id="dock">
|
|
||||||
<table width="64" height="500" border="0" cellpadding="0" cellspacing="0">
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/img/homewmaker.png" alt="Home" width="60" height="81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/news"><img src=
|
|
||||||
"{{ site.baseurl }}/img/news.png" alt="News" width="60" height="81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/docs"><img src=
|
|
||||||
"{{ site.baseurl }}/img/docs.png" alt="Documentation" width="60" height="81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/lists"><img src="{{ site.baseurl }}/img/mailing_list.png" alt="Mailing Lists" width="60" height=
|
|
||||||
"81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/dev"><img src="{{ site.baseurl }}/img/development.png" alt="Development" width="60" height=
|
|
||||||
"81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/themes"><img src="{{ site.baseurl }}/img/themes.png" alt="Themes" width="60" height=
|
|
||||||
"81"></a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td><a href="{{ site.baseurl }}/links"><img src="{{ site.baseurl }}/img/links.png" alt="Links" width="60" height=
|
|
||||||
"81"></a></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
@@ -1,10 +1,13 @@
|
|||||||
<div id="inhalt">
|
<nav class="nav">
|
||||||
<table width="100%">
|
<ul>
|
||||||
<tr>
|
<li><a href="{{ site.baseurl }}/">Home</a></li>
|
||||||
<td width="100%">
|
<li><a href="{{ site.baseurl }}/news">News</a></li>
|
||||||
<a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/img/header.png" style="min-width:700px" width="95%" alt="title bar"></a>
|
<li><a href="{{ site.baseurl }}/docs">Documentation</a></li>
|
||||||
</tr>
|
<!-- <li><a href="lists.html">Community</a></li> -->
|
||||||
<tr>
|
<li><a href="{{ site.baseurl }}/dev">Development</a></li>
|
||||||
<td width="100%">
|
<li><a href="{{ site.baseurl }}/themes">Themes</a></li>
|
||||||
<div>
|
<li><a href="{{ site.baseurl }}/links">Links</a></li>
|
||||||
|
|
||||||
|
<!-- <li><a href="download.html">Download</a></li> -->
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|||||||
@@ -1,25 +1,22 @@
|
|||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<!DOCTYPE html>
|
||||||
<head>
|
<head>
|
||||||
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
|
|
||||||
|
|
||||||
<title>Window Maker: {{ page.title }}</title>
|
<title>Window Maker: {{ page.title }}</title>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
|
<meta charset="utf-8">
|
||||||
<link href="{{ site.baseurl }}/title.css" rel="stylesheet" type="text/css" />
|
<link rel="stylesheet" href="{{ site.baseurl }}/style.css" media="all">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{% include dock.html %}{% include header.html %}
|
<div id="wrapper">
|
||||||
|
<header>
|
||||||
<div>
|
<h1>
|
||||||
<table class="inner" border="0" cellpadding="1" cellspacing="1">
|
<a href="{{ site.baseurl }}/">
|
||||||
<tr>
|
<span class="first">Window</span><span class="second">Maker</span>
|
||||||
<td content="content" colspan="2" valign="top">
|
</a>
|
||||||
|
</h1>
|
||||||
|
</header>
|
||||||
|
{% include header.html %}
|
||||||
|
<article>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</td>
|
</article>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
|
||||||
|
|
||||||
{% include footer.html %}
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
261
img/gnustep.svg
Normal file
261
img/gnustep.svg
Normal file
@@ -0,0 +1,261 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
id="svg3178"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.48.4 r9939"
|
||||||
|
sodipodi:docname="gnustep.svg">
|
||||||
|
<title
|
||||||
|
id="title4314">GNUstep logo</title>
|
||||||
|
<defs
|
||||||
|
id="defs3180">
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient4306">
|
||||||
|
<stop
|
||||||
|
id="stop4308"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#878987;stop-opacity:0.23502304"
|
||||||
|
offset="0.84210527"
|
||||||
|
id="stop4310" />
|
||||||
|
<stop
|
||||||
|
id="stop4312"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#000000;stop-opacity:1" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient4275">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="0"
|
||||||
|
id="stop4277" />
|
||||||
|
<stop
|
||||||
|
id="stop4279"
|
||||||
|
offset="0.84210527"
|
||||||
|
style="stop-color:#878987;stop-opacity:0.5299539" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#000000;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop4281" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient4255">
|
||||||
|
<stop
|
||||||
|
id="stop4257"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="0.84210527"
|
||||||
|
id="stop4261" />
|
||||||
|
<stop
|
||||||
|
id="stop4259"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#646564;stop-opacity:1;" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient4225">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop4227" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#808080;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop4229" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient4169">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#000000;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop4171" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop4173" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient4114">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#91959c;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop4116" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#000000;stop-opacity:1;"
|
||||||
|
offset="1"
|
||||||
|
id="stop4118" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4225"
|
||||||
|
id="linearGradient4231"
|
||||||
|
x1="145"
|
||||||
|
y1="1017.3622"
|
||||||
|
x2="195"
|
||||||
|
y2="977.36218"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(-90,-5.00002)" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4169"
|
||||||
|
id="linearGradient4241"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="45"
|
||||||
|
y1="992.36218"
|
||||||
|
x2="45"
|
||||||
|
y2="959.36218"
|
||||||
|
gradientTransform="translate(5,-5.00002)" />
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4255"
|
||||||
|
id="radialGradient4283"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
cx="145"
|
||||||
|
cy="45"
|
||||||
|
fx="145"
|
||||||
|
fy="45"
|
||||||
|
r="45"
|
||||||
|
gradientTransform="translate(-94.99975,957.36216)" />
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4306"
|
||||||
|
id="radialGradient4285"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(-95,957.36216)"
|
||||||
|
cx="145"
|
||||||
|
cy="45"
|
||||||
|
fx="145"
|
||||||
|
fy="45"
|
||||||
|
r="45" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="4"
|
||||||
|
inkscape:cx="49.100202"
|
||||||
|
inkscape:cy="15.372898"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="true"
|
||||||
|
inkscape:snap-bbox="false"
|
||||||
|
inkscape:window-width="1614"
|
||||||
|
inkscape:window-height="955"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="0"
|
||||||
|
inkscape:snap-grids="true"
|
||||||
|
inkscape:snap-global="true">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid3186"
|
||||||
|
empspacing="5"
|
||||||
|
visible="true"
|
||||||
|
enabled="true"
|
||||||
|
snapvisiblegridlinesonly="true"
|
||||||
|
spacingx="1px"
|
||||||
|
spacingy="1px" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata3183">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title>GNUstep logo</dc:title>
|
||||||
|
<dc:date>21-06-2014</dc:date>
|
||||||
|
<dc:creator>
|
||||||
|
<cc:Agent>
|
||||||
|
<dc:title>Roman "gryf" Dobosz</dc:title>
|
||||||
|
</cc:Agent>
|
||||||
|
</dc:creator>
|
||||||
|
<dc:rights>
|
||||||
|
<cc:Agent>
|
||||||
|
<dc:title />
|
||||||
|
</cc:Agent>
|
||||||
|
</dc:rights>
|
||||||
|
<dc:subject>
|
||||||
|
<rdf:Bag>
|
||||||
|
<rdf:li>Window Maker</rdf:li>
|
||||||
|
<rdf:li>wmaker</rdf:li>
|
||||||
|
<rdf:li>GNUstep</rdf:li>
|
||||||
|
</rdf:Bag>
|
||||||
|
</dc:subject>
|
||||||
|
<cc:license
|
||||||
|
rdf:resource="http://creativecommons.org/licenses/by-nc/3.0/" />
|
||||||
|
</cc:Work>
|
||||||
|
<cc:License
|
||||||
|
rdf:about="http://creativecommons.org/licenses/by-nc/3.0/">
|
||||||
|
<cc:permits
|
||||||
|
rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||||
|
<cc:permits
|
||||||
|
rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||||
|
<cc:requires
|
||||||
|
rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||||
|
<cc:requires
|
||||||
|
rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||||
|
<cc:prohibits
|
||||||
|
rdf:resource="http://creativecommons.org/ns#CommercialUse" />
|
||||||
|
<cc:permits
|
||||||
|
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||||
|
</cc:License>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-952.36218)">
|
||||||
|
<path
|
||||||
|
id="path3188"
|
||||||
|
style="fill:#000000;fill-opacity:1;stroke:none"
|
||||||
|
d="m 50,957.36216 c -24.852814,0 -45,20.14719 -45,45.00004 0,11.5297 4.3383125,22.0375 11.46875,30 l 18.53125,0 0,-30 30,0 0,-30.00004 18.53125,0 c -8.239553,-9.20096 -20.20814,-15 -33.53125,-15 z m 33.53125,15 C 90.661688,980.32459 95,990.83246 95,1002.3622 l 0,-30.00004 -11.46875,0 z M 95,1002.3622 c 0,24.8528 -20.147186,45 -45,45 l 45,0 0,-45 z m -45,45 c -13.32311,0 -25.291697,-5.7991 -33.53125,-15 l -11.46875,0 0,15 45,0 z"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:#000000;fill-opacity:1;stroke:none"
|
||||||
|
d="m 14.9834,1030.3415 c -5.3064251,-6.6368 -8.4303119,-13.9941 -9.5316699,-22.4488 -0.502301,-3.8559 -0.3466755,-9.56902 0.3674348,-13.48869 2.2004786,-12.07816 9.2796621,-22.77172 19.5805701,-29.57769 5.560386,-3.67384 11.987597,-6.0428 19.156293,-7.06069 2.693154,-0.3824 9.173995,-0.28472 12.053571,0.18167 9.570754,1.55015 17.807726,5.6436 24.530097,12.19048 l 2.166332,2.10978 -9.151786,0.007 -9.151785,0.007 0,15 0,15.00004 -15,0 -15,0 0,15 0,15 -9.242106,0 -9.242106,0 -1.534845,-1.9197 0,0 z"
|
||||||
|
id="path4122"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:url(#linearGradient4241);fill-opacity:1;stroke:none"
|
||||||
|
d="m 50.000149,958.71479 c -24.10723,0 -36.994945,20.42387 -40.000149,43.64741 5,0 50,0 55,0 0,-5.00002 1.49e-4,-19.99115 1.49e-4,-29.99116 5.5625,0 9.437351,-0.009 14.999851,-0.009 -7.95557,-8.39907 -17.517941,-13.64737 -29.999851,-13.64737 z"
|
||||||
|
id="path4166"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="cccccsc" />
|
||||||
|
<path
|
||||||
|
id="path4210"
|
||||||
|
d="m 65.00025,972.36216 0,30.00004 -30,0 0,30 -18.53125,0 c 8.23955,9.2009 20.20814,15 33.53125,15 24.85281,0 45,-20.1472 45,-45 0,-11.52974 -4.33831,-22.03761 -11.46875,-30.00004 l -18.53125,0 z"
|
||||||
|
style="fill:url(#linearGradient4231);fill-opacity:1;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:url(#radialGradient4283);fill-opacity:1;stroke:none"
|
||||||
|
d="m 65.00025,972.36216 0,30.00004 -30,0 0,30 -18.53125,0 c 8.23955,9.2009 20.20814,15 33.53125,15 24.85281,0 45,-20.1472 45,-45 0,-11.52974 -4.33831,-22.03761 -11.46875,-30.00004 l -18.53125,0 z"
|
||||||
|
id="path4237"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:url(#radialGradient4285);fill-opacity:1;stroke:none"
|
||||||
|
d="m 50,957.36216 c -24.85281,0 -45,20.14719 -45,45.00004 0,11.5297 4.33831,22.0375 11.46875,30 l 18.53125,0 0,-30 30,0 0,-30.00004 18.53125,0 c -8.23955,-9.20096 -20.20814,-15 -33.53125,-15 z"
|
||||||
|
id="path4263"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.1 KiB |
124
style.css
Normal file
124
style.css
Normal file
@@ -0,0 +1,124 @@
|
|||||||
|
html {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #515171;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
padding: 1em;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 0.2em;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h1 a {
|
||||||
|
font-family: "DejaVu Sans", sans-serif;
|
||||||
|
text-shadow: 0 4px 4px #666;
|
||||||
|
display: block;
|
||||||
|
padding-left: 1.4em;
|
||||||
|
background-image: url(/img/gnustep.svg);
|
||||||
|
background-position: left center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: auto 100%;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
header h1 span.second {color: white;}
|
||||||
|
header h1 span:first {color: black;}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
/* padding: 1em; */
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
box-shadow: 0 0 15px #000000;
|
||||||
|
background-color: #aeaaae;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
padding: 1em;
|
||||||
|
border-right: 1px solid #333;
|
||||||
|
/* border-bottom: 1px solid #333; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
position: relative;
|
||||||
|
padding: 0.6em 0 0.4em 0.6em;
|
||||||
|
border-bottom: 1px solid #333;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
background: linear-gradient(#444, #411, #000) repeat scroll 0 0 transparent;
|
||||||
|
border-bottom: 1px solid #000000;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
}
|
||||||
|
.nav ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.nav li {
|
||||||
|
margin: 0 5px 5px 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.nav a {
|
||||||
|
padding: 3px 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #999;
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
.nav a:hover {
|
||||||
|
color: #BBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav form {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav .current a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-left {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
width: auto;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user