മീഡിയവിക്കി:Common.css

ശ്രദ്ധിക്കുക: സേവ് ചെയ്തശേഷം മാറ്റങ്ങൾ കാണാനായി താങ്കൾക്ക് ബ്രൗസറിന്റെ കാഷെ ഒഴിവാക്കേണ്ടി വന്നേക്കാം.

• ഫയർഫോക്സ് / സഫാരി: Reload ബട്ടൺ അമർത്തുമ്പോൾ Shift കീ അമർത്തി പിടിക്കുകയോ, Ctrl-F5 അല്ലെങ്കിൽ Ctrl-R (മാക്കിന്റോഷിൽ ⌘-R ) എന്ന് ഒരുമിച്ച് അമർത്തുകയോ ചെയ്യുക
• ഗൂഗിൾ ക്രോം: Ctrl-Shift-R (മാക്കിന്റോഷിൽ ⌘-Shift-R ) അമർത്തുക
• ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ: Refresh ബട്ടൺ അമർത്തുമ്പോൾ Ctrl കീ അമർത്തിപിടിക്കുക. അല്ലെങ്കിൽ Ctrl-F5 അമർത്തുക
• ഓപ്പറ: Menu → Settings എടുക്കുക (മാക്കിൽ Opera → Preferences) എന്നിട്ട് Privacy & security → Clear browsing data → Cached images and files ചെയ്യുക.

.article-wrapper {
  max-width: 900px; margin: 0 auto; padding: 20px;
  font-family: Georgia, serif; line-height: 1.6;
}

.article-wrapper > span:first-child {
  display: block; text-align: center; 
  font-size: 1.1em; font-weight: bold; 
  margin: 0 0 1em 0; line-height: 1.1;
}

.article-intro { 
  background: #f8f9fa; padding: 16px; 
  border-left: 5px solid #adb5bd; margin: 0 0 1em 0;
}

.article-floatbox { 
  float: right; width: 220px; margin: 0 0 1em 1em;
  background: #f8f9fa; padding: 12px; border-left: 4px solid #dee2e6;
}

.article-highlights div { 
  margin: 8px 0; padding-bottom: 6px; 
  border-bottom: 1px solid #dee2e6; 
}

.article-highlights div:last-child { border-bottom: none; }

.article-author-bio { 
  clear: both; margin-top: 2em; 
  background: #f1f3f4; padding: 15px; 
  border-radius: 6px; border-top: 2px solid #dee2e6;
}

.thumb { float: left !important; margin: 0 1em 0.5em 0 !important; }

@media (max-width: 768px) {
  .article-wrapper { padding: 10px; }
  .article-floatbox { float: none; width: 100%; margin: 1em 0; }
}