P-Project CSS

This is the CSS File from the P-Project Site.

Bildschirmfoto vom 2014-11-17 21:23:14

More to the project: P-Project.

If you like it how it looks, feel free to copy:

<!--

/*
Theme Name: P-Project
Theme URI: http://scheinast.eu/p-project-css/
Author: Paul Scheinast
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {font-family: Dosis-Light;	src: url('/stylesheets/fonts/Dosis-Light.ttf');}
@font-face {font-family: Dosis-Medium;	src: url('/stylesheets/fonts/Dosis-Medium.ttf');}
@font-face {font-family: Dosis-SemiBold;src: url('/stylesheets/fonts/Dosis-SemiBold.ttf');}


html {min-height: 100%;}

* {
margin: 0;
padding: 0;
font-family: Dosis-Light, sans-serif;
}

body {
background-color:#000000;
}

.clearer {clear: both; font-size: 0;}
.left {float: left;}

.inner-container {
margin: 0 auto;
width: 1550px;
}
.outer-container {
padding-bottom: 14px;
}
.header {
margin-top: 16px;
min-height: 40px;
margin-bottom: 5px;
text-align: center;
}
.content {
margin-top: 8px;
float: right;
width: 1280px;
min-height: 800px;
max-height: 800px;
overflow-y:hidden;
overflow-x:hidden;
}
.navigation {
margin-top: 8px;
float: left;
width: 180px;
min-height: 800px;
}
.footer {
margin-top: 14px;
}

.content, .navigation, .header, .footer {
background-color: #000000 !important;
padding: 8px 18px;
border-radius: 10px;
/*
border-top: solid 1px rgba(255, 0, 0, 0.8) !important;
border: solid 1px rgba(255, 0, 0, 0.5);
border-bottom: solid 2px rgba(255, 0, 0, 0.6);
*/
box-shadow: 0 1px 8px rgba(0,0,0,0.4);
}

.logutlink {
margin: 5px;
padding: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}
.logutlink:hover{ 
color: rgba(180, 0, 0, 0.8);
}

.tabellink{
border: none;
border-radius: 1px;
padding: 1px;
color: rgba(0, 0, 0, 0.6);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}
.tabellink:hover{ 
color: rgba(80, 0, 0, 1.8);
}

.css4button {
font-family: Dosis-Medium, sans-serif;
font-weight: normal;
font-size: 15px;
padding: 2px 12px;
border: 1px solid #000000;
background: -moz-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107, 107, 107, 1)), color-stop(1%,rgba(0, 0, 0, 1)), color-stop(100%,transparent));
background: -webkit-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -o-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -ms-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
border-radius: 15px;
box-shadow:0px 1px 3px rgba(255,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
width: 170px;
height: 30px;
margin: 6px;
}
.css4button:hover {text-shadow: 0 2px 2px rgba(0,0,0,1);}

.cssSbutton {
font-family: Dosis-Medium, sans-serif;
font-weight: normal;
font-size: 15px;
padding: 2px 12px;
border: 1px solid #000000;
background: -moz-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107, 107, 107, 1)), color-stop(1%,rgba(0, 0, 0, 1)), color-stop(100%,transparent));
background: -webkit-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -o-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -ms-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
border-radius: 15px;
box-shadow:0px 1px 3px rgba(255,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
width: 170px;
height: 30px;
margin: 6px;
}
.cssSbutton:hover {font-size: 16px;text-shadow: 0 2px 2px rgba(0,0,0,1);}


.leer{}

input[type="file"]{
border-radius: 4px;
border: solid 1px rgba(0, 0, 0, 0.3);
padding: 5px;
}

h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
padding: 0;
font-weight: normal;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
}

h1 {font-size: 3.4em;text-align: center;}
h2 {font-size: 2.4em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;text-align: center;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}
h1:hover ,h2:hover ,h3:hover ,h4:hover ,h5:hover ,h6:hover{ text-shadow: 0 2px 2px rgba(0,0,0,1); }
p, ul, ol {margin-top: 0;line-height: 240%;}
ul, ol {}
a {
text-decoration: none;
font-size: 1.1em;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
border: none;
}

.center{text-align: center;margin: 0px;}
.infoInhalt {
width:465px;
height:20px;
text-align: center;
}

