split css into themes files + common file

Signed-off-by: Gwenhael Le Moine <gwenhael.le.moine@gmail.com>
This commit is contained in:
Gwenhael Le Moine 2011-07-07 08:45:51 +02:00
parent 9ed8e81e0a
commit 3565772ffb
6 changed files with 36 additions and 7 deletions

View file

@ -1,11 +1,11 @@
.gstar{float:left;width:100%}
.gstar #blackboard{width:320px;height:180px;background:#333;float:left}
.gstar #blackboard .starcell{width:20px;height:20px;display:block;float:left;text-align:center}
.gstar #blackboard .wall{background-image:url(../themes/HP48/tex_wall.png);color:#000}
.gstar #blackboard .ball{background-image:url(../themes/HP48/tex_ball.png);color:#99f}
.gstar #blackboard .cube{background-image:url(../themes/HP48/tex_cube.png);color:red}
.gstar #blackboard .ball_selected{background-image:url(../themes/HP48/tex_ball_selected.png);color:#99f}
.gstar #blackboard .cube_selected{background-image:url(../themes/HP48/tex_cube_selected.png);color:red}
.gstar #blackboard .gift{background-image:url(../themes/HP48/tex_gift.png);color:yellow}
.gstar #blackboard .void{background-image:url(../themes/HP48/tex_empty.png);}
.gstar #blackboard .wall{color:#000}
.gstar #blackboard .ball{color:#99f}
.gstar #blackboard .cube{color:red}
.gstar #blackboard .ball_selected{color:#99f}
.gstar #blackboard .cube_selected{color:red}
.gstar #blackboard .gift{color:yellow}
.gstar #blackboard .void{}
.gstar aside{float:left;height:140px;width:120px;padding:20px;background:#ddd}

View file

@ -0,0 +1,7 @@
.gstar #blackboard .wall{background-image:url(../themes/HP48/tex_wall.png);}
.gstar #blackboard .ball{background-image:url(../themes/HP48/tex_ball.png);}
.gstar #blackboard .cube{background-image:url(../themes/HP48/tex_cube.png);}
.gstar #blackboard .ball_selected{background-image:url(../themes/HP48/tex_ball_selected.png);}
.gstar #blackboard .cube_selected{background-image:url(../themes/HP48/tex_cube_selected.png);}
.gstar #blackboard .gift{background-image:url(../themes/HP48/tex_gift.png);}
.gstar #blackboard .void{background-image:url(../themes/HP48/tex_empty.png);}

View file

@ -0,0 +1,7 @@
.gstar #blackboard .wall{background-image:url(../themes/cyco001/tex_wall.png);}
.gstar #blackboard .ball{background-image:url(../themes/cyco001/tex_ball.png);}
.gstar #blackboard .cube{background-image:url(../themes/cyco001/tex_cube.png);}
.gstar #blackboard .ball_selected{background-image:url(../themes/cyco001/tex_ball_selected.png);}
.gstar #blackboard .cube_selected{background-image:url(../themes/cyco001/tex_cube_selected.png);}
.gstar #blackboard .gift{background-image:url(../themes/cyco001/tex_gift.png);}
.gstar #blackboard .void{background-image:url(../themes/cyco001/tex_empty.png);}

View file

@ -0,0 +1,7 @@
.gstar #blackboard .wall{background-image:url(../themes/cyco002/tex_wall.png);}
.gstar #blackboard .ball{background-image:url(../themes/cyco002/tex_ball.png);}
.gstar #blackboard .cube{background-image:url(../themes/cyco002/tex_cube.png);}
.gstar #blackboard .ball_selected{background-image:url(../themes/cyco002/tex_ball_selected.png);}
.gstar #blackboard .cube_selected{background-image:url(../themes/cyco002/tex_cube_selected.png);}
.gstar #blackboard .gift{background-image:url(../themes/cyco002/tex_gift.png);}
.gstar #blackboard .void{background-image:url(../themes/cyco002/tex_empty.png);}

View file

@ -0,0 +1,7 @@
.gstar #blackboard .wall{background-image:url(../themes/inversed/tex_wall.png);}
.gstar #blackboard .ball{background-image:url(../themes/inversed/tex_ball.png);}
.gstar #blackboard .cube{background-image:url(../themes/inversed/tex_cube.png);}
.gstar #blackboard .ball_selected{background-image:url(../themes/inversed/tex_ball_selected.png);}
.gstar #blackboard .cube_selected{background-image:url(../themes/inversed/tex_cube_selected.png);}
.gstar #blackboard .gift{background-image:url(../themes/inversed/tex_gift.png);}
.gstar #blackboard .void{background-image:url(../themes/inversed/tex_empty.png);}

View file

@ -18,6 +18,7 @@
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/style.css?v=2">
<link rel="stylesheet" href="css/star.css">
<link rel="stylesheet" href="css/star_HP48.css">
<script src="js/libs/modernizr-1.7.min.js"></script>
</head>