strk/friendica
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Seperate blocks in /admin/features. (#5345)

Browse source 
* Seperate blocks in /admin/features.

Its hard to distinguish between blocks of settings in the features page. Its
useful to clearly mark the blocks belonging together.

* Also try to separate items for other themes.

* Make sure separate settings boxes work in all themes.
This commit is contained in:
Andreas Neustifter 2018-07-10 22:57:13 +02:00 • committed by Hypolite Petovan
parent 39abfb547d
commit 298b528c81
5 changed files with 1750 additions and 1751 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
view/templates/admin/settings_features.tpl
View file

@ -10,8 +10,10 @@
<div class="settings-content-block"> <div class="settings-content-block">
{{foreach $f.1 as $fcat}} {{foreach $f.1 as $fcat}}
<div class="settings-block">
{{include file="field_yesno.tpl" field=$fcat.0}} {{include file="field_yesno.tpl" field=$fcat.0}}
{{include file="field_yesno.tpl" field=$fcat.1}} {{include file="field_yesno.tpl" field=$fcat.1}}
</div>
{{/foreach}} {{/foreach}}
<div class="settings-submit-wrapper" > <div class="settings-submit-wrapper" >

8
view/templates/settings/connectors.tpl
View file

@ -7,13 +7,9 @@
<form action="settings/connectors" method="post" autocomplete="off"> <form action="settings/connectors" method="post" autocomplete="off">
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'> <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
<span id="settings_general_inflated" class="settings-block fakelink" style="display: block;" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');"> <h3 class="settings-heading"><a onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">{{$general_settings}}</a></h3>
<h3 class="connector">{{$general_settings}}</h3>
</span>
<div id="settings_general_expanded" class="settings-block" style="display: none;"> <div id="settings_general_expanded" class="settings-block" style="display: none;">
<span class="fakelink" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">
<h3 class="connector">{{$general_settings}}</h3>
</span>
{{include file="field_checkbox.tpl" field=$disable_cw}} {{include file="field_checkbox.tpl" field=$disable_cw}}
{{include file="field_checkbox.tpl" field=$no_intelligent_shortening}} {{include file="field_checkbox.tpl" field=$no_intelligent_shortening}}

4
view/theme/duepuntozero/style.css
View file

@ -2721,9 +2721,7 @@ aside input[type='text'] {
} }
.settings-block { .settings-block {
border: 1px solid #AAA; border-bottom: 1px solid #AAA;
margin: 10px;
padding: 10px;
} }
.app-title { .app-title {

3
view/theme/quattro/dark/style.css
View file

@ -2551,6 +2551,9 @@ footer {
#adminpage .selectall { #adminpage .selectall {
text-align: right; text-align: right;
} }
.settings-block {
border-bottom: 1px solid #cccccc;
}
/* edit buttons for comments */ /* edit buttons for comments */
.icon.dim { .icon.dim {
opacity: 0.3; opacity: 0.3;

196
view/theme/vier/style.css
View file

@ -16,7 +16,7 @@ img {
/* ========= */ /* ========= */
#adminpage { #adminpage {
/* width: 80%;*/ /* width: 80%; */
} }
#adminpage .screenshot img { #adminpage .screenshot img {
@ -41,7 +41,7 @@ img {
.admin.link { .admin.link {
list-style-position: inside; list-style-position: inside;
font-size: 1em; font-size: 1em;
/* padding-left: 5px; /* padding-left: 5px;
margin: 5px; */ margin: 5px; */
} }
@ -89,34 +89,34 @@ img {
margin-right: 1em; margin-right: 1em;
} }
#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;} #adminpage table { width:100%; border-bottom: 1px solid #000000; margin: 5px 0px; }
#adminpage table th { text-align: left;} #adminpage table th { text-align: left; }
#adminpage td .icon { float: left;} #adminpage td .icon { float: left; }
#adminpage table#users img { width: 16px; height: 16px; } #adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; } #adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; } #adminpage .selectall { text-align: right; }
/* icons */ /* icons */
/* /*
.article { background-position: -50px 0px;} .article {background-position: -50px 0px;}
.block { background-position: -90px 0px;} .block {background-position: -90px 0px;}
.drophide { background-position: -130px 0px;} .drophide {background-position: -130px 0px;}
.noglobe { background-position: -70px -20px;} .noglobe {background-position: -70px -20px;}
.no { background-position: -90px -20px;} .no {background-position: -90px -20px;}
.recycle { background-position: -190px -20px;} .recycle {background-position: -190px -20px;}
.remote-link { background-position: -210px -20px;} .remote-link {background-position: -210px -20px;}
.share { background-position: -230px -20px;} .share {background-position: -230px -20px;}
.tools { background-position: -50px -40px;} .tools {background-position: -50px -40px;}
.youtube { background-position: -130px -40px;} .youtube {background-position: -130px -40px;}
.language { background-position: -210px -40px;} .language {background-position: -210px -40px;}
.prev { background-position: -90px -60px;} .prev {background-position: -90px -60px;}
.next { background-position: -110px -60px;} .next {background-position: -110px -60px;}
.tagged { background-position: -130px -60px;} .tagged {background-position: -130px -60px;}
*/ */
.icon.drop, .icon.drophide { .icon.drop, .icon.drophide {
@ -149,7 +149,7 @@ img {
text-indent: 0px; text-indent: 0px;
} }
.icon.s10 { .icon.s10 {
/* min-width: 10px; /* min-width: 10px;
height: 10px; */ height: 10px; */
/* font-size: 10px; */ /* font-size: 10px; */
} }
@ -211,16 +211,14 @@ span.scroll_loader_text {
div.pager { div.pager {
clear: left; clear: left;
text-align: center; text-align: center;
/* /* height: 1.2em;
height: 1.2em;
padding-bottom: 12px; padding-bottom: 12px;
color: black; color: black;
background-color: #f2f2f2; background-color: #f2f2f2;
margin-top: 5px; margin-top: 5px;
padding: 1%; padding: 1%;
height: 1em; height: 1em;
margin-bottom: 5px; margin-bottom: 5px; */
*/
} }
.birthday-notice, .event-notice { .birthday-notice, .event-notice {
@ -230,7 +228,7 @@ div.pager {
} }
#live-network { #live-network {
/* border-bottom: 1px solid #BDCDD4; */ /* border-bottom: 1px solid #BDCDD4; */
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
width: 100%; width: 100%;
height: 10px; height: 10px;
@ -257,13 +255,12 @@ div.pager {
width: 660px; width: 660px;
border-bottom: 1px solid #BDCDD4; border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4; border-top: 1px solid #BDCDD4;
padding: 8px; padding: 8px;
} }
/* global */ /* global */
body { body {
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */ /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif; font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
font-size: 14px; font-size: 14px;
/* font-size: 13px; /* font-size: 13px;
@ -282,7 +279,7 @@ a {
color: #36C; color: #36C;
/* color: #3e3e8c; */ /* color: #3e3e8c; */
/* color: #3465A4; */ /* color: #3465A4; */
/*color: #3E3E8C; */ /* color: #3E3E8C; */
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
@ -291,7 +288,7 @@ a:hover {
} }
.wall-item-name-link { .wall-item-name-link {
/* float: left;*/ /* float: left;*/
} }
.wall-item-photo { .wall-item-photo {
@ -322,8 +319,8 @@ a:hover {
cursor: pointer; cursor: pointer;
} }
.fakelink:hover { .fakelink:hover {
/*color: blue;*/ /* color: blue;*/
/*color: #005c94; */ /* color: #005c94; */
text-decoration: underline; text-decoration: underline;
} }
code { code {
@ -363,7 +360,7 @@ code {
margin: 0px; margin: 0px;
padding: 1em; padding: 1em;
list-style: none; list-style: none;
/*border: 3px solid #364e59;*/ /* border: 3px solid #364e59;*/
z-index: 100000; z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
} }
@ -406,15 +403,17 @@ code {
#sidebar-group-list .notify { #sidebar-group-list .notify {
display: none; display: none;
} }
#sidebar-group-list .notify.show { display: inline-block; } #sidebar-group-list .notify.show {
display: inline-block;
}
.tool .label { .tool .label {
/* float: left; */ /* float: left; */
} }
.tool .action { .tool .action {
float: right; float: right;
} }
.tool a { .tool a {
/* color: #000; */ /* color: #000; */
} }
.tool a:hover, .widget a:hover, #nets-sidear a:hover, #forum-widget-collapse:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover { .tool a:hover, .widget a:hover, #nets-sidear a:hover, #forum-widget-collapse:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
/* text-decoration: underline; */ /* text-decoration: underline; */
@ -435,7 +434,7 @@ code {
.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover, .nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover,
#sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active { #sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active {
/* background-color: #ddd; */ /* background-color: #ddd; */
/* background-color: #e5e5e5; */ /* background-color: #e5e5e5; */
background-color: #F5F5F5; background-color: #F5F5F5;
} }
@ -444,7 +443,7 @@ code {
} }
.sidebar-group-element { .sidebar-group-element {
/* color: #000; */ /* color: #000; */
} }
.group-selected, .nets-selected, .fileas-selected, .forum-selected { .group-selected, .nets-selected, .fileas-selected, .forum-selected {
@ -717,7 +716,7 @@ nav .nav-menu:hover {
/* color: #fff !important; */ /* color: #fff !important; */
color: #fff; color: #fff;
/* text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); */ /* text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); */
/* background: #4c619c; */ /* background: #4c619c; */
text-decoration: none; text-decoration: none;
} }
@ -816,11 +815,11 @@ nav #nav-apps-link.selected {
border-bottom-style: none; border-bottom-style: none;
} }
nav #nav-notifications-linkmenu.on .icon-bell:before{ nav #nav-notifications-linkmenu.on .icon-bell:before {
content: "\f0f3"; content: "\f0f3";
} }
/* nav #nav-community-link { */ /* nav #nav-community-link {*/
nav ul { nav ul {
margin-left: 210px; margin-left: 210px;
} }
@ -850,11 +849,11 @@ nav #nav-user-linkmenu {
top: 56px; top: 56px;
} }
.notify-unseen { background-color: #FFF; } .notify-unseen {background-color: #FFF; }
.notify-seen { .notify-seen {
background: none repeat scroll 0 0 #EEE; background: none repeat scroll 0 0 #EEE;
} }
ul.menu-popup { ul.menu-popup {
visibility:hidden; visibility:hidden;
@ -912,7 +911,7 @@ ul.menu-popup .empty {
z-index: 100000; z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
} }
acpopup-mce { .acpopup-mce {
color: #2d2d2d; color: #2d2d2d;
max-height: 150px; max-height: 150px;
} }
@ -1229,9 +1228,9 @@ aside img {
/* widget */ /* widget */
.widget { .widget {
margin-bottom: 1em; margin-bottom: 1em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;} /*.action .s10 {width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/ .action .s16 {width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */ /* font-size: 12px; */
} }
.widget h3 { .widget h3 {
padding: 0px; padding: 0px;
@ -1300,8 +1299,8 @@ aside img {
} }
/* section */ /* section */
section { section {
/*font-size: 13px; /* font-size: 13px;
line-height: 19.5px;*/ line-height: 19.5px; */
font-size: 14.95px; font-size: 14.95px;
line-height: 21px; line-height: 21px;
display: table-cell; display: table-cell;
@ -1358,7 +1357,7 @@ section.minimal {
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
/* border-bottom: 1px solid #BDCDD4; */ /* border-bottom: 1px solid #BDCDD4; */
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
position: relative; position: relative;
padding: 5px; padding: 5px;
@ -1371,7 +1370,7 @@ section.minimal {
position: absolute; position: absolute;
left: 755px; left: 755px;
left: calc(100% - 16px); left: calc(100% - 16px);
/* top: -10px; */ /* top: -10px; */
width: 16px; width: 16px;
} }
.unstarred { .unstarred {
@ -1678,7 +1677,7 @@ section.minimal {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-left: 16px; margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ /* background: url(../../../images/icons/22/user.png) no-repeat center center; */
} }
.wall-item-container.comment { .wall-item-container.comment {
@ -1732,7 +1731,7 @@ section.minimal {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-left: 16px; margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/ /* background: url(../../../images/icons/22/user.png) no-repeat center center; */
} }
.comment-edit-preview { .comment-edit-preview {
@ -1766,7 +1765,7 @@ section.minimal {
.shiny { .shiny {
/* border-right: 10px solid #fce94f; */ /* border-right: 10px solid #fce94f; */
/* border-right: 1px solid #A7C7F7; /* border-right: 1px solid #A7C7F7;
padding-right: 12px; */ padding-right: 12px; */
} }
@ -1789,7 +1788,6 @@ section.minimal {
} }
#profile-jot-form #jot-title, #profile-jot-form #jot-category { #profile-jot-form #jot-title, #profile-jot-form #jot-category {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
font-weight: bold; font-weight: bold;
height: 20px; height: 20px;
@ -1806,7 +1804,7 @@ section.minimal {
#profile-jot-form #jot-title:-moz-placeholder { #profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal; font-weight: normal;
} }
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{ #profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl {
/* width: 785px; */ /* width: 785px; */
width: 100%; width: 100%;
height: 100px; height: 100px;
@ -1829,16 +1827,16 @@ section.minimal {
padding-top: 1px; padding-top: 1px;
padding-bottom: 2px; padding-bottom: 2px;
font-size: 12px; font-size: 12px;
/*display: none;*/ /* display: none; */
} }
.tag { .tag {
color: rgb(153,153,153); color: rgb(153,153,153);
/*padding-left: 3px; /* padding-left: 3px;
font-size: 10px;*/ font-size: 10px; */
} }
.tag a { .tag a {
/*padding-right: 8px;*/ /* padding-right: 8px; */
color: rgb(153,153,153); color: rgb(153,153,153);
} }
.wwto { .wwto {
@ -2091,7 +2089,7 @@ section.minimal {
position: absolute; position: absolute;
z-index: 99; z-index: 99;
} }
table.smiley-preview{ table.smiley-preview {
background-color: #FFF; background-color: #FFF;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
} }
@ -2252,17 +2250,17 @@ ul.tabs li {
ul.tabs a, div.pager a { ul.tabs a, div.pager a {
/* min-width: 34px; */ /* min-width: 34px; */
/* display: block; /* display: block;
float: left; */ float: left; */
padding: 0px; padding: 0px;
padding-bottom: 6px; padding-bottom: 6px;
/* padding: 0px 12px 0px 12px; */ /* padding: 0px 12px 0px 12px; */
/* color: #444; */ /* color: #444; */
color: darkgray; color: darkgray;
} }
ul.tabs a { ul.tabs a {
/* box-shadow: 1px 2px 0px 0px #D8D8D8; */ /* box-shadow: 1px 2px 0px 0px #D8D8D8; */
margin-right: 15px; margin-right: 15px;
margin-left: 5px; margin-left: 5px;
} }
@ -2293,7 +2291,7 @@ ul.tabs a {
} }
.comment-edit-submit-wrapper .fakelink { .comment-edit-submit-wrapper .fakelink {
/* border: 1px solid lightgray; */ /* border: 1px solid lightgray; */
background: #F2F2F2; background: #F2F2F2;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
@ -2496,7 +2494,7 @@ aside #id_password {
margin-bottom: 15px; margin-bottom: 15px;
} }
#profile-edit-links ul { margin: 0; padding:0 0 20px 0; list-style: none; } #profile-edit-links ul {margin: 0; padding:0 0 20px 0; list-style: none; }
#profile-edit-links li { #profile-edit-links li {
float: left; float: left;
@ -2646,7 +2644,7 @@ aside #id_password {
z-index: 10000; z-index: 10000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
} }
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } .contact-photo-menu ul {margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a { .contact-photo-menu li a {
display: block; display: block;
padding: 5px 10px; padding: 5px 10px;
@ -2709,8 +2707,8 @@ blockquote {
float: left; float: left;
} }
.contact-block-textdiv { width: 150px; height: 34px; float: left; } .contact-block-textdiv {width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; } #contact-block-end {clear: both; }
#group-edit-wrapper { #group-edit-wrapper {
margin-bottom: 10px; margin-bottom: 10px;
@ -2722,7 +2720,7 @@ blockquote {
/* /*
#group-separator, #group-separator,
#prof-separator { display: none;} #prof-separator {display: none;}
*/ */
#message-to-select { #message-to-select {
@ -2919,6 +2917,7 @@ a.mail-list-link {
} }
.settings-block { .settings-block {
border-bottom: 1px solid #898989;
/* border: 1px solid #AAA; */ /* border: 1px solid #AAA; */
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
@ -3150,22 +3149,22 @@ img.photo-album-photo {
opacity: 1; opacity: 1;
} }
.menu-profile-list{ .menu-profile-list {
height: auto; height: auto;
overflow: auto; overflow: auto;
min-height: 16px; min-height: 16px;
list-style: none; list-style: none;
} }
.menu-profile-list:hover{ .menu-profile-list:hover {
background: #E7F2F7; background: #E7F2F7;
} }
.menu-profile-list-item{ .menu-profile-list-item {
padding-left: 5px; padding-left: 5px;
vertical-align: middle; vertical-align: middle;
} }
.menu-profile-list-item:hover{ .menu-profile-list-item:hover {
text-decoration: none; text-decoration: none;
} }
.autocomplete { .autocomplete {
width: 350px; width: 350px;
@ -3291,7 +3290,7 @@ img.photo-album-photo {
border: none; border: none;
} }
.icon.tilted-icon{ .icon.tilted-icon {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(-20deg); -webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg); -moz-transform: rotate(-20deg);
@ -3305,37 +3304,37 @@ img.photo-album-photo {
#profile-edit-wrapper { #profile-edit-wrapper {
line-height: 30px; line-height: 30px;
} }
#profile-edit-wrapper .field{ #profile-edit-wrapper .field {
margin-bottom:0; margin-bottom:0;
padding-bottom:0; padding-bottom:0;
} }
#profile-edit-wrapper input[type=text], #profile-edit-wrapper input[type=text],
#profile-edit-wrapper select{ #profile-edit-wrapper select {
width:250px; width:250px;
} }
#profile-edit-wrapper #profile-edit-dob select{ #profile-edit-wrapper #profile-edit-dob select {
width:auto; width:auto;
} }
#profile-edit-wrapper, #profile-edit-wrapper,
#profile-edit-wrapper .toggle-section-content{ #profile-edit-wrapper .toggle-section-content {
margin-bottom:15px; margin-bottom:15px;
} }
.profile-edit-submit-wrapper{ .profile-edit-submit-wrapper {
margin-top:15px; margin-top:15px;
} }
#profile-edit-default-desc{ #profile-edit-default-desc {
display:inline-block; display:inline-block;
padding:15px; padding:15px;
width:auto; width:auto;
border:1px solid #511919; border:1px solid #511919;
} }
#profile-edit-wrapper .toggle-section-content{ #profile-edit-wrapper .toggle-section-content {
background:#ededed; background:#ededed;
max-width:599px; max-width:599px;
padding:5px; padding:5px;
} }
.btn{ .btn {
outline:none; outline:none;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
@ -3367,15 +3366,15 @@ img.photo-album-photo {
text-align:center; text-align:center;
text-shadow:1px 1px 0px #ffffff; text-shadow:1px 1px 0px #ffffff;
} }
.btn:hover{ .btn:hover {
background-color:#e6e6e6; background-color:#e6e6e6;
text-decoration:none; text-decoration:none;
} }
.btn:active{ .btn:active {
position:relative; position:relative;
top:1px; top:1px;
} }
.profile-view-actions{ .profile-view-actions {
float:right; float:right;
} }
/* videos page */ /* videos page */
@ -3399,13 +3398,14 @@ img.photo-album-photo {
#invite-wrapper textarea { #invite-wrapper textarea {
width: 100%; width: 100%;
} }
/* upload/select popup */ /* upload/select popup */
fbrowser.image .photo-album-image-wrapper { margin-left: 10px; } fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }
#message-preview { margin-top: 15px; } #message-preview { margin-top: 15px; }
#message-preview span { width: 100%; } #message-preview span { width: 100%; }
#message-preview .mail-count, #message-preview .mail-delete { display:none; } #message-preview .mail-count, #message-preview .mail-delete { display:none; }
#message-preview .mail-list-wrapper { padding: 3px; } #message-preview .mail-list-wrapper { padding: 3px; }
#message-preview .mail-date { opacity:0.6; font-size:10px; } #message-preview .mail-date { opacity:0.6; font-size:10px; }
/* colorbox */ /* colorbox */
#colorbox img { #colorbox img {