MediaWiki: Tweeki.css
From Eccles Physiotherapy
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Tweeki skin */ @font-face { font-family: 'Agenda-Light'; src: local('Agenda-Light'), url('https://www.ecclesphysio.com/fonts/agenda-light.woff') format('woff'); } @font-face { font-family: 'Oswald-Regular'; src: local('Oswald-Regular'), url('https://www.ecclesphysio.com/fonts/oswald-webfont.woff') format('woff'); } .sports-injuries { background-image: url('/images/0/02/Sports-Injuries-emily.jpg'); } .home-visits { background-image: url('/images/c/c6/Home_visits.jpg'); } .neurological { background-image: url('/images/5/5f/Neuro.jpg'); } .header-img { position: relative; width:100%; height: 180px; background-size: auto 350px; background-position: right top; } .header-img-title { position: absolute; bottom: 10px; left: 5px; background-color: rgba(255,255,240,0.8); } a { color: #12ac00; } body { font-family: Agenda-Light; font-size: 160%; } .nav .dropdown-toggle { display: inline-block; } #ca-edit { display: inline-block; } @media screen and (min-width: 768px){ .carousel-caption { left: 25px; } } .emergency { border-top: 1px solid black; border-bottom: 1px solid black; background: rgb(255,255,240) 50%; margin-top: 7px; margin-bottom: 7px; padding: 10px; } .panel-body a { margin-left: auto; margin-right: auto; } .navbar-default { /* background: rgb(57,89,126); */ /* background: rgb(255, 255, 240); */ /* background-image: linear-gradient(0deg, rgb(232 232 232), rgb(199, 255, 196) 50%); */ } .dropdown-menu { background: transparent; /* rgb(255, 255, 240); */ } .dropdown-menu .active a { background: rgb(240, 240, 240) } .dropdown-menu li a, .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav li a { color: rgb(57,89,126); font-size:110%; background-color: transparent; font-weight: normal; } .navbar-default .navbar-nav li:focus { color: rgb(220,220,220); background-image: none; } .dropdown-menu li a:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav .open a:focus, .navbar-default .navbar-nav .open a:hover { color: rgb(78,140,201); background-color: rgb(220,220,220); background-image: none; } @media (min-width: 535px){ .navbar-brand { height: 110px; } .panel-body img { width: 200px; height: 141px; margin-left: auto; margin-right: auto; } .navbar-brand img { height: 100px; } .with-navbar.with-navbar-fixed { padding-top: 120px; } } @media (max-width: 535px){ .navbar-brand { height: 100px; } .navbar-brand img { height: 60px; } .with-navbar.with-navbar-fixed { padding-top: 110px; } .panel-body img { width: 130px; height: 78px; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) .navbar-nav>li>a { padding-left: 30px padding-right: 30px } #firstHeading { display: none; } .navbar-nav { font-size:160%; } @media (min-width: 992px){ .navbar-nav { padding-top: 60px; font-size: 16px; } } .h-funky h1, h2, h3, h4 { font-family: 'Oswald-Regular'; color:#3c527f; } .news-bulletin { /*border: 1px solid black; border-radius: 5px;*/ background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075); width: 90%; min-height: 200px; padding: 10px; margin: 10px; }