HomeHelp to shorten my CSS
3 posters
Page 1 of 1
Help to shorten my CSS
by tonetone January 20th 2015, 11:52 pm
I used skin from hitskin.com with a long CSS.
How can optimize that thing. Last time i try to delete some thing but have problem with my forum. So i return all and resutl with a longest CSS
How can optimize that thing. Last time i try to delete some thing but have problem with my forum. So i return all and resutl with a longest CSS
- Spoiler:
- Code:
* {
margin: 0px;
padding: 0px;
}
* html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
body {
background-color: #0e0e0e;
background-image: url('http://i86.servimg.com/u/f86/13/96/16/34/bocy10.png');
background-attachment: scroll;
background-repeat: repeat-y;
color: #333333;
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
background-position: center;
}
/* Wrap .pun-------------------------------------------------------------*/
.pun {
width: 880px;
margin: 0 auto;
padding: 5px;
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
line-height: 130%;
}
.pun div, .pun td, .sig-line {
border-color: ##dddddd;
color: ##dddddd;
}
.pun img, .pun fieldset {
border: none;
}
.pun a:link {
color: #0e0e0e;
text-decoration: none;
}
.pun a:visited {
color: #0e0e0e;
text-decoration: none;
}
.pun a:hover {
color: #0e0e0e;
text-decoration: none;
}
.pun a:active {
color: #0e0e0e;
text-decoration: none;
}
.pun a:focus {
color: #860D39;
text-decoration: none;
}
.pun h2, .pun h3, .pun th, .pun input, .pun select {
font: normal 1em Verdana, Arial, sans-serif;
}
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
margin: 0;
padding: 1.5em 1em 1em 1em;
border-bottom: 0px solid #296fa5;
background-color: transparent;
background-image: url('http://i48.tinypic.com/ad202.png');
background-position: center;
text-align: left;
background-repeat: no-repeat;
height: 270px;
margin-top: -5px;
margin-left: -23px;
width: 900px;
}
*+ html #pun-head {
margin-top: -5px;
}
* html #pun-head {
margin-top: -5px;
}
#pun-logo {
float: left;
}
#pun-title {
padding-left: 5px;
white-space: nowrap;
color: #ffffff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 20px;
}
#pun-title h1 {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
p#pun-desc {
color:#DDDDDD;
padding: 0.3em 0 0 5px;
}
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
margin-top: -48px;
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: #dddddd;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
/*color: #fff;
*/
text-decoration: none;
}
#pun-navlinks a:hover {
background-image: url('http://i86.servimg.com/u/f86/14/56/58/11/strcop11.png');
background-repeat: no-repeat;
background-position: center;
top: -10px;
width:100%;
height:100%;
text-align: center;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
border-color: #dddddd;
border-style: solid;
border-width: 0px;
padding: 0.6em 1em;
background-color: transparent;
margin: 0 0 1em 0;
}
#pun-visit ul,.main-box ul {
float: right;
width: 70%;
text-align: right;
list-style-type: none;
}
.main-box ul {
float: left;
width: auto;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 1.11em;
color: #666;
}
.pun-crumbs a {
text-decoration: none;
}
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;
}
#content-container div#content {
margin-right: 0px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 0px;
}
#content-container div#left {
width: 0px;
float: left;
margin-right: 0px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
margin-right: 0px;
}
* html #content-container div#main {
/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
#page-body {
margin: 4px 0;
width: 100%;
}
/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
border-style: solid;
border-width: 1px;
padding: 1em;
background-color: #fbfbfb;
}
.pun .main .main-content.message {
background-color: #fbfbfb;
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
background-color: #fff;
border: 1px solid #dddddd;
}
/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
margin: 1em 0;
}
.main .main-head, .main .main-foot {
padding: 0.8em 2em;
font-weight: normal;
color: #dedfdf;
background-color: #fbfbfb;
}
.main .main-head {
background-image: url('http://i46.tinypic.com/6olqf6.png');
background-repeat: no-repeat;
height: 40px;
}
.main .main-head .page-title {
font-size: 12px;
font-weight: normal;
}
.pun .main-content {
border: 1px solid #dddddd;
background-color: #fbfbfb;
}
.pun .style1 {
background-color: #fbfbfb;
padding: 0.5em;
}
.pun .style2 {
background-color: #fbfbfb;
padding: 0.5em;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
}
.pun .main .options {
float: right;
text-align: right;
color: #ccc;
}
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
margin-left: 0.5em;
color: #ccc;
text-decoration: none;
}
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
margin-left: 0.6em;
color: #ccc;
text-decoration: underline;
}
/* Table-------------------------------------------------------------*/
.pun table.table {
width: 100%;
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
}
.pun .frm .frm-form table {
border: 1px solid #dddddd;
border-top: 1px solid #1F537B;
border-color: #bbb;
}
.pun table.table th {
padding: 0.5em 0;
border-style: none;
border-color: #;
background-color: #fbfbfb;
color: #333333;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-bottom: 1px solid #dddddd;
border-left: 2px solid #dddddd;
line-height: 130%;
border-right: 2px solid #dddddd;
background-color: #fbfbfb;
background-image: url('http://i86.servimg.com/u/f86/13/96/16/34/window10.png');
background-repeat: repeat-x;
background-position: bottom;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fbfbfb;
}
.pun table.table td table td {
border: none;
padding: 0px;
}
.pun table .tcl {
width: 50%;
overflow: hidden;
text-align: left;
}
.pun table.table th.tcl {
padding-left: 0.5em;
}
.pun .frm .frm-form table .tc2 {
text-align: left;
padding-left: 0.5em;
}
.pun .table .tc2, .pun .table .tc3 {
width: 10%;
text-align: center;
}
.pun .frm .frm-form table .tc4 {
text-align: center;
width: 5%;
}
.pun table .tcr {
width: 30%;
overflow: hidden;
text-align: left;
padding: 0 0 0 0.5em !important;
}
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
overflow: hidden;
}
.pun table .report {
width: 9%;
}
.pun .main table.table td.report {
background-color: #fbfbfb;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tdtopics .status {
margin-left: -32px;
}
.pun table .tdtopics img, .pun .posthead img {
vertical-align: middle;
}
table .tcl.memberlist {
width: 25%;
}
.pun tbody.statused td.tcl {
padding-left: 3.4em;
}
.pun tbody.statused span.status {
position: absolute;
}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
vertical-align: top;
height: 42px;
padding-left: 0.5em;
min-height: 24px;
}
pun table td.tcl .height-giver {
min-height: 42px;
visibility: hidden;
width: 1px;
}
td.avatar-mini a {
text-decoration: none;
}
td.avatar-mini a span {
text-decoration: underline;
}
td.avatar-mini img {
background-color: #fff;
border: 1px solid #1f537b;
vertical-align: middle;
width: 38px;
height: 38px;
}
* html .pun table {
position: relative;
}
* html .pun table td.tcl {
position: relative;
}
.pun table td.tcl h2 {
font-weight: bold;
}
.pun .main table.table td.td-title {
background-color: #f4f9fd;
}
.pun .main table.table th.name {
padding-left: 0.5em;
}
.pun .sticky-separator {
border-top: 5px double #dddddd !important;
}
.mod-text {
font-weight: bold;
}
h2.topic-title {
display: inline;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 10px;
font-weight: bold !important;
}
/* Stats-------------------------------------------------------------*/
#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #fbfbfb;
}
td.stat-bar {
padding: 0 10px !important;
}
td.stat-bar div {
white-space: nowrap;
}
#onlinelist img {
float: left;
}
#onlinelist h3 {
float: left;
margin-right: 0.5em;
line-height: 150%;
}
#onlinelist p {
line-height: 150%;
}
#onlinechat {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #fbfbfb;
}
/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
list-style-type: none;
text-align: center;
margin-bottom: 20px;
background-color: transparent;
}
ul.pun-legend li {
display: inline;
margin-right: 20px;
}
ul.pun-legend li img {
vertical-align: bottom;
}
/* Faq-------------------------------------------------------------*/
.faq {
padding: 1em;
background-color: #fbfbfb;
}
.faq a {
text-decoration: none;
}
.faq a:hover {
text-decoration: underline;
}
.faq dd {
margin: 1em 1.7em;
padding:1em;
background-color:#f4f9fd;
border:1px solid #E6E6E6;
color:#666666;
}
.faq p {
margin: 0 0 1em 0;
}
noscript div.message {
background-color: #ffffe1;
border: 1px solid #F0F0B4;
}
noscript div.message p {
padding: 0 1.3em 0;
margin: 1em 0;
}
/* bbCode */
.codebox {
margin: 1em;
background-color: #ffffe1;
border: 1px dotted #dddddd;
}
.codebox dt {
padding: 0.25em;
border-bottom: 1px dotted #dddddd;
}
.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #ffffe1;
}
.faq dd ul {
margin: 0 2em;
}
.codebox + blockquote {
margin: 0.5em 3em;
padding: 0.5em;
background-color: #fff;
border: 1px dotted #dddddd;
}
/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
background-color: #fbfbfb;
}
.main .main-content.google {
background-color: #F2F2F2;
padding: 10px 10px 0px 10px;
}
.main .frm-info {
margin: 1.7em;
padding: 1em 1em;
background: #ffffe1;
border: 1px solid #E6E6E6;
}
.main ul.frm-info {
list-style-type: none;
}
.main .frm-info li {
padding: 0 0 1em 2em;
background: url('blue.png') no-repeat top left;
}
fieldset.frm-set {
margin: 1.7em;
padding: 0 0 1em 0;
border: none;
}
fieldset.left {
width: 35%;
float: left;
}
fieldset.right {
width: 45%;
float: right;
}
.pun .set1 {
border-top: none;
padding-top: 0;
margin: 0;
}
fieldset.frm-set.multi {
border-bottom: 1px dashed #dddddd;
}
fieldset.frm-set.last {
padding-bottom: 0;
}
fieldset.frm-set dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html fieldset.frm-set dl {
height: 1%;
}
*+ html fieldset.frm-set dl {
height: 1%;
}
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
padding: 0.5em;
}
fieldset.frm-set dl dt {
display: block;
width: 16em;
text-align: right;
float: left;
font-weight: bold;
}
fieldset.frm-set dl dd {
margin-left: 17em;
}
*+ html fieldset.frm-set dl dt {
height: 1%;
}
fieldset.frm-set dl dd label {
margin: 0 1em 0 0;
}
fieldset.frm-set .required {
margin: 0 0.25em;
font-style: normal;
color: #b42000}
* html fieldset.frm-set dl {
height: 1%;
}
.frm-buttons {
padding: 0.7em 0 0 17.5em;
border-top: 3px double #dddddd;
margin-bottom: -0.7em;
margin-top: 0.5em;
}
.frm-buttons.full {
padding: 0.7em 0 0 0em;
}
dl.frm-buttons {
padding: 0px;
}
fieldset.frm-set .frm-buttons .button {
overflow: visible;
/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
font-size: 1em;
vertical-align: middle;
line-height: 1.2;
margin-right: 1em;
}
.frm-form fieldset.frm-set .inputbox {
width: 40%;
}
.frm-form fieldset.frm-set textarea.inputbox {
width: 99%;
}
.frm-form fieldset.frm-set .italic {
font-size: 0.9em;
}
.frm-form fieldset.frm-set input[type="radio"] {
margin: 0 0.5em 0 0;
}
.frm-form fieldset.frm-set input[type="checkbox"] {
margin: 0 0.5em 0 0;
}
.frm-form select option {
padding: 0 2em 0 0;
}
.sub-head {
margin: 0.5em 1.7em;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #dddddd;
}
.sub-head h2 {
display: inline;
color: #0C4675;
font-weight: bold;
}
.sub-head span {
color: #0C4675;
font-weight: bold;
}
.pun .frm .frm-buttons input {
overflow: visible;
padding: 1px 0.5em 2px 0.5em;
font-size: 1em;
vertical-align: middle;
line-height: 1.2;
margin-right: 1em;
}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 82%;
}
*+ html dd.frm-input,*+ html .dd-textarea {
display: inline;
margin: 0 !important;
}
*+ html dd.frm-input input {
width: 60% !important;
}
* html dd.frm-input,* html .dd-textarea {
display: inline;
margin: 0 !important;
}
* html dd.frm-input input {
width: 60% !important;
}
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
width: 100%;
}
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
height: 250px;
margin-top: -15px;
}
/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
margin: -1px 0 0 0;
padding: 0.7em 1.3em;
font-weight: normal;
color: #dedfdf;
background: #1F537B;
}
#tabs {
min-width: 932px;
}
* html #tabs {
width: 100%;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0 1.8em;
white-space: nowrap;
}
#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
}
#tabs ul li.activetab a {
background-color: #1f537b;
border-color:#1f537b;
color: #f4f9fd;
text-decoration:underline;
}
#tabs ul li.activetab a:hover {
background-color: #1f537b;
}
#tabs ul li a {
float: left;
padding: 0 1em;
background-color: #f4f9fd;
border: 1px solid #dddddd;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}
#tabs ul li a:hover {
background-color: #f4f4f4;
}
/*Profile View*/
fieldset.profile-view dl dt {
width: 8em;
text-align: left;
font-weight: normal;
}
fieldset.profile-view dl dd {
margin: 0;
}
#profile-advanced-layout {
float: left;
margin-right: -302px;
width: 100%;
}
#profile-advanced-left {
margin-right: 302px;
}
#profile-advanced-left .main {
margin-top: 0;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details .main-content {
padding: 4px;
}
#profile-advanced-details .pagination {
float: left;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #1f537b;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .7em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #dddddd;
background: #f4f4f4;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;
margin-top: 20px;
}
#profile-advanced-layout #tabs {
position: absolute;
bottom: 0;
}
#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 4px;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 302px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 7px 0 6px;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}
/* Calendar-------------------------------------------------------------*/
.pun .main fieldset.calendar {
margin: 0;
padding: 0;
}
.pun p.left-box {
float: left;
}
.pun p.right-box {
float: right;
}
* html p.left-box,* html p.right-box {
position: relative;
/*fixes IE6 peekaboo bug*/
}
.pun .main p.right-box a,.pun .main p.left-box a {
color: #dedfdf;
}
* html .pun .main p.right-box a,* html .pun .main p.left-box a {
height: 1%;
}
.pun .main table.calendar {
border: none;
}
.pun .main table.calendar thead th {
padding: 0.5em;
background-color: #f4f4f4;
font-weight: bold;
}
.pun .main table.calendar td {
padding: 0;
border: 1px solid #dddddd;
overflow: hidden;
}
.pun .main table.calendar td.row2:hover {
background-color: #f4f9fd;
}
.pun .main table.calendar .row3 {
padding: 0.25em;
background-color: #f4f4f4;
}
table.calendar ul {
list-style-type: none;
height: 10em;
}
table.calendar ul li {
margin: 0.25em;
}
table.calendar p.right-event {
padding: 0.25em;
text-align: right;
}
.overview.calendar .left-overview {
padding: 0.25em;
}
#mini-calendar {
float: left;
width: 270px;
margin: 1em;
}
#mini-calendar .table {
margin-bottom: 1em;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
#calendar-result {
margin: 1em 0;
float: left;
width: 68%;
}
.bday {
border: 1px solid #dddddd;
}
.bday td {
text-align: center;
}
.bday .name {
width: 20%;
text-align: left;
}
.bday .www {
width: 10%;
text-align: center;
overflow: hidden;
}
/* Gallery-------------------------------------------------------------*/
.gallery-cat {
float:left;
margin-left: 1%;
margin-bottom: 0.5em;
min-height:125px;
background-color: #fff;
border: 1px solid #dddddd;
}
* html .gallery-cat {
height: 125px;
}
br.clear-column {
display:none;
}
* html .clear-column {
display: block !important;
clear: both;
}
.gallery-cat p {
padding: 0.5em;
}
fieldset.gallery input.inputbox {
width: 80%;
}
.gallery-nav .gallery-cat {
width: 19%;
margin: 1% 0 1% 1%;
padding: 1em 0 0;
text-align: center;
}
.gallery-cat img {
margin: 0.25em;
}
.gallery-cat:hover {
background-color: #f4f9fd;
}
.gallery-cat .info-gallery {
text-align: center;
font-size: 0.9em;
clear: both;
}
.pic-container {
overflow: auto;
}
/* Special effects */
fieldset.effects dl {
float: left;
width: 19%;
min-height: 10em;
margin: 0 0.5em 0.5em 0;
border: 1px solid #dddddd;
}
fieldset.effects dl:hover {
background-color: #f4f9fd;
}
fieldset.effects dt {
float: left;
padding: 0.25em;
font-weight: bold;
}
fieldset.effects dd {
padding: 0.25em;
border-top: 1px solid #dddddd;
text-align: center;
margin-top: 2em;
}
fieldset.effects dd.check {
float: right;
width: 1em;
margin: 0.15em;
border: none;
clear: right;
}
/* Mod Control Panel */
table.mod-cp {
width: 100%;
border-bottom: 1px solid #dddddd;
}
table.mod-cp th {
padding: 0.6em 1em 0.7em;
background-color: ;
}
table.mod-cp th.name,table.stats th.name {
width: 25%;
text-align: left;
}
table.search th {
text-align: left;
}
table.search th.fixed {
width: 8em;
}
table.mod-cp td {
text-align: center;
}
table.mod-cp td.long-string {
text-align: left;
}
.main .mark {
margin: 1.7em 1.7em 0;
}
.main .mark a {
color: #00569C !important;
}
.main .mark a:hover {
color: #B42000 !important;
}
.gallery.overview img {
float: left;
margin: 1em 1em 0.5em 0.5em;
padding: 0.25em;
border: 2px dashed #dddddd;
}
table.stats th.smallcell {
width: 3%;
}
table.stats td {
text-align: center;
}
table.search td,table.search .tcl {
text-align: center;
}
/* Avatar Gallery */
.main .avatar-gallery {
padding: 1.7em;
}
.main .avatar-gallery div p.select-avatar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.25em;
background-color: #dddddd;
text-align: center;
}
* html .main .avatar-gallery div p.select-avatar {
width: 114px;
}
.main .avatar-gallery div div {
float: left;
position:relative;
width: auto;
height: 260px;
margin: 0.5em 0.25em;
background-color: #f4f9fd;
text-align: center;
border: 1px solid #dddddd;
overflow: hidden;
}
.main .avatar-gallery div div img {
margin: 0.5em;
border: 1px solid #dddddd;
}
/* Stand-alone classes-------------------------------------------------------------*/
.main-content.standalone {
margin: 0.5em 0;
padding: 1em;
background-color: #fbfbfb;
}
.main-content.standalone h2 {
margin: 0 0 1em 0;
border-bottom: 1px solid #dddddd;
font-size: 1.7em;
}
.main-content.standalone .button {
margin: 1em;
padding: 0.5em 1em;
border: 1px solid #dddddd;
}
.main-content.standalone .button.button1 {
font-weight: bold;
}
.main-content.standalone .button:hover {
background-color: #fff;
border: 1px solid #B42000;
}
.posting-confirm {
margin: 1em;
}
/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
border: 1px solid #dddddd;
background-color: #fbfbfb;
padding: 0.6em 1.3em 0.3em 1.3em;
}
.pun .paged .posting {
float: right;
font-weight: bold;
font-size: 1.2em}
.pun .paging {
float: left;
font-weight: bold;
font-size: 1.1em}
strong.pagination {
font-weight: normal;
}
/* Post Basic Layout-------------------------------------------------------------*/
.pun .topic {
border: 2px solid #dddddd;
border-style: none solid;
background: #F8F2E8;
}
.pun .post {
border-style: solid none;
border-width: 0px 0 1px 0;
border-color: #eee #fff #ccc #fff;
position: relative;
}
* html .pun .post {
height: 1%;
}
*+ html .pun .post {
min-height: 1px;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #dddddd;
margin-left: 17em;
position: relative;
background-image: url('http://i50.tinypic.com/xdzdzl.png');
background-position: bottom right;
background-repeat: no-repeat;
}
.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background: #fbfbfb;
border-bottom: 0px dashed #ccc;
}
.pun .posthead h2 strong {
float: right;
}
.pun .postbody {
width: 100%;
position: relative;
}
.pun .post-entry {
padding: 1em 1em 0 1em;
}
.pun .entry-content {
padding-bottom: 0.8em;
overflow: hidden;
width: 100%}
.pun .entry-content ul,.pun .entry-content ol {
margin-left: 2em;
}
/*Posting layouts*/
.postmain blockquote {
padding: 0.5em 1em;
background-color: #fff;
border: 1px solid #dddddd;
}
.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
}
.vote {
float: right;
width: 9px;
margin-left: 4px;
}
.vote .vote-button {
text-align: center;
font-weight: bold;
margin-left: -1px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid #333333;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:-2px;
margin-left:-2px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: #0f0;
}
.vote .vote-bar-minus {
background-color: #f00;
}
/* User information general layout-------------------------------------------------------------*/
.pun .user {
position: relative;
padding-top: 1.6em;
overflow: hidden;
width: 15em;
white-space: normal;
display: inline;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
}
.pun .user .user-ident {
padding: 0 0 0.7em 0;
font-size: 12px;
}
.pun .user-ident .username {
font-size: 1.2em;
font-weight: bold;
display: block;
position: absolute;
top: 0;
text-decoration: none;
color: #00569c;
}
* html .pun .user-ident .username {
padding: 0 0 0.25em;
}
*+ html .pun .user-ident .username {
padding: 0 0 0.3em;
}
.pun .user-ident .username a{
text-decoration:none}
.pun .user-ident .user-basic-info {
font-weight: bold;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
}
.postfoot {
margin-left: -17em;
text-align: right;
clear: both;
position: relative;
border-top: 1px dashed #ccc;
padding: 0.5em 1em;
}
.postfodiv.post-options img{
cursor: pointer;
}
.pun .postfoot .user-contact {
float: left;
width: 15em;
text-align: left;
}
* html .pun .postfoot {
margin-left: 0;
}
.pun .sig-content {
padding-top: 0.8emmargin-left: -17em;
clear:both;
position: relative;
padding: 0.5em 1em;
}
.pun .p-hidden {
text-align:center;
padding: 15px 0px;
border-bottom: 1px solid #dddddd;
}
.pun .sig-content .sig-line {
margin: 0 auto;
border-top-style: solid;
border-top-width: 1px;
border-color: #dddddd;
display: block;
padding-bottom: 0.5em;
width: 250px;
}
/* Plus menu-------------------------------------------------------------*/
.overview {
background-color: #f4f9fd;
border: 1px solid #dddddd;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
.title-overview {
background-color: #f4f9fd;
padding: 5px 5px 0 0;
}
.overview h1 {
border-bottom: 1px solid #dddddd;
font-size: 1em;
text-align: center;
padding: 0.25em 0.5em;
}
.left-overview {
padding: 5px 5px 0;
}
.left-overview a {
font-weight: normal;
}
.center-overview {
padding: 0.5em;
text-align: center;
}
p.center-overview a {
color: #00569c !important;
}
* html .center-overview {
height: 1%;
}
.topic-overview {
padding: 0.5em;
background-color: #fff;
}
.overview-info {
padding: 0.25em 0.5em;
background-color: #fbfbfb;
font-size: 0.8em;
border-bottom: 1px dotted #dddddd;
}
.dashed {
color: #f4f9fd;
background-color: #f4f9fd;
border: none;
}
#search_menu .forumline {
padding: 0.5em;
}
#search_menu .forumline .thHead {
font-weight: bold;
}
#search_menu .forumline td {
padding: 0.5em 0;
}
#search_menu .forumline span.genmed a {
color: #333333 !important;
font-size: 0.9em;
}
#search_menu .forumline input.post {
border: 1px solid #dddddd;
}
/* Table forumline-------------------------------------------------------------*/
table.forumline {
background-color: #f4f9fd;
border: 1px solid #dddddd;
}
/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left;
background-image: url('http://2img.net/i/fa/punbb/helpdark.png');
}
.pun .frm-form {
background: #fbfbfb;
border: none;
}
.pun div.frm-form {
margin: 1.7em;
}
.dd-textarea {
width: 72%;
}
button.button2, input.button2 {
font-size: 0.9em;
border: 1px solid #BCBCBC;
width: auto !important;
margin: 0px 0.25em 0;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
button.button2:hover, input.button2:hover {
border: 1px solid #b42000;
color: #b42000;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin: 0 0.25em;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
.select {
background-color: #ffffff;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
margin: -15px 0px 0px -30px;
}
* html .select {
margin-top: -9px;
}
.select p {
padding: 4px 6px;
font-size: 0.9em;
margin: 0px;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align: left;
}
.select button.button2 {
border: 1px solid #BCBCBC;
padding: 0px;
}
*+html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #b42000;
color: #b42000;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
#text_editor_controls {
margin: 10px 0px 0px 210px;
}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
width: 100%;
/*height: 100%;
*/
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
width: 60%;
}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
width: 60%;
}
*+ html #text_editor_textarea.quick_reply_textarea {
width: 60% !important;
}
* html #text_editor_textarea.quick_reply_textarea {
width: 60% !important;
}
#quick_reply .frm-buttons {
padding-left: 210px;
}
div.posting-block {
width: 80%;
float: left;
margin-right: 20px;
}
.pun .frm div.posting-block dd.frm-textarea {
width: auto;
}
.helpline {
margin-left: 210px;
}
*+ html .helpline {
display: block;
height: 1em;
}
* html .helpline {
display: block;
height: 1em;
}
/* Smilies-------------------------------------------------*/
#smiley-box {
float: left;
width: 15%;
margin: 6px 0px 0px 0px;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 260px;
}
.smiley-element {
margin-top: 5px;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
.smiley-element a,.smiley-element a img {
border:none;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #fbfbfb;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #fbfbfb;
}
/* Privmsg-------------------------------------------------------------*/
.pun-privmsg {
list-style-type: none;
text-align: center;
}
.pun-privmsg li {
display: inline;
margin-left: 15px;
font-weight: bold;
}
.pun-privmsg li a {
font-weight: normal;
}
.pun-privmsg li img {
vertical-align: middle;
}
/* Popup-------------------------------------------------------------*/
.popup {
margin: 0px;
min-width: 390px;
}
.popup h1 {
font-size: 1.1em;
margin-top: 5px;
}
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #ffffff;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
color: #dedfdf;
background-color: #1f537b;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #ccc;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #f4f9fd;
color : #00569c;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #fbfbfb;
}
.chatbox_row_2 {
padding: 4px;
background-color: #f4f4f4;
}
.chatbox_row_3 {
padding: 4px;
background-color: #f4f9fd;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #ccc;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
/* Portal / Modules-------------------------------------------------------------*/
.module {
overflow: hidden !important;
}
.module.main {
margin: 0 !important;
}
.module .main-content {
padding: 1em;
}
.module .main-content table {
table-layout: fixed;
}
.module .main-content ul {
margin: 0 2em;
}
.module p.author {
padding: 0.25em;
background-color: #f4f4f4;
border-bottom: 1px solid #dddddd;
font-size: 0.9em;
}
.module h3.news {
padding: 0.5em;
background-color: #dddddd;
font-weight: bold;
}
.module div.body {
padding: 0.5em;
}
.module .full-reading {
margin-top: 2em;
}
.module div.body ul,.module div.body ol {
margin-left: 2em;
}
.module p.comments {
padding: 0.25em 0.25em 1em;
border-top: 1px dashed #dddddd;
font-size: 0.8em;
}
fieldset.frm-set.login {
margin: 0;
}
fieldset.frm-set.login dl dt {
width: auto;
margin: 0 1em 0 0;
text-align: left;
}
fieldset.frm-set.login dl dd {
margin: 0;
}
.module .details img {
border: 1px solid #dddddd;
margin: 0 1em;
}
.module .details dt {
font-weight: bold;
}
#calendar.main-content {
padding: 0;
}
#calendar .calendar-header,#mini-calendar .calendar-header {
border-left: none;
border-bottom: 1px solid #dddddd;
}
#calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{
border-left: none;
}
.module #calendar {
min-width: 180px;
}
.module hr {
height: 1px;
margin: 1em 0;
border: 0.5px solid #dddddd;
}
.ballot fieldset {
margin: 0.5em 0;
}
.ballot fieldset dd {
float: left;
}
/* Groups-------------------------------------------------------------*/
.frm-set dd ul {
list-style-type: none;
}
/* Donate-------------------------------------------------------------*/
.donate .quotebox {
padding: 1em;
background-color: #f4f4f4;
border-bottom: 1px solid #dddddd;
}
.donate .donate-form p {
padding: 1.7em;
}
.donate .column {
width: 49%;
}
/* Report Abuse-------------------------------------------------------------*/
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox{
margin-top: 0.5em;
}
.warning {
color: #ff3333;
}
.report-abuse-textarea {
width: 70%;
}
/* RPG-------------------------------------------------------------*/
fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg {
width: 47%;
margin: 5px;
}
fieldset.frm-set.rpg dt {
text-align: left !important;
width: auto;
float: none !important;
}
fieldset.frm-set.rpg dd {
margin-left: 0 !important;
}
fieldset.frm-set.rpg dd table {
display: table;
width: 100%;
border: 1px solid #dddddd;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
fieldset.frm-set.rpg dd table td {
padding: 5px;
}
/* Helpful classes-------------------------------------------------------------*/
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
.margin-field {
margin: 0px 1.7em;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.clear {
clear: both;
height: 1px;
}
* html .clear {
/* removes useless space in ie6 */
display: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1%;
clear: both;
}
/* Footer-------------------------------------------------------------*/
#pun-about {
border-style: solid;
border-width: 0px;
border-color: #dddddd;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-color: transparent;
}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: bold;
}
#pun-about #qjump {
float: left;
text-align: left;
}
#pun-about #qjump label {
font-weight: bold;
}
#pun-about #qjump fieldset {
border: none;
}
#pun-foot {
background-image: url('http://i49.tinypic.com/symknq.png');
background-repeat: no-repeat;
margin-left: -10px;
width: 900px;
background-position: bottom;
height: 250px;
margin-bottom: -5px; }
#pun-foot h3 {
margin-top: 20px;
}
#pun-foot #pun-about ul li strong {
font-weight: normal;
}
td.fav-icon img {
float: left;
margin: 0 1em 2em 0.5em;
}
/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
z-index: 999;
display: none;
background-color: #fbfbfb;
border: 1px solid #dddddd;
}
#login_popup_buttons {
position: absolute;
bottom: 8px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}
/* BEGIN TESTING FOR MEDIA PRINT */
@media print {
* {
background-image: none;
background-color: #fff;
color: #000;
}
body {
margin: 0;
}
/* Header */
body div.pun {
width: 95%;
margin: 0;
}
div#pun-intro {
padding: 0 0 1em 0;
text-align: left;
}
p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint {
display: none;
}
/* Posts */
.pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost {
display:none;
}
.pun .main .main-head {
border-bottom: 1px solid #ddd;
}
.pun .main .main-head p.h2 {
margin: 0;
padding: 0;
}
.pun .main .main-head .h2 strong {
margin-left: 0.25em;
}
.pun .main .posthead h2 a {
margin-right: 0.5em;
}
.pun .main .main-content {
border: none;
}
.pun .main .post {
border: none;
border-bottom: 1px solid #ddd;
}
.pun .main .post .user {
float: none;
}
/* Footer */
.pun .pun-crumbs .crumbs {
font-size: 0.8em;
}
.pun .pun-crumbs .crumbs a {
margin: 0 1.25em 0 0.5em;
}
#pun-foot,#pun-info {
display: none;
}
}
/* END TESTING FOR MEDIA PRINT */
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
/* ajax profil */
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:6px;
left:-12px;
}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
#profile-advanced-details dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-advanced-details dl dt{
float:left;
display:block;
width:10em;
}
#profile-advanced-details dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-advanced-details div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-advanced-details .ajax-profil_edit{
left:-4px;
}
/* jqModal */
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #ffffff;
border: 1px solid #f4f9fd;
}
.jqmWindow .main {
margin: 0;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}
/* First Post */
#first-post-br {
width: 80%;
border: 0;
border-top: solid 1px #ccc;
margin: 20px auto;
}
/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #1f537b;
background: #fbfbfb;
padding: 1px;
font-size: 1.2em;
margin-right: 3em;
}
.blog_cal-content {
width: 2.9em;
background: #1f537b;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #ffffff;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
padding-left: 0.2em;
font-size: 1.6em;
letter-spacing: 0.2em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_title {
padding-top: 1.1em;
font-size: 1.2em;
}
.blog_title .status {
margin-top: -0.1em;
}
.blog_title .topictitle {
font-size: 1.1em;
text-decoration: none;
}
.blog_message {
margin-top: 0.5em;
font-size: 1.1em;
}
.blog_comments {
margin-right: 0.5em;
font-size: 0.8em;
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .posthead {
padding: 2px 4px;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #1f537b;
vertical-align: middle;
width: 38px;
margin: 2px 2px 4px;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 7px;
}
#blog_comments .postfoot {
margin-left: inherit;
}
.no_comment {
padding: 10px 0;
}
/* Social bookmarking */
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
vertical-align: middle;
}
#bookmarks a img.twitter {
width: 16px;
height: 16px;
margin: 2px;
background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
}
#bookmarks img.delicious {
background-position: -10px -10px;
}
#bookmarks img.digg {
background-position: -10px -50px;
}
#bookmarks img.excite {
background-position: -9px -90px;
}
#bookmarks img.facebook {
background-position: -9px -128px;
}
#bookmarks img.furl {
background-position: -10px -166px;
}
#bookmarks img.google {
background-position: -10px -206px;
}
#bookmarks img.live {
background-position: -9px -246px;
}
#bookmarks img.netscape {
background-position: -9px -284px;
}
#bookmarks img.newsvine {
background-position: -9px -322px;
}
#bookmarks img.reddit {
background-position: -10px -360px;
}
#bookmarks img.slashdot {
background-position: -10px -400px;
}
#bookmarks img.smarking {
background-position: -9px -440px;
}
#bookmarks img.stumbleupon {
background-position: -10px -478px;
}
#bookmarks img.technorati {
background-position: -10px -518px;
}
#bookmarks img.yahoo {
background-position: -10px -558px;
}
/* wysiwyg */
.mceContentBody{
background: #f4f4f4;
color: #333333;
}
/* resize image */
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox a.fullsize {
display: none;
}
.resizebox a.resize {
display: none;
}
.resizebox {
background-color: #ffffe1;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-size: 11px;
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox .resize_border {
border: 1px solid #fbfbfb;
}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}
tonetone- Forumember
-
Posts : 31
Reputation : 2
Language : English
Location : Japan -
Re: Help to shorten my CSS
by SLGray January 21st 2015, 1:00 am
Try moving each line to just one line for each code group.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51482
Reputation : 3519
Language : English
Location : United States -
Re: Help to shorten my CSS
by TheCrow January 21st 2015, 1:55 am
Hello,
I did what SLGray said and here is the result: (27% compress ; saved 14000+ bytes)
Luffy
I did what SLGray said and here is the result: (27% compress ; saved 14000+ bytes)
- Code:
*{margin:0;padding:0}
* html{scrollbar-face-color:#;scrollbar-highlight-color:#;scrollbar-shadow-color:#;scrollbar-3dlight-color:#;scrollbar-arrow-color:#;scrollbar-track-color:#;scrollbar-darkshadow-color:#}
*+ html{scrollbar-face-color:#;scrollbar-highlight-color:#;scrollbar-shadow-color:#;scrollbar-3dlight-color:#;scrollbar-arrow-color:#;scrollbar-track-color:#;scrollbar-darkshadow-color:#}
body{background-color:#0e0e0e;background-image:url('http://i86.servimg.com/u/f86/13/96/16/34/bocy10.png');background-attachment:scroll;background-repeat:repeat-y;color:#333;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;background-position:center}
.pun{width:880px;margin:0 auto;padding:5px;min-width:768px;line-height:130%}
.pun div,.pun td,.sig-line{border-color:##ddd;color:##ddd}
.pun img,.pun fieldset{border:none}
.pun a:link{color:#0e0e0e;text-decoration:none}
.pun a:visited{color:#0e0e0e;text-decoration:none}
.pun a:hover{color:#0e0e0e;text-decoration:none}
.pun a:active{color:#0e0e0e;text-decoration:none}
.pun a:focus{color:#860D39;text-decoration:none}
.pun h2,.pun h3,.pun th,.pun input,.pun select{font:normal 1em Verdana,Arial,sans-serif}
#pun-intro{margin:0;padding:1.5em 1em 1em 1em;border-bottom:0 solid #296fa5;background-color:transparent;background-image:url('http://i48.tinypic.com/ad202.png');background-position:center;text-align:left;background-repeat:no-repeat;height:270px;margin-top:-5px;margin-left:-23px;width:900px}
*+ html #pun-head{margin-top:-5px}
* html #pun-head{margin-top:-5px}
#pun-logo{float:left}
#pun-title{padding-left:5px;white-space:nowrap;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:20px}
#pun-title h1{font-size:inherit;font-weight:inherit;color:inherit}
p#pun-desc{color:#DDD;padding:0.3em 0 0 5px}
#pun-head #pun-navlinks{margin-top:-48px;padding:0.5em 1.1em 0.6em 1.1em;background-color:transparent;border-color:#ddd}
#pun-navlinks ul{list-style:none;text-align:center}
#pun-navlinks li{display:inline;font-size:1.15em}
#pun-navlinks li a{margin:0 0em 0 0}
#pun-navlinks a,#pun-navlinks a:visited{text-decoration:none}
#pun-navlinks a:hover{background-image:url('http://i86.servimg.com/u/f86/14/56/58/11/strcop11.png');background-repeat:no-repeat;background-position:center;top:-10px;width:100%;height:100%;text-align:center}
#pun-navlinks a:active,#pun-navlinks a:focus{text-decoration:none}
#pun-visit,.main-box{border-color:#ddd;border-style:solid;border-width:0;padding:0.6em 1em;background-color:transparent;margin:0 0 1em 0}
#pun-visit ul,.main-box ul{float:right;width:70%;text-align:right;list-style-type:none}
.main-box ul{float:left;width:auto}
#pun-visit li,.main-box li{margin-left:0.7em;white-space:nowrap;float:right}
.pun-crumbs{padding:0.2em 1em;margin:0 1px 1em 1px}
.pun-crumbs p{margin:0;line-height:1.5;font-size:1.11em;color:#666}
.pun-crumbs a{text-decoration:none}
#content-container div#container{width:100%;float:left;margin-right:-0}
#content-container div#content{margin-right:0}
#content-container div#main{margin-bottom:1em;overflow:hidden;}
*+ html #content-container div#main{margin-left:0}
#content-container div#left{width:0;float:left;margin-right:0;overflow:hidden}
#content-container div#right{width:0;float:right;overflow:hidden}
* html #content-container #main-content{overflow:visible;margin-right:0}
* html #content-container div#main{margin-right:-99%;width:100%;float:left}
#page-body{margin:4px 0;width:100%}
#pun-announcement{border-style:solid;border-width:1px;padding:1em;background-color:#fbfbfb}
.pun .main .main-content.message{background-color:#fbfbfb}
.pun .main .main-content p.message{margin:1.7em;padding:1em;background-color:#fff;border:1px solid #ddd}
.pun .main,.pun .main-category{margin:1em 0}
.main .main-head,.main .main-foot{padding:0.8em 2em;font-weight:normal;color:#dedfdf;background-color:#fbfbfb}
.main .main-head{background-image:url('http://i46.tinypic.com/6olqf6.png');background-repeat:no-repeat;height:40px}
.main .main-head .page-title{font-size:12px;font-weight:normal}
.pun .main-content{border:1px solid #ddd;background-color:#fbfbfb}
.pun .style1{background-color:#fbfbfb;padding:0.5em}
.pun .style2{background-color:#fbfbfb;padding:0.5em}
.pun .main-foot .h2,.pun .main-head .h2{float:left}
.pun .main .options{float:right;text-align:right;color:#ccc}
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited{margin-left:0.5em;color:#ccc;text-decoration:none}
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited{margin-left:0.6em;color:#ccc;text-decoration:underline}
.pun table.table{width:100%;table-layout:fixed;empty-cells:show;border-collapse:collapse}
.pun .frm .frm-form table{border:1px solid #ddd;border-top:1px solid #1F537B;border-color:#bbb}
.pun table.table th{padding:0.5em 0;border-style:none;border-color:#;background-color:#fbfbfb;color:#333}
.pun table.table td{padding:0.6em 0 0.7em;border-bottom:1px solid #ddd;border-left:2px solid #ddd;line-height:130%;border-right:2px solid #ddd;background-color:#fbfbfb;background-image:url('http://i86.servimg.com/u/f86/13/96/16/34/window10.png');background-repeat:repeat-x;background-position:bottom}
.pun .main table td.tc2,.pun .main table td.tc3{background-color:#fbfbfb}
.pun table.table td table td{border:none;padding:0}
.pun table .tcl{width:50%;overflow:hidden;text-align:left}
.pun table.table th.tcl{padding-left:0.5em}
.pun .frm .frm-form table .tc2{text-align:left;padding-left:0.5em}
.pun .table .tc2,.pun .table .tc3{width:10%;text-align:center}
.pun .frm .frm-form table .tc4{text-align:center;width:5%}
.pun table .tcr{width:30%;overflow:hidden;text-align:left;padding:0 0 0 0.5em !important}
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr{overflow:hidden}
.pun table .report{width:9%}
.pun .main table.table td.report{background-color:#fbfbfb}
.pun table .tdtopics{padding-left:42px}
.pun table .tdtopics .status{margin-left:-32px}
.pun table .tdtopics img,.pun .posthead img{vertical-align:middle}
table .tcl.memberlist{width:25%}
.pun tbody.statused td.tcl{padding-left:3.4em}
.pun tbody.statused span.status{position:absolute}
.pun table td.tcl{border-left-style:none;border-left-width:0;vertical-align:top;height:42px;padding-left:0.5em;min-height:24px}
pun table td.tcl .height-giver{min-height:42px;visibility:hidden;width:1px}
td.avatar-mini a{text-decoration:none}
td.avatar-mini a span{text-decoration:underline}
td.avatar-mini img{background-color:#fff;border:1px solid #1f537b;vertical-align:middle;width:38px;height:38px}
* html .pun table{position:relative}
* html .pun table td.tcl{position:relative}
.pun table td.tcl h2{font-weight:bold}
.pun .main table.table td.td-title{background-color:#f4f9fd}
.pun .main table.table th.name{padding-left:0.5em}
.pun .sticky-separator{border-top:5px double #ddd !important}
.mod-text{font-weight:bold}
h2.topic-title{display:inline}
.hierarchy{display:inline;text-transform:none;border:none;font-size:10px;font-weight:bold !important}
#stats{padding:0.6em 1em;line-height:150%;background-color:#fbfbfb}
td.stat-bar{padding:0 10px !important}
td.stat-bar div{white-space:nowrap}
#onlinelist img{float:left}
#onlinelist h3{float:left;margin-right:0.5em;line-height:150%}
#onlinelist p{line-height:150%}
#onlinechat{border-top:0 dashed #ccc;padding:0.6em 1em;background-color:#fbfbfb}
ul.pun-legend,ul#pun-legend{list-style-type:none;text-align:center;margin-bottom:20px;background-color:transparent}
ul.pun-legend li{display:inline;margin-right:20px}
ul.pun-legend li img{vertical-align:bottom}
.faq{padding:1em;background-color:#fbfbfb}
.faq a{text-decoration:none}
.faq a:hover{text-decoration:underline}
.faq dd{margin:1em 1.7em;padding:1em;background-color:#f4f9fd;border:1px solid #E6E6E6;color:#666}
.faq p{margin:0 0 1em 0}
noscript div.message{background-color:#ffffe1;border:1px solid #F0F0B4}
noscript div.message p{padding:0 1.3em 0;margin:1em 0}
.codebox{margin:1em;background-color:#ffffe1;border:1px dotted #ddd}
.codebox dt{padding:0.25em;border-bottom:1px dotted #ddd}
.codebox dd{margin:0.5em;padding:0.5em;background-color:#ffffe1}
.faq dd ul{margin:0 2em}
.codebox + blockquote{margin:0.5em 3em;padding:0.5em;background-color:#fff;border:1px dotted #ddd}
.main .main-content.frm{background-color:#fbfbfb}
.main .main-content.google{background-color:#F2F2F2;padding:10px 10px}
.main .frm-info{margin:1.7em;padding:1em 1em;background:#ffffe1;border:1px solid #E6E6E6}
.main ul.frm-info{list-style-type:none}
.main .frm-info li{padding:0 0 1em 2em;background:url('blue.png') no-repeat top left}
fieldset.frm-set{margin:1.7em;padding:0 0 1em 0;border:none}
fieldset.left{width:35%;float:left}
fieldset.right{width:45%;float:right}
.pun .set1{border-top:none;padding-top:0;margin:0}
fieldset.frm-set.multi{border-bottom:1px dashed #ddd}
fieldset.frm-set.last{padding-bottom:0}
fieldset.frm-set dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html fieldset.frm-set dl{height:1%}
*+ html fieldset.frm-set dl{height:1%}
fieldset.frm-set dl dt,fieldset.frm-set dl dd{padding:0.5em}
fieldset.frm-set dl dt{display:block;width:16em;text-align:right;float:left;font-weight:bold}
fieldset.frm-set dl dd{margin-left:17em}
*+ html fieldset.frm-set dl dt{height:1%}
fieldset.frm-set dl dd label{margin:0 1em 0 0}
fieldset.frm-set .required{margin:0 0.25em;font-style:normal;color:#b42000}
* html fieldset.frm-set dl{height:1%}
.frm-buttons{padding:0.7em 0 0 17.5em;border-top:3px double #ddd;margin-bottom:-0.7em;margin-top:0.5em}
.frm-buttons.full{padding:0.7em 0 0 0em}
dl.frm-buttons{padding:0}
fieldset.frm-set .frm-buttons .button{overflow:visible;padding:1px 0.5em 2px 0.5em;font-size:1em;vertical-align:middle;line-height:1.2;margin-right:1em}
.frm-form fieldset.frm-set .inputbox{width:40%}
.frm-form fieldset.frm-set textarea.inputbox{width:99%}
.frm-form fieldset.frm-set .italic{font-size:0.9em}
.frm-form fieldset.frm-set input[type="radio"]{margin:0 0.5em 0 0}
.frm-form fieldset.frm-set input[type="checkbox"]{margin:0 0.5em 0 0}
.frm-form select option{padding:0 2em 0 0}
.sub-head{margin:0.5em 1.7em;padding:0 0 0.5em 0;border-bottom:1px solid #ddd}
.sub-head h2{display:inline;color:#0C4675;font-weight:bold}
.sub-head span{color:#0C4675;font-weight:bold}
.pun .frm .frm-buttons input{overflow:visible;padding:1px 0.5em 2px 0.5em;font-size:1em;vertical-align:middle;line-height:1.2;margin-right:1em}
.pun .frm dd.frm-input,.pun .frm dd.frm-input input,.pun .frm dd.frm-textarea{width:82%}
*+ html dd.frm-input,*+ html .dd-textarea{display:inline;margin:0 !important}
*+ html dd.frm-input input{width:60% !important}
* html dd.frm-input,* html .dd-textarea{display:inline;margin:0 !important}
* html dd.frm-input input{width:60% !important}
dd.frm-textarea #text_editor_textarea,#textarea_content dd.frm-textarea iframe#text_editor_iframe{width:100%}
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}
div.nav-head{margin:-1px 0 0 0;padding:0.7em 1.3em;font-weight:normal;color:#dedfdf;background:#1F537B}
#tabs{min-width:932px}
* html #tabs{width:100%}
#tabs ul{list-style-position:outside;list-style-type:none;padding:0 1.8em;white-space:nowrap}
#tabs ul li{float:left;margin:0;padding:0 4px 0 0}
#tabs ul li.activetab a{background-color:#1f537b;border-color:#1f537b;color:#f4f9fd;text-decoration:underline}
#tabs ul li.activetab a:hover{background-color:#1f537b}
#tabs ul li a{float:left;padding:0 1em;background-color:#f4f9fd;border:1px solid #ddd;font-size:1.1em;font-weight:normal;line-height:2em;text-decoration:none}
#tabs ul li a:hover{background-color:#f4f4f4}
fieldset.profile-view dl dt{width:8em;text-align:left;font-weight:normal}
fieldset.profile-view dl dd{margin:0}
#profile-advanced-layout{float:left;margin-right:-302px;width:100%}
#profile-advanced-left{margin-right:302px}
#profile-advanced-left .main{margin-top:0}
#profile-advanced-avatar{float:left;width:30%}
#profile-advanced-points,#profile-advanced-reputation{float:left}
#profile-advanced-avatar .module,#profile-advanced-points .module,#profile-advanced-reputation .module,#profile-advanced-details{margin-right:4px}
#profile-advanced-avatar .module,#profile-advanced-points .module,#profile-advanced-reputation .module,#profile-advanced-right .module{margin-bottom:4px}
#profile-advanced-details .main-content{padding:4px}
#profile-advanced-details .pagination{float:left}
#profile-advanced-details ol{list-style:none}
#profile-advanced-details ol li{display:block;margin-bottom:4px}
#profile-advanced-details .avatar{float:left}
.avatar{width:50px;border:1px solid #1f537b;background-color:#fff}
.avatar img{width:50px}
.friend-block .avatar{margin:0 auto;cursor:pointer}
.friend-block{float:left;width:70px;margin:1px;text-align:center;overflow:hidden}
.friend_list_online_status{line-height:11px;font-size:.7em}
.friend_list_online_status img{vertical-align:middle}
.friends-foes-list{float:left;width:200px;height:2em}
#profile-advanced-details .message-block{margin-left:57px}
#profile-advanced-details .message-header{border-top:1px solid #ddd;background:#f4f4f4;padding:4px;margin-bottom:4px}
#profile-advanced-details .message-date{float:right}
#profile-advanced-details .message-body{margin-bottom:4px}
#profile-advanced-details .message-footer{text-align:right}
#profile-advanced-details .message-footer li{display:inline;margin:0 0.25em;}
#profile-advanced-details .message-footer li:after{content:' .';}
#profile-advanced-details .message-footer li a{margin-right:0.25em;text-decoration:underline}
#profile-advanced-details .message-footer li.last:after{content:normal}
#profile-advanced-layout #new-message{position:relative;margin-top:20px}
#profile-advanced-layout #tabs{position:absolute;bottom:0}
#profile-advanced-layout #new-message-link{position:absolute;bottom:0;right:4px;padding-bottom:4px}
#profile-advanced-details .top{margin-bottom:16px}
#profile-advanced-details .bottom{margin-top:16px}
#profile-advanced-right{float:right;width:302px}
#profile-advanced-add{margin-right:4px;padding:7px 0 6px;text-align:right}
#profile-advanced-details .stats-field{margin:4px 0 10px 4px;padding:0 10px 6px}
#profile-advanced-details .stats-field legend{font-weight:bold}
#profile-advanced-details .stats-field ul{list-style-type:none;text-indent:10px;padding:0}
#profile-advanced-details .stats-field li{margin:4px 0}
.pun .main fieldset.calendar{margin:0;padding:0}
.pun p.left-box{float:left}
.pun p.right-box{float:right}
* html p.left-box,* html p.right-box{position:relative;}
.pun .main p.right-box a,.pun .main p.left-box a{color:#dedfdf}
* html .pun .main p.right-box a,* html .pun .main p.left-box a{height:1%}
.pun .main table.calendar{border:none}
.pun .main table.calendar thead th{padding:0.5em;background-color:#f4f4f4;font-weight:bold}
.pun .main table.calendar td{padding:0;border:1px solid #ddd;overflow:hidden}
.pun .main table.calendar td.row2:hover{background-color:#f4f9fd}
.pun .main table.calendar .row3{padding:0.25em;background-color:#f4f4f4}
table.calendar ul{list-style-type:none;height:10em}
table.calendar ul li{margin:0.25em}
table.calendar p.right-event{padding:0.25em;text-align:right}
.overview.calendar .left-overview{padding:0.25em}
#mini-calendar{float:left;width:270px;margin:1em}
#mini-calendar .table{margin-bottom:1em;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
#calendar-result{margin:1em 0;float:left;width:68%}
.bday{border:1px solid #ddd}
.bday td{text-align:center}
.bday .name{width:20%;text-align:left}
.bday .www{width:10%;text-align:center;overflow:hidden}
.gallery-cat{float:left;margin-left:1%;margin-bottom:0.5em;min-height:125px;background-color:#fff;border:1px solid #ddd}
* html .gallery-cat{height:125px}
br.clear-column{display:none}
* html .clear-column{display:block !important;clear:both}
.gallery-cat p{padding:0.5em}
fieldset.gallery input.inputbox{width:80%}
.gallery-nav .gallery-cat{width:19%;margin:1% 0 1% 1%;padding:1em 0 0;text-align:center}
.gallery-cat img{margin:0.25em}
.gallery-cat:hover{background-color:#f4f9fd}
.gallery-cat .info-gallery{text-align:center;font-size:0.9em;clear:both}
.pic-container{overflow:auto}
fieldset.effects dl{float:left;width:19%;min-height:10em;margin:0 0.5em 0.5em 0;border:1px solid #ddd}
fieldset.effects dl:hover{background-color:#f4f9fd}
fieldset.effects dt{float:left;padding:0.25em;font-weight:bold}
fieldset.effects dd{padding:0.25em;border-top:1px solid #ddd;text-align:center;margin-top:2em}
fieldset.effects dd.check{float:right;width:1em;margin:0.15em;border:none;clear:right}
table.mod-cp{width:100%;border-bottom:1px solid #ddd}
table.mod-cp th{padding:0.6em 1em 0.7em;background-color:}
table.mod-cp th.name,table.stats th.name{width:25%;text-align:left}
table.search th{text-align:left}
table.search th.fixed{width:8em}
table.mod-cp td{text-align:center}
table.mod-cp td.long-string{text-align:left}
.main .mark{margin:1.7em 1.7em 0}
.main .mark a{color:#00569C !important}
.main .mark a:hover{color:#B42000 !important}
.gallery.overview img{float:left;margin:1em 1em 0.5em 0.5em;padding:0.25em;border:2px dashed #ddd}
table.stats th.smallcell{width:3%}
table.stats td{text-align:center}
table.search td,table.search .tcl{text-align:center}
.main .avatar-gallery{padding:1.7em}
.main .avatar-gallery div p.select-avatar{position:absolute;bottom:0;left:0;right:0;padding:0.25em;background-color:#ddd;text-align:center}
* html .main .avatar-gallery div p.select-avatar{width:114px}
.main .avatar-gallery div div{float:left;position:relative;width:auto;height:260px;margin:0.5em 0.25em;background-color:#f4f9fd;text-align:center;border:1px solid #ddd;overflow:hidden}
.main .avatar-gallery div div img{margin:0.5em;border:1px solid #ddd}
.main-content.standalone{margin:0.5em 0;padding:1em;background-color:#fbfbfb}
.main-content.standalone h2{margin:0 0 1em 0;border-bottom:1px solid #ddd;font-size:1.7em}
.main-content.standalone .button{margin:1em;padding:0.5em 1em;border:1px solid #ddd}
.main-content.standalone .button.button1{font-weight:bold}
.main-content.standalone .button:hover{background-color:#fff;border:1px solid #B42000}
.posting-confirm{margin:1em}
.pun .paged-head,.pun .paged-foot{border:1px solid #ddd;background-color:#fbfbfb;padding:0.6em 1.3em 0.3em 1.3em}
.pun .paged .posting{float:right;font-weight:bold;font-size:1.2em}
.pun .paging{float:left;font-weight:bold;font-size:1.1em}
strong.pagination{font-weight:normal}
.pun .topic{border:2px solid #ddd;border-style:none solid;background:#F8F2E8}
.pun .post{border-style:solid none;border-width:0 0 1px 0;border-color:#eee #fff #ccc #fff;position:relative}
* html .pun .post{height:1%}
*+ html .pun .post{min-height:1px}
.pun .postmain{background-color:#fbfbfb;border-left:1px solid #ddd;margin-left:17em;position:relative;background-image:url('http://i50.tinypic.com/xdzdzl.png');background-position:bottom right;background-repeat:no-repeat}
.pun .posthead{padding:0.5em 1.3em 0.5em 1em;background:#fbfbfb;border-bottom:0 dashed #ccc}
.pun .posthead h2 strong{float:right}
.pun .postbody{width:100%;position:relative}
.pun .post-entry{padding:1em 1em 0 1em}
.pun .entry-content{padding-bottom:0.8em;overflow:hidden;width:100%}
.pun .entry-content ul,.pun .entry-content ol{margin-left:2em}
.postmain blockquote{padding:0.5em 1em;background-color:#fff;border:1px solid #ddd}
.postmain cite{display:block;margin:0 0 1em 0;font-weight:bold;font-style:normal}
.vote{float:right;width:9px;margin-left:4px}
.vote .vote-button{text-align:center;font-weight:bold;margin-left:-1px}
.vote .vote-button a{text-decoration:none !important}
.vote .vote-bar{width:3px;height:50px;margin:0 auto;border:1px solid #333;font-size:0}
.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}
.vote .vote-bar-plus{background-color:#0f0}
.vote .vote-bar-minus{background-color:#f00}
.pun .user{position:relative;padding-top:1.6em;overflow:hidden;width:15em;white-space:normal;display:inline}
.pun .post .user{float:left;margin-left:-16em;margin-top:-1.8em}
.pun .user .user-ident{padding:0 0 0.7em 0;font-size:12px}
.pun .user-ident .username{font-size:1.2em;font-weight:bold;display:block;position:absolute;top:0;text-decoration:none;color:#00569c}
* html .pun .user-ident .username{padding:0 0 0.25em}
*+ html .pun .user-ident .username{padding:0 0 0.3em}
.pun .user-ident .username a{text-decoration:none}
.pun .user-ident .user-basic-info{font-weight:bold}
.pun .user .user-info{color:#666;line-height:1.8em}
.postfoot{margin-left:-17em;text-align:right;clear:both;position:relative;border-top:1px dashed #ccc;padding:0.5em 1em}
.postfodiv.post-options img{cursor:pointer}
.pun .postfoot .user-contact{float:left;width:15em;text-align:left}
* html .pun .postfoot{margin-left:0}
.pun .sig-content{padding-top:0.8emmargin-left:-17em;clear:both;position:relative;padding:0.5em 1em}
.pun .p-hidden{text-align:center;padding:15px 0;border-bottom:1px solid #ddd}
.pun .sig-content .sig-line{margin:0 auto;border-top-style:solid;border-top-width:1px;border-color:#ddd;display:block;padding-bottom:0.5em;width:250px}
.overview{background-color:#f4f9fd;border:1px solid #ddd;font-family:Verdana,Arial,Helvetica,sans-serif}
.title-overview{background-color:#f4f9fd;padding:5px 5px 0 0}
.overview h1{border-bottom:1px solid #ddd;font-size:1em;text-align:center;padding:0.25em 0.5em}
.left-overview{padding:5px 5px 0}
.left-overview a{font-weight:normal}
.center-overview{padding:0.5em;text-align:center}
p.center-overview a{color:#00569c !important}
* html .center-overview{height:1%}
.topic-overview{padding:0.5em;background-color:#fff}
.overview-info{padding:0.25em 0.5em;background-color:#fbfbfb;font-size:0.8em;border-bottom:1px dotted #ddd}
.dashed{color:#f4f9fd;background-color:#f4f9fd;border:none}
#search_menu .forumline{padding:0.5em}
#search_menu .forumline .thHead{font-weight:bold}
#search_menu .forumline td{padding:0.5em 0}
#search_menu .forumline span.genmed a{color:#333 !important;font-size:0.9em}
#search_menu .forumline input.post{border:1px solid #ddd}
table.forumline{background-color:#f4f9fd;border:1px solid #ddd}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{padding-left:20px;background-repeat:no-repeat;background-position:left;background-image:url('http://2img.net/i/fa/punbb/helpdark.png')}
.pun .frm-form{background:#fbfbfb;border:none}
.pun div.frm-form{margin:1.7em}
.dd-textarea{width:72%}
button.button2,input.button2{font-size:0.9em;border:1px solid #BCBCBC;width:auto !important;margin:0 0.25em 0;padding:2px 3px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;background-repeat:repeat-x;background-color:#FAFAFA;background-image:url('http://2img.net/i/fa/prosilver/bg_button.gif');background-position:top;overflow:visible;vertical-align:middle}
body:last-child a.button1,input.button1,a.button2,input.button2,button.button2{padding:1px 0}
button.button2:hover,input.button2:hover{border:1px solid #b42000;color:#b42000;background-position:0 100%}
* html button.button2,* html input.button2{padding-bottom:0;margin:0 0.25em;height:24px;padding-right:3px;padding-left:3px}
*+html button.button2,*+html input.button2{height:24px;padding-right:3px;padding-left:3px}
*+html button.button2 img{vertical-align:middle}
* html button.button2 img{vertical-align:middle}
.select{background-color:#fff;border:1px solid #BCBCBC;position:absolute;z-index:999;top:0;left:0;overflow:hidden;width:0;margin:-15px 0 0 -30px}
* html .select{margin-top:-9px}
.select p{padding:4px 6px;font-size:0.9em;margin:0}
.select button{padding:4px;font-size:0.9em;margin:0;background-color:#FFF;border:none;text-align:left}
.select button.button2{border:1px solid #BCBCBC;padding:0}
*+html .select button.button2{padding-right:3px;padding-left:3px}
* html .select button.button2{padding-right:3px;padding-left:3px}
.select button.button2:hover{border:1px solid #b42000;color:#b42000;background-position:0 100%}
.select button:hover,.selectHover{cursor:pointer;background-color:#EEE}
button.bbcode{border:1px solid #e3adad;background-image:url("http://2img.net/i/fa/wysiwyg/bg_button.png")}
#text_editor_controls{margin:10px 0 0 210px}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea{width:100%;}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea{width:60%}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea{width:60%}
*+ html #text_editor_textarea.quick_reply_textarea{width:60% !important}
* html #text_editor_textarea.quick_reply_textarea{width:60% !important}
#quick_reply .frm-buttons{padding-left:210px}
div.posting-block{width:80%;float:left;margin-right:20px}
.pun .frm div.posting-block dd.frm-textarea{width:auto}
.helpline{margin-left:210px}
*+ html .helpline{display:block;height:1em}
* html .helpline{display:block;height:1em}
#smiley-box{float:left;width:15%;margin:6px 0 0}
#smiley-box iframe{border:none;overflow:auto;height:300px;width:100%;height:260px}
.smiley-element{margin-top:5px}
.smiley-element img{margin:0 15px 10px 0}
.smiley-element a,.smiley-element a img{border:none}
#smiley-box-wysiwyg{float:left;margin:25px 0 0 15px;width:20%;background-color:#fbfbfb}
* html #smiley-box-wysiwyg{margin:25px 3px 0 0}
*+html #smiley-box-wysiwyg{margin:25px 3px 0 0}
#smiley-box-wysiwyg iframe{border:none;overflow:auto;height:300px;width:100%;height:280px;background-color:#fbfbfb}
.pun-privmsg{list-style-type:none;text-align:center}
.pun-privmsg li{display:inline;margin-left:15px;font-weight:bold}
.pun-privmsg li a{font-weight:normal}
.pun-privmsg li img{vertical-align:middle}
.popup{margin:0;min-width:390px}
.popup h1{font-size:1.1em;margin-top:5px}
body.chatbox{background-image:none;padding:0;margin:0;background-color:#fff}
#chatbox_header{height:30px}
#chatbox_header.main-head{padding:0 1.3em;color:#dedfdf;background-color:#1f537b}
.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}
.chatbox-title{float:left;margin:0;padding:2px 5px 0 5px;width:15em}
.chatbox-options{float:right;list-style:none;font-size:11px;margin:0.7em 0.5em 0.5em 0.5em}
.chatbox-options li{display:inline}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}
#chatbox_members{position:absolute;top:30px;bottom:30px;width:180px;overflow:auto;border-right:1px dashed #ccc}
#chatbox_messenger_form{margin:10px 0 0 0}
#chatbox_members .member-title{text-align:center;padding:0.5em 0.25em;background-image:none;font-size:12px;background-color:#f4f9fd;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif}
#chatbox_members ul{list-style:none;margin:0 0 0 1em}
#chatbox_members ul li{margin:0.5em 0.5em 0.5em 0}
#chatbox{position:absolute;top:30px;left:181px;right:0;bottom:30px;overflow:auto;line-height:10px}
#chatbox p{line-height:1.2em}
.chatbox_row_1{padding:4px;background-color:#fbfbfb}
.chatbox_row_2{padding:4px;background-color:#f4f4f4}
.chatbox_row_3{padding:4px;background-color:#f4f9fd}
#chatbox .user{font-weight:bold}
.memberlist_row_1{background-color:#fbfbfb}
#chatbox_footer{position:absolute;bottom:0;left:0;right:0;border-top:1px dashed #ccc}
#message,#submit_button{border-width:1px}
.fontbutton{padding:1px;cursor:pointer;text-align:left}
.fontbutton_normal{background:#E1E1E2}
.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}
.fontbutton_clicked{background:#959595;border:1px solid #22229C}
.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}
.fontbutton{background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000;float:left;margin-right:10px;padding:1px}
* html #chatbox-members{height:expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px")}
* html #chatbox{height:expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width:expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px")}
* html #chatbox-footer{width:expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px")}
#chatbox_contextmenu{border:2px solid black;background-color:#f4f9fd}
#chatbox_contextmenu p{margin:0;padding:1px 4px;font-family:verdana,arial,sans-serif;background:#fbfbfb;border-bottom:1px solid #777}
#chatbox_contextmenu p.hover{background:#f4f4f4}
#chatbox_contextmenu p.close{padding:1px;font-size:95%;color:#fff;background:url('')}
#chatbox_contextmenu p.close img{vertical-align:middle;padding-left:20px}
#chatbox_contextmenu a{color:#00569c;text-decoration:none;font-size:95%}
#chatbox_contextmenu a:hover{color:}
.module{overflow:hidden !important}
.module.main{margin:0 !important}
.module .main-content{padding:1em}
.module .main-content table{table-layout:fixed}
.module .main-content ul{margin:0 2em}
.module p.author{padding:0.25em;background-color:#f4f4f4;border-bottom:1px solid #ddd;font-size:0.9em}
.module h3.news{padding:0.5em;background-color:#ddd;font-weight:bold}
.module div.body{padding:0.5em}
.module .full-reading{margin-top:2em}
.module div.body ul,.module div.body ol{margin-left:2em}
.module p.comments{padding:0.25em 0.25em 1em;border-top:1px dashed #ddd;font-size:0.8em}
fieldset.frm-set.login{margin:0}
fieldset.frm-set.login dl dt{width:auto;margin:0 1em 0 0;text-align:left}
fieldset.frm-set.login dl dd{margin:0}
.module .details img{border:1px solid #ddd;margin:0 1em}
.module .details dt{font-weight:bold}
#calendar.main-content{padding:0}
#calendar .calendar-header,#mini-calendar .calendar-header{border-left:none;border-bottom:1px solid #ddd}
#calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{border-left:none}
.module #calendar{min-width:180px}
.module hr{height:1px;margin:1em 0;border:0.5px solid #ddd}
.ballot fieldset{margin:0.5em 0}
.ballot fieldset dd{float:left}
.frm-set dd ul{list-style-type:none}
.donate .quotebox{padding:1em;background-color:#f4f4f4;border-bottom:1px solid #ddd}
.donate .donate-form p{padding:1.7em}
.donate .column{width:49%}
.captcha div.captcha-img{float:left;margin:0 1em 0 0}
.captcha .inputbox{margin-top:0.5em}
.warning{color:#f33}
.report-abuse-textarea{width:70%}
fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg{width:47%;margin:5px}
fieldset.frm-set.rpg dt{text-align:left !important;width:auto;float:none !important}
fieldset.frm-set.rpg dd{margin-left:0 !important}
fieldset.frm-set.rpg dd table{display:table;width:100%;border:1px solid #ddd;padding:0;border-spacing:0;border-collapse:collapse}
fieldset.frm-set.rpg dd table td{padding:5px}
.center{text-align:center}
.right{float:right}
.left{float:left}
.margin-field{margin:0 1.7em}
.normal{font-weight:normal}
.bold{font-weight:bold}
.clear{clear:both;height:1px}
* html .clear{display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+ html .clearfix{min-height:1px}
* html .clearfix{height:1%;clear:both}
#pun-about{border-style:solid;border-width:0;border-color:#ddd;text-align:right;line-height:150%;padding:0.6em 1em;background-color:transparent}
#pun-about ul{list-style-type:none}
#pun-about ul li{display:inline}
#pun-about ul li a{font-weight:bold}
#pun-about #qjump{float:left;text-align:left}
#pun-about #qjump label{font-weight:bold}
#pun-about #qjump fieldset{border:none}
#pun-foot{background-image:url('http://i49.tinypic.com/symknq.png');background-repeat:no-repeat;margin-left:-10px;width:900px;background-position:bottom;height:250px;margin-bottom:-5px}
#pun-foot h3{margin-top:20px}
#pun-foot #pun-about ul li strong{font-weight:normal}
td.fav-icon img{float:left;margin:0 1em 2em 0.5em}
#login_popup{position:absolute;z-index:999;display:none;background-color:#fbfbfb;border:1px solid #ddd}
#login_popup_buttons{position:absolute;bottom:8px;right:6px}
#login_popup_buttons input{margin-left:6px}
@media print{*{background-image:none;background-color:#fff;color:#000}
body{margin:0}
body div.pun{width:95%;margin:0}
div#pun-intro{padding:0 0 1em 0;text-align:left}
p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint{display:none}
.pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost{display:none}
.pun .main .main-head{border-bottom:1px solid #ddd}
.pun .main .main-head p.h2{margin:0;padding:0}
.pun .main .main-head .h2 strong{margin-left:0.25em}
.pun .main .posthead h2 a{margin-right:0.5em}
.pun .main .main-content{border:none}
.pun .main .post{border:none;border-bottom:1px solid #ddd}
.pun .main .post .user{float:none}
.pun .pun-crumbs .crumbs{font-size:0.8em}
.pun .pun-crumbs .crumbs a{margin:0 1.25em 0 0.5em}
#pun-foot,#pun-info{display:none}
}
ul.profile_field_list{padding:0}
html ul.profile_field_list li{list-style-type:none}
ul.profile_field_list > li{list-style-type:none}
.inputURL{font-size:10px;font-family:"Courier New","Times New roman";letter-spacing:-1px}
.middleline{line-height:2em}
.invisible{display:none;visibility:hidden}
.visible{display:block;visibility:visible}
.ajax-profil_hover{background:transparent}
.ajax-profil_parent{position:relative;zoom:1}
.ajax-profil_edit{cursor:pointer;position:absolute;top:6px;left:-12px}
.ajax-profil_edit img{margin-left:4px}
.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}
#profile-advanced-details dl{padding:8px 10 8px 0;width:98%;margin:10px 0 0}
#profile-advanced-details dl dt{float:left;display:block;width:10em}
#profile-advanced-details dl dd{margin-left:10em;padding-left:12px}
#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px}
#profile-advanced-details .ajax-profil_edit{left:-4px}
.jqmWindow{display:none;position:fixed;left:50%;width:450px;margin-left:-225px;top:50%;margin-top:-125px;background-color:#fff;border:1px solid #f4f9fd}
.jqmWindow .main{margin:0}
.jqmOverlay{background-color:#000}
.jqDrag{cursor:move}
#first-post-br{width:80%;border:0;border-top:solid 1px #ccc;margin:20px auto}
.blog_cal-border{display:inline;float:left;border:1px solid #1f537b;background:#fbfbfb;padding:1px;font-size:1.2em;margin-right:3em}
.blog_cal-content{width:2.9em;background:#1f537b;padding:1px;line-height:1.4em;text-align:center;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color:#fff}
.blog_cal-content span{display:block}
.blog_cal-day{padding-left:0.2em;font-size:1.6em;letter-spacing:0.2em}
.blog_cal-month{line-height:0.7em;font-size:2em;font-weight:bold}
.blog_cal-year{line-height:1.2em;font-size:0.8em}
.blog_title{padding-top:1.1em;font-size:1.2em}
.blog_title .status{margin-top:-0.1em}
.blog_title .topictitle{font-size:1.1em;text-decoration:none}
.blog_message{margin-top:0.5em;font-size:1.1em}
.blog_comments{margin-right:0.5em;font-size:0.8em;text-align:right}
.blog_comments img{vertical-align:middle}
#blog_comments{width:90%;margin:0 auto}
#blog_comments .posthead{padding:2px 4px}
.blog_comment-avatar{float:left}
.blog_comment-avatar img{background-color:#fff;border:1px solid #1f537b;vertical-align:middle;width:38px;margin:2px 2px 4px}
#blog_comments .h3{overflow:hidden;margin-top:0;margin-left:45px;padding:0;min-height:22px}
.blog_comment-title{float:left;min-height:12px;margin-top:7px}
#blog_comments .postfoot{margin-left:inherit}
.no_comment{padding:10px 0}
#bookmarks{float:right}
#bookmarks a img{width:20px;height:20px;background:url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align:middle}
#bookmarks a img.twitter{width:16px;height:16px;margin:2px;background:url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll}
#bookmarks img.delicious{background-position:-10px -10px}
#bookmarks img.digg{background-position:-10px -50px}
#bookmarks img.excite{background-position:-9px -90px}
#bookmarks img.facebook{background-position:-9px -128px}
#bookmarks img.furl{background-position:-10px -166px}
#bookmarks img.google{background-position:-10px -206px}
#bookmarks img.live{background-position:-9px -246px}
#bookmarks img.netscape{background-position:-9px -284px}
#bookmarks img.newsvine{background-position:-9px -322px}
#bookmarks img.reddit{background-position:-10px -360px}
#bookmarks img.slashdot{background-position:-10px -400px}
#bookmarks img.smarking{background-position:-9px -440px}
#bookmarks img.stumbleupon{background-position:-10px -478px}
#bookmarks img.technorati{background-position:-10px -518px}
#bookmarks img.yahoo{background-position:-10px -558px}
.mceContentBody{background:#f4f4f4;color:#333}
.resizebox a.enlarge,.resizebox a.fullsize,.resizebox a.resize{display:inline-block;zoom:1;*display:inline}
.resizebox a.fullsize{display:none}
.resizebox a.resize{display:none}
.resizebox{background-color:#ffffe1;max-width:100%;line-height:1.1em;cursor:default;font-size:11px;font-weight:normal;font-style:normal;margin:0}
.resizebox div{font-weight:normal;font-style:normal;margin:0}
.resizebox .resize_border{border:1px solid #fbfbfb}
.resizebox .resize_content{padding:5px 10px;display:inline-block;zoom:1;*display:inline}
.resizebox .resize_filler{border:none;padding:0;width:40px;display:inline-block;zoom:1;*display:inline}
Luffy
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: Help to shorten my CSS
by tonetone January 21st 2015, 1:58 am
Last edited by tonetone on January 21st 2015, 5:18 pm; edited 1 time in total
tonetone- Forumember
- Posts : 31
Reputation : 2
Language : English
Location : Japan -
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: Help to shorten my CSS
by SLGray January 21st 2015, 9:36 am
@Luffy you forgot some semi-colons.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51482
Reputation : 3519
Language : English
Location : United States -
Similar topics» About shorten link in forum
» Can we shorten URL's in forum posts?
» Ability To Shorten Signature Lenght
» Shorten the HEIGHT of the text box in a quick reply...?
» Shorten "You have no new message" to "(0 new message)"
» Can we shorten URL's in forum posts?
» Ability To Shorten Signature Lenght
» Shorten the HEIGHT of the text box in a quick reply...?
» Shorten "You have no new message" to "(0 new message)"
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
