Difference between revisions of "SUNScholar/Theme/Color Palette"

From Libopedia
Jump to navigation Jump to search
m
m
Line 12: Line 12:
  
  
----
+
 
:'''<span style="padding: 20px; color:#626262; background:#EEE; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#626262; background:#EEE; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>'''
----
+
 
  
  
:'''<span style="padding: 20px; color:#fff; background:#626262; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#fff; background:#626262; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>'''
  
  
  
:'''<span style="padding: 20px; color:#60223A; background:#ccc; border: 5px solid #bbb; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#60223A; background:#ccc; border: 5px solid #bbb; border-radius: 6px;">Example Text</span>'''
  
  
Line 32: Line 32:
  
  
:'''<span style="padding: 20px; color:#8c9799; background:#eee; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#8c9799; background:#eee; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>'''
  
  
:'''<span style="padding: 20px; color:#fff; background:#60223A; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#fff; background:#60223A; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>'''
  
  
Line 49: Line 49:
  
  
:'''<span style="padding: 20px; color:#666; background:#eee; border: 5px solid #76273C; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#666; background:#eee; border: 5px solid #76273C; border-radius: 6px;">Example Text</span>'''
  
  
:'''<span style="padding: 20px; color:#FF9900; background:#76273C; border: 5px solid #A3A8A4; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#FF9900; background:#76273C; border: 5px solid #A3A8A4; border-radius: 6px;">Example Text</span>'''
  
  
:'''<span style="padding: 20px; color:#FFF; background:#76273C; border: 5px solid #FF9900; border-radius: 6px;">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#FFF; background:#76273C; border: 5px solid #FF9900; border-radius: 6px;">Example Text</span>'''
  
  
:'''<span style="padding: 20px; color:#EEE; border-style:solid; border-width:5px; border-color:#60223A; border-radius: 6px; background:#FF9900">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#EEE; border-style:solid; border-width:5px; border-color:#60223A; border-radius: 6px; background:#FF9900">Example Text</span>'''
  
  
:'''<span style="padding: 20px; color:#FFF; border-style:solid; border-width:5px; border-color:#EFB32F; border-radius: 6px; background:#FF9900">Example Text</span>'''
+
:'''<span style="padding: 10px; color:#FFF; border-style:solid; border-width:5px; border-color:#EFB32F; border-radius: 6px; background:#FF9900">Example Text</span>'''
  
  

Revision as of 08:50, 30 August 2014

Back to Theme

This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.

Global

  • #bbb = gray-dark
  • #ccc = gray
  • #eee = gray-light
  • #626262 = gray-custom
  • #60223a = maroon-brand


Example Text


Example Text


Example Text



University Logo
  • #60223a = maroon-brand
  • #8c9799 = gray-brand


Example Text


Example Text



Maties-logo.png
  • #76273c = maroon-maties
  • #efb32f = orange-maties
  • #a3aba4 = gray-maties
  • #ff9900 = orange-custom


Example Text


Example Text


Example Text


Example Text


Example Text



References