|
|
@@ -31,6 +31,12 @@
|
|
|
.diagramHeader{
|
|
|
margin-top: 0.2em;
|
|
|
}
|
|
|
+
|
|
|
+ @media (max-width:960px) {
|
|
|
+ .widescreenOnly{
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -46,7 +52,7 @@
|
|
|
<div class="diagram">
|
|
|
<div class="ui text container">
|
|
|
<div class="ui grid">
|
|
|
- <div class="four wide column" align="center">
|
|
|
+ <div class="four wide column widescreenOnly" align="center">
|
|
|
<svg version="1.1" id="client_svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
|
width="100%" height="" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
|
|
|
<path fill="#C9CACA" d="M184.795,143.037c0,9.941-8.059,18-18,18H33.494c-9.941,0-18-8.059-18-18V44.952c0-9.941,8.059-18,18-18
|
|
|
@@ -64,10 +70,10 @@
|
|
|
<h2 class="diagramHeader">Browser</h2>
|
|
|
<p style="font-weight: 500; color: #9bca3e;">Working</p>
|
|
|
</div>
|
|
|
- <div class="two wide column" style="margin-top: 8em; text-align: center;">
|
|
|
+ <div class="two wide column widescreenOnly" style="margin-top: 8em; text-align: center;">
|
|
|
<i class="ui big grey exchange alternate icon" style="color:rgb(167, 167, 167) !important;"></i>
|
|
|
</div>
|
|
|
- <div class="four wide column" align="center">
|
|
|
+ <div class="four wide column widescreenOnly" align="center">
|
|
|
<svg version="1.1" id="cloud_svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
|
width="100%" height="" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
|
|
|
<ellipse fill="#9FA0A0" cx="46.979" cy="108.234" rx="25.399" ry="25.139"/>
|
|
|
@@ -85,7 +91,7 @@
|
|
|
<h2 class="diagramHeader">Reverse Proxy</h2>
|
|
|
<p style="font-weight: 500; color: #9bca3e;">Working</p>
|
|
|
</div>
|
|
|
- <div class="two wide column" style="margin-top: 8em; text-align: center;">
|
|
|
+ <div class="two wide column widescreenOnly" style="margin-top: 8em; text-align: center;">
|
|
|
<i class="ui big grey exchange alternate icon" style="color:rgb(167, 167, 167) !important;"></i>
|
|
|
</div>
|
|
|
<div class="four wide column" align="center">
|
tobychui