Archived
438 lines
7.4 KiB
CSS
438 lines
7.4 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.5em;
|
|
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-size: 1.5em;
|
|
padding: 0 1em 0 1em;
|
|
-moz-transition: all 0.5s ease-in;
|
|
-webkit-transition: all 0.5s ease-in;
|
|
-o-transition: all 0.5s ease-in;
|
|
transition: all 0.5s ease-in;
|
|
}
|
|
.menu-item a:hover {
|
|
text-shadow: 0 0 #000000;
|
|
background-color: #f57ec5;
|
|
-moz-transition: all 0.5s ease-in;
|
|
-webkit-transition: all 0.5s ease-in;
|
|
-o-transition: all 0.5s ease-in;
|
|
transition: all 0.5s ease-in;
|
|
}
|
|
|
|
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 h2 {
|
|
margin: 0;
|
|
}
|
|
#sidebar-left{
|
|
float:left;
|
|
}
|
|
|
|
.widget-side-left {
|
|
margin-top: 1em;
|
|
background-color: #FFF;
|
|
}
|
|
#sidebar-right{
|
|
float:right;
|
|
}
|
|
.widget-side-right{
|
|
background-color: #FFF;
|
|
}
|
|
.widget_artist_widget {
|
|
background-color: #000;
|
|
padding: 0;
|
|
}
|
|
|
|
.countdown {
|
|
padding-bottom: 10px;
|
|
width: 100%;
|
|
background-color: rgb(14, 174, 91);
|
|
}
|
|
|
|
.countdown h2 {
|
|
font-weight: normal;
|
|
font-size: 1.7em;
|
|
color: #FFF;
|
|
text-shadow: 1px 2px #000;
|
|
margin: 0;
|
|
text-align: center;
|
|
|
|
}
|
|
.countdown a {
|
|
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;
|
|
text-transform: uppercase;
|
|
margin-left: 1em;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.widget .artist a {
|
|
font-family: 'Oswald', cursive;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.widget .str1 a { font-size: 20px;}
|
|
.widget .str2 a { font-size: 25px; }
|
|
.widget .str3 a { font-size: 30px; }
|
|
.widget .str4 a { font-size: 35px; }
|
|
.widget .str5 a { font-size: 40px; }
|
|
.widget .str6 a { font-size: 45px; }
|
|
.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%;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
#main-content hr {
|
|
margin-top: 1em;
|
|
width: 100%;
|
|
color: #e4156f;
|
|
border: solid 1px;
|
|
}
|
|
|
|
#main-content p {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.home .firstpostindex .entry {
|
|
margin-left: 1em;
|
|
width: 40em;
|
|
}
|
|
|
|
.home .entry {
|
|
position: absolute;
|
|
margin-left: 14em;
|
|
width: 24em;
|
|
}
|
|
.entry h2 {
|
|
font-weight: bold;
|
|
font-family: Oswald, sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.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 {
|
|
color: #FFFFFF;
|
|
text-shadow: 1px 1px #000000;
|
|
font-size: 1.3em;
|
|
height: 2em;
|
|
width: 4em;
|
|
background-color: #e4156f;
|
|
font-family: 'Lobster', cursive;
|
|
text-align: center;
|
|
}
|
|
input#saveForm:hover {
|
|
background-color: #f57ec5;
|
|
}
|
|
#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 {
|
|
font-family: 'Oswald', arial;
|
|
border-spacing: 0;
|
|
border-width: 0;
|
|
}
|
|
.eventnewday {
|
|
font-family: 'Oswald', arial;
|
|
font-size: 1.6em;
|
|
}
|
|
.tr_event{
|
|
font-size: 1em;
|
|
height: 2em;
|
|
-moz-transition: all 1s ease-in;
|
|
-webkit-transition: all 1s ease-in;
|
|
-o-transition: all 1s ease-in;
|
|
transition: all 1s ease-in;
|
|
}
|
|
.tr_event:hover {
|
|
background-color: #CCC;
|
|
-moz-transition: all 0.5s ease-in;
|
|
-webkit-transition: all 0.5s ease-in;
|
|
-o-transition: all 0.5s ease-in;
|
|
transition: all 0.5s ease-in;
|
|
}
|
|
.tr_event td {
|
|
cursor: pointer;
|
|
}
|
|
|
|
tbody .Quiz,
|
|
tbody .Klubb,
|
|
tbody .Konkurranse { /* Lysest grønn */
|
|
color: #237640;
|
|
}
|
|
tbody .Konsert { /* Lysest rosa */
|
|
color: #a11277;
|
|
}
|
|
tbody .Annet,
|
|
tbody .Stand-up { /* Lysest lilla */
|
|
color: #3a2c7b;
|
|
}
|
|
|
|
tbody .Foredrag,
|
|
tbody .Lyntale { /* lysest Blå */
|
|
color: #33a39e;
|
|
}
|
|
|
|
|
|
|
|
#programNavbar {
|
|
list-style: none;
|
|
margin-left: -2em;
|
|
height: 6.5em;
|
|
}
|
|
.programNavbarTab {
|
|
width: 4.3em;
|
|
float: left;
|
|
margin-right: 0.5em;
|
|
list-style-position: inside;
|
|
}
|
|
.dateColor { color: #33a39e; }
|
|
button{
|
|
border: none;
|
|
font-family: Oswald, sans-serif;
|
|
font-weight: bold;
|
|
background: none;
|
|
margin-top: 3px;
|
|
border: 3px solid transparent;
|
|
-moz-transition: all 0.5s ease-in;
|
|
-webkit-transition: all 0.5s ease-in;
|
|
-o-transition: all 0.5s ease-in;
|
|
transition: all 0.5s ease-in;
|
|
}
|
|
button:hover {
|
|
cursor: pointer;
|
|
border: 3px solid #33a39e;;
|
|
-moz-transition: all 0.5s ease-in;
|
|
-webkit-transition: all 0.5s ease-in;
|
|
-o-transition: all 0.5s ease-in;
|
|
transition: all 0.5s ease-in;
|
|
}
|
|
|
|
.twitter-share-button {
|
|
margin-right: 1em;
|
|
}
|
|
.social {
|
|
float: right;
|
|
margin-top: 190px;
|
|
}
|
|
.firstpostindex .social {
|
|
margin-top: 110px;
|
|
} |