Skip to content

Commit 17ee125

Browse files
danimesqdanimesq
committed
Support selection on Firefox
Signed-off-by: Daniell Mesquita <[email protected]>
1 parent df8fd62 commit 17ee125

File tree

2 files changed

+43
-20
lines changed

2 files changed

+43
-20
lines changed

‎css/page-common.css

Lines changed: 23 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -35,33 +35,33 @@ a button{text-decoration:none}
3535
.full-size{width:100%!important;height:100%!important}
3636
.no-opacity{opacity:1!important}
3737

38-
.p,p{color:#585b55;font-size:16px;user-select:text!important}
38+
.p,p{color:#585b55;font-size:16px;user-select:text!important;-moz-user-select:text!important}
3939
p.color{color:#00A185}
4040

4141
.span,span{color:#888;font-size:12px}
4242
span.color{color:#00A185}
4343

44-
.h1, h1{font-size:80px;color:#00A185;margin:25px 0px 0px 0px;user-select:text!important}
45-
.h2, h2{font-size:70px;color:#333;margin:25px 0px 0px 0px;user-select:text!important}
46-
.h3, h3{font-size:60px;color:#333;opacity:0.9;margin:25px 0px 0px 0px;user-select:text!important}
47-
.h4, h4{font-size:50px;color:#333;margin:25px 0px 0px 0px;user-select:text!important}
48-
.h5, h5{font-size:40px;color:#333;opacity: 0.7;margin:25px 0px 0px 0px;user-select:text!important}
49-
.h6, h6{font-size:30px;color:#333;margin:25px 0px 0px 0px;user-select:text!important}
44+
.h1, h1{font-size:80px;color:#00A185;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
45+
.h2, h2{font-size:70px;color:#333;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
46+
.h3, h3{font-size:60px;color:#333;opacity:0.9;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
47+
.h4, h4{font-size:50px;color:#333;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
48+
.h5, h5{font-size:40px;color:#333;opacity: 0.7;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
49+
.h6, h6{font-size:30px;color:#333;margin:25px 0px 0px 0px;user-select:text!important;-moz-user-select:text!important}
5050

5151
h2.color{color:#00A185}
5252
h3.color{color:#00A185}
5353
h4.color{color:#00A185}
5454
h5.color{color:#00A185}
5555
h6.color{color:#00A185}
5656

57-
.badge{background-color:#e7534f;padding:3px 8px;border-radius:3px;color:#fff;position:relative;margin-left:8px;display:inline;user-select:text!important}
57+
.badge{background-color:#e7534f;padding:3px 8px;border-radius:3px;color:#fff;position:relative;margin-left:8px;display:inline;user-select:text!important;-moz-user-select:text!important}
5858
.badge a{color:#fff!important}
5959
comments h1 .badge a{text-decoration:none}
6060
h1 .badge{font-size:40px;top:-14px}h2 .badge{font-size:35px;top:-12px}h3 .badge{font-size:30px;top:-12px}h4 .badge{font-size:25px;top:-10px}h5 .badge{font-size:20px;top:-8px}h6 .badge{font-size:15px;top:-6px}
6161
.badge.blue{background-color:#5b6ed6}.badge.green{background-color:#53a93f}.badge.color{background-color:#00A185;color:#fff}
6262
.badge.mini{font-size:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}
6363

64-
.blockquote,blockquote{padding:10px;background:#d6d6d6;color:#585b55;border:1px solid transparent;font-size:14px;user-select:text!important}
64+
.blockquote,blockquote{padding:10px;background:#d6d6d6;color:#585b55;border:1px solid transparent;font-size:14px;user-select:text!important;-moz-user-select:text!important}
6565
.blockquote,blockquote:hover{border:1px solid #333}
6666
.blockquote,blockquote:active{background:transparent}
6767

@@ -75,6 +75,7 @@ code {
7575
padding: 5px 5px 5px 5px;
7676
font-size: 11px;
7777
user-select:text!important;
78+
-moz-user-select:text!important;
7879
white-space: nowrap;
7980
}
8081

@@ -88,7 +89,7 @@ code {
8889
.input,input:hover{background:#d6d6d6;border:1px solid transparent}
8990
.input,input:focus{background:#fff;color:#000}
9091

91-
.textarea,textarea{display:inline;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;padding:10px;background:#d6d6d6;border:1px solid #333;color:#585b55;font-size:12px;user-select:text!important;box-sizing:initial}
92+
.textarea,textarea{display:inline;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;padding:10px;background:#d6d6d6;border:1px solid #333;color:#585b55;font-size:12px;user-select:text!important;-moz-user-select:text!important;box-sizing:initial}
9293
.textarea, textarea:hover{border:1px solid transparent}
9394
.textarea, textarea:focus{background:transparent}
9495

@@ -122,6 +123,7 @@ button.sticky {
122123
margin-top: 25px;
123124
margin-bottom: -30px;
124125
user-select: none !important;
126+
-moz-user-select:text!important;
125127
display: block;
126128
}
127129
button.sticky.left {
@@ -136,7 +138,7 @@ button.sticky.left {
136138
img{-webkit-user-drag:none}
137139
div.caption{border:1px solid #333;padding:3px;max-width:100%;display:inline-block;height:auto}
138140
div.caption img{display:block;padding:0;margin:0;width:100%;height:auto}
139-
div.caption span{color:#333;font-size:14px;user-select:text!important}
141+
div.caption span{color:#333;font-size:14px;user-select:text!important;-moz-user-select:text!important}
140142
img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0}
141143
img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px}
142144
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0}
@@ -189,19 +191,19 @@ header nav ul {
189191

190192
header nav ul a {
191193
text-decoration: none;
192-
-moz-user-select: none;
193-
-webkit-user-select: none;
194-
user-select: none;
194+
-moz-user-select: none;
195+
-webkit-user-select: none;
196+
user-select: none;
195197
}
196198

197199
header nav ul li {
198200
display: inline-block;
199201
position: relative;
200202
color: #fff!important;
201203
padding: 0 5px 1px 5px;
202-
-moz-user-select: none!important;
203-
-webkit-user-select: none!important;
204-
user-select: none!important;
204+
-moz-user-select: none!important;
205+
-webkit-user-select: none!important;
206+
user-select: none!important;
205207
}
206208

207209
header nav ul li:hover {
@@ -241,9 +243,9 @@ header nav ul li p {
241243
height: auto;
242244
float: none;
243245
color: #fff;
244-
-moz-user-select: none!important;
245-
-webkit-user-select: none!important;
246-
user-select: none!important;
246+
-moz-user-select: none!important;
247+
-webkit-user-select: none!important;
248+
user-select: none!important;
247249
}
248250

249251
header nav ul li div i {
@@ -301,6 +303,7 @@ header nav ul li div i {
301303
color: inherit!important;
302304
font-size: inherit!important;
303305
user-select: none!important;
306+
-moz-user-select:text!important
304307
}
305308
.navmenu ul > li:hover {
306309
background: #00A185;

‎elements.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,26 @@
4848
<nopehtml><blockquote style="background:#D6D6D6;border-top:1px solid #E7534F;border-bottom:1px solid #E7534F;border-left:10px solid #E7534F;border-right:10px solid #E7534F;border-radius:20px;margin:0 auto;text-align:center"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><img src="https://plasnerd.github.io/PEHTML/img/warning.svg" width="80px" height="80px"></div><h1 style="font-size:40px;margin-top:-5px;margin-bottom:-1px">Warning</h1><br>Your browser don't supports sites built with PEHTML. This means that this site could not be shown completly in your current browser. <br><img src="https://plasnerd.github.io/PEHTML/img/ib.svg" width="16" height="16"> <a href="../boat">Download the Internet Boat browser</a> to enjoy the whole power of PEHTML and all the features of this site.<br><p>Don't know what is PEHTML? Learn <a href="https://plasnerd.github.io/PEHTML/" target="blank">here</a>.</p></blockquote></nopehtml>
4949

5050
<h1><i class="material-icons">widgets</i> Elements</h1>
51+
52+
<div class="nav-tabs-scrollable">
53+
<ul class="nav nav-tabs" id="justifiedTab" role="tablist">
54+
<li class="nav-item">
55+
<a aria-controls="home" aria-selected="true" class="nav-link active" data-toggle="tab" href="#home" id="home-tab" role="tab">Home</a>
56+
</li>
57+
<li class="nav-item">
58+
<a aria-controls="profile" aria-selected="false" class="nav-link" data-toggle="tab" href="#profile" id="profile-tab" role="tab">Profile</a>
59+
</li>
60+
<li class="nav-item">
61+
<a aria-controls="contact" aria-selected="false" class="nav-link" data-toggle="tab" href="#contact" id="contact-tab" role="tab">Contact</a>
62+
</li>
63+
</ul>
64+
</div>
65+
<div class="tab-content" id="justifiedTabContent">
66+
<div aria-labelledby="home-tab" class="tab-pane fade show active" id="home" role="tabpanel">...</div>
67+
<div aria-labelledby="profile-tab" class="tab-pane fade" id="profile" role="tabpanel">...</div>
68+
<div aria-labelledby="contact-tab" class="tab-pane fade" id="contact" role="tabpanel">...</div>
69+
</div>
70+
5171
<p>After <a href="index.html#download" target="blank">download</a> and follow the <a href="index.html#instructions" target="blank">instructions</a>, here is the page for you start inserting elements to your page/app that uses the power of Framework.js!</p><p>The HTML structure of a Framework.js page (including PEHTML):</p><textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;!DOCTYPE html&gt;
5272
&lt;html lang=""&gt;
5373
&lt;head&gt;

0 commit comments

Comments
 (0)