.Main{
font-size: 3.4em;
padding: 0;
font-weight: normal;
color: rgba(255, 105, 180, 1);
text-shadow: 2px 2px 3px rgba(255,000,000,0.8);
text-shadow:0px 1px 3px rgba(255,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
font-family: Dosis-Light, Arial, Helvetica, sans-serif;
}
.Main:hover{ text-shadow: 2px 2px 4px rgba(255,000,000,0.9);}

.XHTML{border:none;position:absolute;top:850px;}
.CSS{border:none;position:absolute;top:890px;}

th {
border: none;
border-radius: 10px;
border-top: solid 1px rgba(0, 0, 0, 0.5);
padding: 0px;
color: rgba(255, 105, 180, 1);
background: -moz-linear-gradient(top, rgba(255, 105, 180, 0.27) 80%, rgba(255, 105, 180, 0.27) 1%, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 105, 180, 0.27)), color-stop(1%,rgba(255, 105, 180, 0.27)), color-stop(100%,transparent));
background: -webkit-linear-gradient(top, rgba(255, 105, 180, 0.27) 80%,rgba(255, 105, 180, 0.27) 1%,transparent 100%);
background: -o-linear-gradient(top, rgba(255, 105, 180, 0.27) 80%,rgba(255, 105, 180, 0.27) 1%,transparent 100%);
background: -ms-linear-gradient(top, rgba(255, 105, 180, 0.27) 80%,rgba(255, 105, 180, 0.27) 1%,transparent 100%);
text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}
th:hover{
text-shadow: 0 2px 2px rgba(0,0,0,1);
}

td {
padding: 0px;
margin: 2px 2px;
border: solid 1px rgba(255, 0, 0, 0);
}

.selectView {
!important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.7) inset;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
cursor: pointer;
display: inline-block;
font-family: Dosis-Light, sans-serif;
font-size: 14px;
outline: medium none;
width:  20px;
height: 25px;
margin: 0px;
padding:0px 0px;
}

.searchfield{
width: 160px;
margin: 6px;
}

.selectDEV{
font-family: Dosis-Medium, sans-serif;
font-size: 14px;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
padding: 4px 12px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
border: 1px solid #000000;
box-shadow:0px 1px 3px rgba(255,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
background: -moz-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107, 107, 107, 1)), color-stop(1%,rgba(0, 0, 0, 1)), color-stop(100%,transparent));
background: -webkit-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -o-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
background: -ms-linear-gradient(top,  rgba(107, 107, 107, 1) 0%, rgba(0, 0, 0, 1));
outline:none;
display: inline-block;
/*
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
*/
cursor:pointer;
width: 170px;
height: 30px;
margin: 6px;
}
.selectDEV:hover {font-size: 16px;text-shadow: 0 2px 2px rgba(0,0,0,1);}

option{
font-family: Dosis-Light, sans-serif;
font-size: 14px;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
background: rgba(0, 0, 0, 1);
}
.optiontrans{
background: none;
}


input {
border-radius: 8px;
border: solid 1px rgba(0, 0, 0, 0.3);
padding: 5px;
}
input:hover { 
border: solid 1px rgba(0, 0, 0, 1);
}

table {
border: 0;
margin: 1px;
margin-left:auto; 
margin-right:auto;
border-color: rgba(0, 0, 0, 0.6);
}


textarea {
border: 0;
border-radius: 8px;
border: solid 1px rgba(0, 0, 0, 0.3);
padding: 5px;
margin: 5px;
border-color: rgba(0, 0, 0, 0.3);
}
textarea:hover { border: solid 1px rgba(0, 0, 0, 0.8);}

.MenueSymbol {
display:block;
text-align:left;
float:left;
font-size: 1.2em;
}

.page {
text-align: center;
font-weight: normal;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
}
.page:hover {}

.c_page {
text-align: center;
font-weight: bolder;
color: rgba(255, 105, 180, 1);
text-shadow: 0 1px 1px rgba(0,0,0,1);
}
.c_page:hover {}

img {
border: 0;
border-radius: 10px;
border: solid 1px rgba(0, 0, 0, 0.3);
padding: 2px;
margin: 2px;
border-color: rgba(0, 0, 0, 0.3);
}
img:hover { border: solid 1px rgba(0, 0, 0, 1.8);}




-->

 

4 thoughts on “P-Project CSS”

  1. I blog frequently and I really thank you for your content.
    The article has truly peaked my interest. I will book mark your blog and keep checking
    for new details about once per week. I subscribed to
    your Feed as well.

  2. Wow, that’s what I was searching for, what a material!
    present here at this website, thanks admin of this site.

  3. Hi! Someone in my Facebook group shared this site with us so I came to give it
    a look. I’m definitely enjoying the information.
    I’m bookmarking and will be tweeting this
    to my followers! Fantastic blog and fantastic style and design.

  4. Wow, awesome blog layout! How long have you ever been running a blog for?
    you made running a blog glance easy. The full look of your
    website is excellent, let alone the content material!

Leave a Reply

Your email address will not be published.

2 × 4 =