Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* $Id: local_sample.css,v 1.1 2010/04/08 17:16:16 danprobo Exp $ */
- /****************************/
- /* LOCAL CSS */
- /****************************/
- /* Put your custom css and css overrides in this file and */
- /* rename it local.css. By restricting your css changes */
- /* to local.css, your changes will not be overwritten when */
- /* upgrading to a new version of this theme. */
- /* Steps to activate local.css: */
- /* 1. Add your custom css to this file */
- /* 2. Rename this file to local.css */
- /* 3. Uncomment (remove leading semicolon from ) the */
- /* following line in your theme's .info file: */
- /* ;stylesheets[all][] = local.css */
- /* 4. Clear cached data at admin/settings/performance */
- #notice {
- display: none;
- }
- #authorize {
- display: none;
- }
- #content img, #sidebar-first img, #sidebar-second img {
- max-width: 100%;
- height: auto;
- }
- .node-teaser .field-item img {
- float: left;
- margin-right: 15px;
- }
- .view-singapore-story .views-field-title a {
- color: #DD8725;
- font-weight: bold;
- text-decoration: none;
- font-size: 18px;
- }
- .view-singapore-story .views-field-field-image {
- margin-right: 15px;
- float: left;
- }
- .view-singapore-story .views-row {
- padding-bottom: 9px;
- padding-top: 9px;
- font-size: 13px;
- color: #424242;
- border-bottom: dashed;
- border-color: #8DB1D0;
- border-bottom-width: 1px;
- }
- h1 {
- font-family: Arial, sans-serif;
- /* letter-spacing: -0.025em; */
- font-weight: 500;
- -webkit-margin-before: 1em;
- -webkit-margin-after: 1em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- color: #404040;
- }
- h2, h3, h4 {
- letter-spacing: -0.025em;
- color: #333;
- line-height: 1.5em;
- font-weight: normal;
- font-family: arial,sans-serif;
- }
- body {
- font-size: 87%;
- line-height: 1.5em;
- font-family: Verdana,Geneva,Arial,'Bitstream Vera Sans','DejaVu Sans',Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',Osaka,sans-serif;
- }
- p, li, dl, dt {
- margin: 6px 0;
- margin-top: 6px;
- margin-right: 0px;
- margin-bottom: 1em;
- margin-left: 0px;
- line-height: 1.5em;
- }
- #last-published {
- /* color: #fff;
- text-decoration: none;
- font-size: 12px;
- padding: 7px 29px 0 29px;
- display: inline-block;
- font-weight: bold;
- height: 25px;
- text-transform: uppercase;
- background: transparent url(images/menu-hover-bg.gif) repeat-x;
- */
- color: #fff;
- text-decoration: none;
- font-size: 12px;
- padding: 7px 29px 0 29px;
- display: inline-block;
- font-weight: bold;
- height: 25px;
- text-transform: uppercase;
- float: left;
- background: url(images/menu-separator.gif) no-repeat right top;
- }
- #copyright {
- background-color: rgb(50,50,50);
- color: rgb(200,200,200);
- margin: 0 auto 30px auto;
- padding: 10px 60px 10px 30px;
- text-align: right;
- }
- #header {
- height: 90px;
- position: relative;
- width: 950px;
- margin: 0 auto;
- background-image: url(http://i.imgur.com/xol2iqy.png), url(http://i.imgur.com/2htHb0k.png);
- background-repeat: no-repeat;
- background-position: left, right;
- }
- .site-name {
- margin-left: 210px}
- .site-slogan {
- display: inherit;
- margin-left: 250px;
- }
- /* =Responsive Structure
- ----------------------------------------------- */
- /* Smaller than standard 960 (devices and browsers) */
- .block-menu li {
- font-size: larger;
- }
- .sidebar .block-menu {
- background-color: #f0f0f0;
- border: transparent;
- margin: 0 0 15px;
- }
- .block-menu {
- box-shadow: 0 1px 2px rgba(0,0,0,.2);
- }
- .block-menu .content {
- border-right: 1px solid #7C9CBD;
- border-left: 1px solid #7C9CBD;
- border-bottom: 1px solid #7C9CBD;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- #block-menu-menu-travels h2.block-title {
- background-image: linear-gradient(to bottom,#3278B4 0,#2B669A 100%);
- border-top: 1px solid #0C213A;
- border-left: 1px solid #0C213A;
- border-right: 1px solid #0C213A;
- border-top-left-radius: 3px;
- color: #fff;
- border-top-right-radius: 3px;
- padding: 10px 15px;
- font-family: verdana, Arial,sans-serif;
- }
- #menu {
- height: auto;
- background: linear-gradient(#163764, #265C8E);
- border: 1px solid #003B71;
- width: 950px;
- border-radius: 3px;
- box-shadow: 0 2px 3px -1px black;
- }
- #rounded-menu-left, #rounded-menu-right {
- display: none;
- clear: both;
- }
- #nav {
- height: auto;
- background: none;
- width: 100%;
- }
- #nav li {
- height: auto;
- background: none;
- border-right: 1px solid #346C9A;
- }
- #nav li:hover {
- background: linear-gradient(#153258, #234F7B);
- }
- #nav li a {
- padding: 4px 29px 0 29px;
- }
- #nav li a:hover {
- background: none;
- }
- @media (max-width: 950px) {
- #header, .slideshow-inner, .slideshow, .slideshow img, #slideshow-bottom, #preface-wrapper, #wrapper, #bottom-teaser, #bottom-wrapper, #footer-wrapper, #footer, #notice {
- width: 100%;
- }
- #bottom-wrapper {
- border-left: none;
- border-right: none;
- }
- .site-name {
- font-size: 20px;
- }
- #slideshow-wrapper {
- display: none;
- }
- #menu {
- width: calc(100% - 4px);
- }
- }
- @media (max-width: 825px) {
- #header {
- background-image: url(http://i.imgur.com/xol2iqy.png);
- background-repeat: no-repeat;
- background-position: left;
- }
- }
- @media (max-width: 600px) {
- .site-name {
- font-size: 15px;
- }
- }
- @media (max-width: 520px) {
- #header {
- background: none;
- }
- .site-name {
- margin-left: 20px;
- }
- .site-slogan {
- margin-left: 60px;
- }
- #nav li {
- width: 100%;
- border-right: none;
- }
- #nav li a {
- width: 100%;
- padding: 4px 0 4px 0;
- text-align: center;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement