php-integration #21
@ -62,9 +62,11 @@
|
|||||||
</span>
|
</span>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<span class="text-description">
|
<span class="form-info">
|
||||||
Your user agent is:
|
Your user agent is:
|
||||||
|
</span>
|
||||||
<br>
|
<br>
|
||||||
|
<span class="text-description">
|
||||||
<?php echo $ua_str; ?>
|
<?php echo $ua_str; ?>
|
||||||
</span>
|
</span>
|
||||||
<br>
|
<br>
|
||||||
|
@ -32,6 +32,12 @@ body {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
.form-text-small {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.form-text-large {
|
.form-text-large {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border: black;
|
border: black;
|
||||||
@ -42,6 +48,12 @@ body {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
.form-text-large {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.form-info {
|
.form-info {
|
||||||
color: #0280e5;
|
color: #0280e5;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
@ -53,22 +65,18 @@ body {
|
|||||||
color: #0280e5;
|
color: #0280e5;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-description p {
|
p.text-description{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 600px) {
|
||||||
.form-text-small {
|
p.text-description{
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-text-large {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-description p {
|
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user