me73: style.css@b25f5d8fb851

     1 * {

     2     margin: 0;

     3     padding: 0;

     4     border: 0;

5 }

     7 ul, ol {

     8     list-style-type: none;

9 }

    11 body {

    12     background:	#fafafa;

    13     font: sans-serif;

    14     margin: 30px 80px;

    15     color: #333;

    16     text-align: center;

    17 }

    19 #container {

    20     margin-left: auto;

    21     margin-right: auto;

    22     width: 1000px;

    23     text-align: left;

    24 }

    26 .red {

    27     /*color: #b22;*/

    28     color: #aaa;

    29 }

    31 .permred {

    32     color: #d22;

    33 }

    35 a {

    36     text-decoration: none;

    37     color: #777;

    38 }

    40 p {

    41     padding-bottom: 10px;

    42 }

    44 a:hover {

    45     color: #333;

    46 }

    48 span.link {

    49     border-bottom: dashed 1px #aaa;

    50     position: relative;

    51     color: #777;

    52 }

    54 .menu > span.link {

    55     border-bottom: 0;

    56     font-size: 60px;

    57     font-weight: bold;

    58     letter-spacing: 0.2px;

    59     line-height: 80%;

    60     text-transform: uppercase;

    61     color: #333;

    62 }

    64 span.missinglink {

    65     border-bottom: dashed 1px #aaa;

    66     position: relative:

    67     color: #aaa;

    68     text-decoration: line-through;

    69 }

    71 h3 {

    73     padding-bottom: 5px;

    74     font-weight: bold;

    75     text-transform: uppercase;

    76 }

    78 .menu > a {

    79     font-size: 60px;

    80     font-weight: bold;

    81     letter-spacing: 0.2px;

    82     line-height: 80%;

    83     text-transform: uppercase;

    84     color: #bbb;

    85 }

    87 .menu > a:hover {

    88     color: #333;

    89 }

    91 a > span {

    92     display: none;

    93 }

    95 a:hover > span {

    96     display: inline;

    97     color: red;

    98     font-weight: bold;

    99 }

   101 .container2 {

   102     position: fixed;

   103     top: 30px;

   104     height: 100px;

   105     width: 400px;

   106     left: 50%;

   107 }

   109 .menu > a .container2 .content {

   110     display: none;

   111     font: 12px/15px sans-serif;

   112     color: #555;

   113     position: absolute;

   114     height: 400px;

   115     width: 400px;

   116     text-transform: none;

   117     z-index: 100;

   118     background: #fafafa;

   120 }

   122 .menu > a:hover .container2 .content {

   123     display: block;

   124 }

   126 body > #container > .content {

   127     font: 12px/15px sans-serif;

   128     width: 400px;

   129     height: 400px;

   130     color: #555;

   131     position: absolute;

   132     margin-left: auto;

   133     margin-right: auto;

   134     text-transform: none;

   135     z-index: 1;

   136 }

   138 .content a {

   139     border-bottom: dashed 1px red;

   140     position: relative;

   141 }

   143 .content a:hover {

   144     border-bottom: 0;

   145 }

   147 .content .entry {

   148     padding-bottom: 20px;

   149     width: 400px;

   150 }

   152 .content .entry .details {

   153     display: none;

   154     font: 12px/15px sans-serif;

   155     width: 400px;

   156     height: 400px;

   157     color: #333;

   158     position: absolute;

   159     margin-left: 500px;

   160     margin-right: auto;

   161     top: 0;

   162     text-transform: none;

   163     background: #fafafa;

   164 }

   166 .content .entry:hover .details {

   167     display: block;

   168 }

   170 .content .entry:hover .red {

   171     color: #d22;

   172 }

   175 div.universe1 {

   176     background: #fafafa;

   177     position: absolute;

   178     width: 50%;

   179     height: 50%;

   180     left: 0;

   181     top: 0;

   182     color: #fff;

   183 }

   185 div.universe1:hover {

   186 }

   188 div.universe2 {

   189     background: #fafafa;

   190     position: fixed;

   191     margin: 30px 80px;

   192     left: 50%;

   193     width: 50%;

   194     height: 50%;

   195     top: 0;

   196     font-size: 60px;

   197     font-weight: bold;

   198     letter-spacing: 0.2px;

   199     line-height: 80%;

   200     text-align: left;

   201     color: #fff;

   202 }

   204 div.universe2:hover {

   205 }

   208 div.universe3 {

   209     background: #fafafa;

   210     position: absolute;

   211     width: 50%;

   212     height: 50%;

   213     left: 0;

   214     top: 50%;

   215     text-transform: uppercase;

   216     text-align: center;

   217     color: #fafafa;

   218 }

   220   /*div.universe3:hover

   221     {

   222     background: #eee;

   223     color: #aaa;

   224     }*/

   227 div.universe4 {

   228     background: #fafafa;

   229     position: absolute;

   230     width: 50%;

   231     height: 50%;

   232     left: 50%;

   233     top: 50%;

   234     text-transform: uppercase;

   235     text-align: center;

   236     color: #fafafa;

   237 }

   239   /*div.universe4:hover

   240     {

   241     background: #eee;

   242     color: #aaa;

   243     }*/

   245 div.menu {

   246     position: absolute;

   247     bottom: 150px;

   249 }

   251 #menu1 {

   252     width: 400px;

   253 }

   255 #menu2 {

   256     margin-left: 500px;

   257     margin-right: auto;

   258     width: 400px;

   259 }

   261 #info {

   262     position: absolute;

   263     bottom: 30px;

   264     width: 400px;

   265     color: #aaa;

   266 }

   268 #info:hover {

   269     color: #333;

   270 }

   272 #info li.name {

   273     font-weight: bold;

   274 }

   276 #info li.misc {

   277     font-weight: normal;

   278 }

   280 #container #copy {

   281     position: absolute;

   282     width: 1000px;

   283     bottom: 30px;

   284     color: #aaa;

   285     text-align: right;

   286 }

   288 #copy:hover {

   289     color: #333;

   290 }

author	Eugen Sawin <sawine@me73.com>
	Wed, 18 Jan 2012 02:27:26 +0100
changeset 104	b25f5d8fb851
permissions	-rw-r--r--