Archived
340 lines
5.5 KiB
CSS
340 lines
5.5 KiB
CSS
/*
|
|
Theme Name: studio12
|
|
Theme URI: http://studioweb.no
|
|
Description: Studio Theme for wordpress
|
|
Author: Sjur Hernes
|
|
Author URI: edb.studentersamfundet.no
|
|
Version: 0.1
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: Oswald;
|
|
src: url('Oswald.otf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Lobster;
|
|
src: url('Lobster.ttf');
|
|
}
|
|
|
|
.transparent {
|
|
filter:alpha(opacity=95);
|
|
-moz-opacity: 0.95;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
html { heigth: 100%; }
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
margin: 0em !important;
|
|
position: top;
|
|
}
|
|
|
|
#header {
|
|
height: 225px;
|
|
width: 1200px;
|
|
}
|
|
|
|
#logo {
|
|
position: absolute;
|
|
margin-left: 460px;
|
|
top: 35px;
|
|
height: 235px;
|
|
|
|
}
|
|
|
|
#nav {
|
|
background-color: rgb(228, 44, 122);
|
|
height: 40px;
|
|
}
|
|
|
|
|
|
#menu-header-menu {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.menu-item {
|
|
float: left;
|
|
margin-left: 2.8em;
|
|
list-style: none;
|
|
/*
|
|
width: 125px;
|
|
text-align: center;
|
|
*/
|
|
}
|
|
.menu-item a {
|
|
display: block;
|
|
height: 100%;
|
|
text-shadow: 2px 2px #000000;
|
|
color: #FFF;
|
|
line-height: 40px;
|
|
font-family: 'Lobster', cursive;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
padding: 0 1em 0 1em;
|
|
}
|
|
.menu-item a:hover {
|
|
background-color: #f57ec5;
|
|
}
|
|
|
|
article {
|
|
padding: 2em;
|
|
}
|
|
|
|
article .entry a {
|
|
color: #533;
|
|
}
|
|
article .entry a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
article img.attachment-restpost {
|
|
float: left;
|
|
margin-right: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.attachment-post-thumbnail {
|
|
width: 40px:
|
|
height: 20px:
|
|
}
|
|
|
|
/* Text and links */
|
|
|
|
a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1, h2, h3 { font-family: 'Lobster', cursive; }
|
|
|
|
hr { width: 60%; }
|
|
|
|
/* Site */
|
|
#page-wrap {
|
|
margin: 28px auto;
|
|
width: 1200px;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 20%;
|
|
margin: 1em 0em 0 0;
|
|
}
|
|
|
|
#sidebar-left{
|
|
float:left;
|
|
}
|
|
|
|
.widget-side-left {
|
|
margin-top: 1em;
|
|
background-color: #FFF;
|
|
}
|
|
#sidebar-right{
|
|
float:right;
|
|
}
|
|
.widget-side-right{
|
|
background-color: #FFF;
|
|
}
|
|
|
|
#countdown {
|
|
height: 3.5em;
|
|
width: 100%;
|
|
background-color: rgb(14, 174, 91);
|
|
}
|
|
#countdown h2 {
|
|
color: #FFF;
|
|
text-shadow: 1px 2px #000;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.sidebar ul {
|
|
list-style:none;
|
|
margin-left:-1.5em;
|
|
}
|
|
.sidebar li { margin-top: 1em; }
|
|
.sidebar li a { text-decoration: underline; }
|
|
|
|
.sidebar h2 {
|
|
padding-top: 0.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
.widget div {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.widget .artist {
|
|
display: block;
|
|
text-align: left;
|
|
margin-left: 1em;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.widget .artist a {
|
|
font-family: 'Lobster', cursive;
|
|
|
|
text-decoration: none;
|
|
}
|
|
.widget .artist :hover {
|
|
text-decoration: underline;
|
|
}
|
|
.widget .str1 a { font-size: 16px;}
|
|
.widget .str2 a { font-size: 19px; }
|
|
.widget .str3 a { font-size: 22px; }
|
|
.widget .str4 a { font-size: 25px; }
|
|
.widget .str5 a { font-size: 28px; }
|
|
.widget .str6 a { font-size: 31px; }
|
|
.widget .blueart a { color: rgb(0, 186, 192) ; }
|
|
.widget .redart a { color: rgb(228, 44, 122) ; }
|
|
.widget .greenart a { color: rgb(14, 174, 91) ; }
|
|
.widget .purpleart a { color: rgb(98, 60, 151) ; }
|
|
|
|
.post, .event {
|
|
padding: 1em 2em 0 2em;
|
|
}
|
|
|
|
#main-content {
|
|
background-color: #FFF;
|
|
width: 55%;
|
|
float: center;
|
|
margin: 1em 0 0 22.5%;
|
|
}
|
|
|
|
#main-content hr {
|
|
margin-top: 1em;
|
|
width: 100%;
|
|
color: #e4156f;
|
|
}
|
|
|
|
#main-content p {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.entry h2 {
|
|
font-family: Oswald sans-serif;
|
|
}
|
|
|
|
.post h2 {
|
|
text-transform: uppercase;
|
|
font-family: Oswald, sans-serif;
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
.postinfo {
|
|
text-align: center;
|
|
text-decoration: italic;
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
/* footer */
|
|
#foot {
|
|
height: 146px;
|
|
float: bottom;
|
|
margin-bottom: 0em;
|
|
background-color: #e4156f;
|
|
}
|
|
|
|
#sponsor {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
#studioform input, #studioform select {
|
|
border: none;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
height: 2em;
|
|
}
|
|
|
|
#studioform input {
|
|
margin: 0.5em;
|
|
padding-left: 0.5em;
|
|
width: 400px;
|
|
background-color: #CCC;
|
|
}
|
|
|
|
.styled-select select{
|
|
background: transparent;
|
|
width: 428px;
|
|
height: 2em;
|
|
}
|
|
|
|
.styled-select {
|
|
margin: 0.5em;
|
|
padding: 3px 0 0 0.5em;
|
|
background: url(http://localhost/wp-content/themes/studio12/images/select-arrow.png) no-repeat right #CCC;
|
|
width: 400px;
|
|
overflow: hidden;
|
|
}
|
|
input#saveForm {
|
|
font-size: 1.3em;
|
|
height: 2em;
|
|
width: 4em;
|
|
background-color: #e4156f;
|
|
font-family: 'Lobster', cursive;
|
|
text-align: center;
|
|
}
|
|
|
|
#frivilligknapp {
|
|
width: 240px;
|
|
}
|
|
|
|
#blimed_tilbake_ok p {
|
|
background-color: rgb(14, 174, 91);
|
|
text-align: center;
|
|
padding: 0.5em;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
#blimed_tilbake_fail p {
|
|
background-color: red;
|
|
text-align: center;
|
|
padding: 0.5em;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lesmer {
|
|
float: right;
|
|
}
|
|
|
|
.event-table {
|
|
border-spacing: 0;
|
|
border-width: 0;
|
|
}
|
|
|
|
.tr_event{
|
|
height: 3em;
|
|
}
|
|
.tr_event td {
|
|
cursor: pointer;
|
|
padding: 0.8em;
|
|
}
|
|
|
|
tbody .Quiz, tbody .Klubb, tbody .Konkurranse { /* Lysest grønn */
|
|
color: #237640;
|
|
|
|
}
|
|
tbody .Quiz:hover, tbody .Klubb:hover, tbody .Konkurranse:hover { background-color: #a4dd9c; } /* lys grønn */
|
|
tbody .Konsert { /* Lysest rosa */
|
|
color: #a11277;
|
|
}
|
|
tbody .Konsert:hover { background-color: #f57ec5; } /* Lys rosa */
|
|
tbody .Annet, tbody .Stand-up { /* Lysest lilla */
|
|
color: #3a2c7b;
|
|
|
|
}
|
|
tbody .Annet:hover, tbody Stand-up:hover { background-color: #b6a4c9; } /* lys lilla */
|
|
tbody .Foredrag, tbody .Lyntale { /* lysest Blå */
|
|
color: #33a39e;
|
|
|
|
}
|
|
tbody .Foredrag:hover, tbody .Lyntale:hover { background-color: #ade3d4; } /* lys blå */ |