Difference between revisions of "Template:Edinburgh practices bubbles"
| (18 intermediate revisions by 2 users not shown) | |||
| Line 62: | Line 62: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| − | font-family: Lora,"Helvetica Neue" | + | font-family: Helvetica, Lora,"Helvetica Neue",Arial,sans-serif; |
color: #fff; | color: #fff; | ||
background-color: #fff; | background-color: #fff; | ||
| Line 68: | Line 68: | ||
body { | body { | ||
| + | padding-top: 40px; | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| − | font-family: Lora,"Helvetica Neue" | + | font-family: Helvetica,Lora,"Helvetica Neue",Arial,sans-serif; |
color: #fff; | color: #fff; | ||
background-color: #fff; | background-color: #fff; | ||
| Line 87: | Line 88: | ||
font-size: 40px; | font-size: 40px; | ||
text-align: center; | text-align: center; | ||
| − | color: # | + | color: #2B040A; |
| − | + | border-bottom: none; | |
} | } | ||
| Line 99: | Line 100: | ||
margin-bottom: 75px; | margin-bottom: 75px; | ||
text-transform: none; | text-transform: none; | ||
| − | font-family: "Droid Serif","Helvetica Neue" | + | font-family: Helvetica,"Droid Serif","Helvetica Neue",Arial,sans-serif; |
font-size: 16px; | font-size: 16px; | ||
| − | |||
font-weight: 400; | font-weight: 400; | ||
color: #000; | color: #000; | ||
| Line 110: | Line 110: | ||
{ | { | ||
border: 5px; | border: 5px; | ||
| − | font-family: "Droid Serif","Helvetica Neue" | + | font-family: Helvetica,"Droid Serif","Helvetica Neue",Arial,sans-serif; |
font-size: 16px; | font-size: 16px; | ||
| − | |||
font-weight: 400; | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | .video | ||
| + | { | ||
| + | position: absolute; | ||
| + | margin-left: 50%; | ||
| + | margin-right: 50%; | ||
| + | } | ||
| + | |||
| + | /*menu*/ | ||
| + | |||
| + | #custom-bootstrap-menu.navbar-default .navbar-brand { | ||
| + | color: rgba(255, 255, 255, 1); | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default { | ||
| + | font-size: 18px; | ||
| + | background-color: rgba(34, 34, 34, 1); | ||
| + | border-bottom-width: 0px; | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a { | ||
| + | color: rgba(255, 255, 255, 1); | ||
| + | background-color: rgba(34, 34, 34, 1); | ||
| + | padding-left:5px; | ||
| + | padding-right:5px; | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover, | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { | ||
| + | color: rgba(255, 255, 255, 1); | ||
| + | background-color: rgba(87, 86, 86, 1); | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus { | ||
| + | color: rgba(255, 255, 255, 1); | ||
| + | background-color: rgba(87, 86, 86, 1); | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle { | ||
| + | border-color: #575656; | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover, | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus { | ||
| + | background-color: #575656; | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar { | ||
| + | background-color: #575656; | ||
| + | } | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar, | ||
| + | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar { | ||
| + | background-color: #222222; | ||
| + | } | ||
| + | |||
| + | /*end menu*/ | ||
| + | |||
| + | /*buttons*/ | ||
| + | |||
| + | .btn { | ||
| + | padding: 14px 24px; | ||
| + | border: 0 none; | ||
| + | font-weight: 700; | ||
| + | letter-spacing: 1px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | .btn:focus, .btn:active:focus, .btn.active:focus { | ||
| + | outline: 0 none; | ||
| + | } | ||
| + | |||
| + | .btn-primary { | ||
| + | background: #0099cc; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { | ||
| + | background: #33a6cc; | ||
| + | } | ||
| + | |||
| + | .btn-primary:active, .btn-primary.active { | ||
| + | background: #007299; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | |||
| + | .btn.outline { | ||
| + | background: none; | ||
| + | padding: 12px 22px; | ||
| + | } | ||
| + | |||
| + | .btn-primary.outline { | ||
| + | border: 2px solid #000; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary { | ||
| + | color: #000; | ||
| + | border-color: #000; | ||
| + | } | ||
| + | .btn-primary.outline:active, .btn-primary.outline.active { | ||
| + | border-color: #000; | ||
| + | color: #000; | ||
| + | box-shadow: none; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 21:34, 18 September 2015