3-Opera : كما هو في ويندوز
تطبيق Voxy واحد من الأدوات المجانية التحميل و التي توفر تجربة خاصة في تعليم المستخدم اللغة الإنجليزية، حيث أنه يتوفر على 3 ملايين مستخدم موزع على 21 دولة حول العالم. التطبيق يقدم أسلوبا مختلفا، حيث يعمل على تحديد مستواك اللغوي أولا من أجل توفير الدروس التي تناسبك، بعد ذلك ستعمل على إختيار و حجز الدروس التي ترغب بها حيث يمكنك تخصيص الوقت الذي ترغب أثناءه بالدراسة و هذا أمر جيد خصوصا للأشخاص المشغولين.
pre {
background-color:#233948;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:1px solid #f1c40f;
position:relative;
padding:0 7px;
margin:10px 0;
overflow:auto;
word-wrap:normal;
white-space:pre;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
}
pre[data-codetype] {
padding:23px 1em 7px 1em;
}
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#95a5a6;
padding:0 7px;
font:bold 12px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#27ae60;color:#8FE6B3;}
pre[data-codetype="CSS"] {border-color:#16a085;color:#7DDECA;}
pre[data-codetype="JavaScript"] {border-color:#2980b9;color:#91C8ED;}
pre[data-codetype="JQuery"] {border-color:#34495e;color:#889CAF;}
pre[data-codetype="HTML"]:before {background-color:#27ae60;}
pre[data-codetype="CSS"]:before {background-color:#16a085;}
pre[data-codetype="JavaScript"]:before {background-color:#2980b9;}
pre[data-codetype="JQuery"]:before {background-color:#34495e;}
pre code,
pre .line-number {
display:block;
font:normal normal 12px/15px "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
color:#006699;
}
pre .line-number {
float:right;
margin:0 -1em 0 0em;
color:#ecf0f1;
background-color:#243342;
border-left:2px solid #3E5770;
text-align:right;
min-width:2.5em;
}
pre .line-number span {
display:block;
padding:0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color:#243342}
pre .cl {
display:block;
clear:both;
} <script type='text/javascript'>
(function() {
var pre = document.getElementsByTagName('pre'),
pl = pre.length;
for (var i = 0; i < pl; i++) {
pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="cl"></span>';
var num = pre[i].innerHTML.split(/\n/).length;
for (var j = 0; j < num; j++) {
var line_num = pre[i].getElementsByTagName('span')[0];
line_num.innerHTML += '<span>' + (j+1) + '</span>';
}
}
})();
</script> 
<pre data-codetype="HTML"> ... </pre>
<pre data-codetype="CSS"> ... </pre>
<pre data-codetype="JavaScript"> ... </pre>
<pre data-codetype="JQuery"> ... </pre>
.label-size:nth-child(1) {background: #FF4444;}.label-size:nth-child(2) { background: #33B5E5; }.label-size:nth-child(3) { background: #99CC00; }.label-size:nth-child(4) { background: #FF8800; }.label-size:nth-child(5) { background: #AAAAAA; }.label-size:nth-child(6) { background: #AC6AF4; }.label-size:nth-child(7) { background: #555; }.label-size:nth-child(8) { background: #f2a261; }.label-size:nth-child(9) { background: #F4BB55; }.label-size:nth-child(10) { background: #4571C0; }.label-size:nth-child(11) { background: #99cc33; }.label-size:nth-child(12) { background: #EC69DB; }.label-size:nth-child(13) { background: #40dece; }.label-size:nth-child(14) { background: #ff6347; }.label-size:nth-child(15) { background: #f0e68d; }.label-size:nth-child(16) { background: #7fffd2; }.label-size:nth-child(17) { background: #7a68ed; }.label-size:nth-child(18) { background: #ff1491; }.label-size:nth-child(19) { background: #698c23; }.label-size:nth-child(20) { background: #00ff00; }.label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; }.label-count { white-space: nowrap; padding-left: 3px; margin-right: -3px; background: #444; color: #fff;}
