او من الممكن عمل اضافة للكروم ؟
لنعدّل Arabia I/O
التعديل جميل، ويبدو مريحاً اكثر ... لماذا لا يقوم القائمون على آرابيا بتعديل التصميم لجميع الأعضاء؟
اره فكرة الاخ محمد هاني جيدة ,
ن يكون هناك مكان في الملف الشخصي ليعدل كل شخص الـCSS الخاص بالموقع لحسابه فقط
التعديل جميل جدا , وخصوصا جعل القائمة على اليمين , اصبح اكثر راحة , لماذا لا تعدل ارابيا على ذلك ..
بالنسبة لي :)
إرتحت كثيرا للطريقة العرض الحالية :)
بما أن المحتووى عربي
فمسار القرائة من اليمين إلى اليسار :)
فأول شيء يمكنني إلتقاطه بالعين هو المحتوى ( العنوان أو النقاش )
و لا شيء يشوش على قرائتي بحكم أن ما قبل المحتوى تقطن المساحة الفارغة فقط :)
هدا إحساسي :) و مرتاح جدا في الوضع الحالي :)
هذا الثيم كنت كتبته منذ شهور أتمنى أن يعجبكم
داكن - بالخط الأميري
مشاكل محددة/معروفة
الشريط العلوي للمجتمعات ف بعض الأحيان ينكمش أو يختفي تحت هيدر الصفحة
قد تمنع سكريبت ضبط العرض للتعليقات
@-moz-document domain("arabia.io") {
@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/amiri/v2/Amiri-Regular.woff) format('woff'); } html{ background-color: #111; } body { font-family: 'Amiri'; background-color: #111; color: darkorange; line-height:1.8; font-size:13pt; display:none;animation-delay:1s; }
- {font: messagebox;} #header{ background: #000 !important; }
body .post_content, .post_content p { font-family: 'Amiri';
color: darkorange; line-height:1.8; font-size:inherit; }
content #page .comment_vote ,#content #page .post_vote {
font-family: sans-serif; }
/* ************************************************************************************ */ .user_nav { line-height:0.4; }
menu { background:#222;}
menu .nav{ zoom:0.8;}
/********************************************************* content nav *******/
content #page #content_nav ul li a, #content #page .content_nav ul li a {
padding: 0 10px 0 10px; } /********************************************************* POST SIDE BAR *******/
content #page .sidebar {
opacity:0.4; }
content #page .sidebar #sidebar_post_votes {
padding: 10px 0 10px 10px; background: inherit; }
content #page .sidebar:hover {
opacity:1; } /*********************************************************/
/********************************************************* PAGE HEADR *******/
header #user_nav a{
color: hsla(33, 40%, 50%); }
header #user_nav a:hover{
color: hsl(33, 100%, 50%); } /*********************************************************/
/********************************************************* POST SIDE BAR *******/
content #page #content_nav #nav_title a, #content #page #content_nav .nav_title a{
color:#FFF } .post_content, .post_content p { line-height: 1.7em; overflow-wrap: normal; color: hsl(48, 57%, 87%); font-size: 13pt; }
.post_content h2 { font-size: 18px; margin: .8em 0; color: #E96969; }
.post_content h3 { font-size: 16px; margin: .6em 0; color: #FFF; }
.post_comment { background: rgba(100,100,180,0.06); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.8); -moz-box-shadow: 0 0px 6px rgba(0,0,0,.8); margin-bottom: 10px; }
.redyComment .post_comment { background: rgba(180,100,100,0.03); } .ion_highlight { background: hsla(211, 62%, 23%, 0.6); }
content #page #post #post_comments .comment_meta, #content #page #questions .question_meta, #content #page #question .question_meta {
font-size: 14px; color: #777; padding: 5px; height: 16px; font-family: sans-serif; font-weight: 100; background: inherit; }
content #page #post #post_comments .comment_meta {
border-bottom:1px dashed hsla(0, 0%, 83%,0.3); } blockquote { border-right: 4px solid #d3d3d3; padding: 1px 20px 1px 5px; margin: 15px; background: rgba(128,128,128,0.5); color: #FFF; } code { margin-left: 15px; } /*********************************************************/ input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea { background-color: black; color:hsl(48, 100%, 93%);; font-family: sans-serif; font-size: 14pt; }
add_comment textarea,
add_comment textarea.largearea,
post_comments textarea,
post_comments textarea.largearea,
textarea.post_textarea { color:hsl(48, 100%, 93%); }
footer {
border-top: 25px solid hsl(0, 0%, 83%); background: hsl(0, 0%, 95%); padding: 10px 0 30px; } /* .comment_wrapper:first-child { margin-bottom: 30px; }**/
content #page #post #post_comments .comment_content p {
margin-top: 1.2em; margin-left: 1em; text-align:justify; }
content #page #post #post_comments .subcomment.postWriter {
border-right: 1px dashed hsl(308, 85%, 40%); }
content #page #user #user_profile .left_col {
float: left; margin-right: 15px; background: hsl(0, 66%, 18%); padding: 6px 20px; line-height: 1.7em; font-size: 12px; border-radius: 5pt; } iframe { border:0px; overflow:hidden; height:100%; width:100% } body {
display:initial; }
content #page .post_upvote, #content #page .post_downvote, #content #page .post_points, #content #page .comment_upvote, #content #page .comment_downvote, #content #page .comment_points{
font-size: 18px; margin-top: 8px; margin-bottom: 8px; }
content #page .comment_vote, #content #page .post_vote {
margin-left: 5px; }
content #page .post_points,#content #page .comment_points {
color: #95a5a6; }
footer {
border-top: 25px solid hsl(0, 1%, 15%); background: hsl(0, 1%, 15%); }
content #page #post #post_comments .comment_content p {
color: hsl(218, 50%, 89%); } .dropdown .dropdown-menu { font-size: 11pt; }
content #page .sidebar #latest_comments .comment_content a {
color: hsl(204, 100%, 85%); } .tobic { padding: 0px 3px 2px 3px; border-radius: 5px; font-family: sans-serif; font-size: 10px; }
content #page #questions_social{
background: hsl(0, 1%, 15%); }
content_nav ul li, #content #page .content_nav ul li {
padding : 0;
}
content_nav ul li a, #content #page .content_nav ul li a {
padding: 0 3px 0 3px;
}
content #page #content_nav ul li a:hover{
border-bottom: 0; color: hsl(33, 100%, 50%); } code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 14px; }
content_nav ul li.active {
background:#95a5a6; border-bottom: 3px solid hsl(0, 100%, 100%); }
content_nav ul li.active a {
color: hsl(271, 100%, 3%); }
content #page .post_meta, #content #page .comment_meta, #content #page .question_meta {
font-size: 15px; color: hsl(0, 50%, 0%); }
content #page #post #post_comments .comment_content a {
word-wrap: break-word; font-family: tahoma; font-size: 12px; }
content #page #posts a {
color:#e67e22; }
content #page .post_meta, #content #page .comment_meta, #content #page .question_meta {
font-size: 13px; color: hsl(226, 51%, 75%); }
menu #nav a {
color: hsl(194, 100%, 98%); } }
هذا الثيم كنت كتبته منذ شهور أتمنى أن يعجبكم
داكن - بالخط الأميري
مشاكل محددة/معروفة
الشريط العلوي للمجتمعات ف بعض الأحيان ينكمش أو يختفي تحت هيدر الصفحة
قد تمنع سكريبت ضبط العرض للتعليقات
التعليقات