Team:UCL/static/memories.css

From 2013.igem.org

(Difference between revisions)
 
(119 intermediate revisions not shown)
Line 4: Line 4:
#header,
#header,
-
#header #middle #top #social_links
+
#header #middle #right #top #social_links
{
{
-
background:#F68B1F;
+
background:#A87D52;
 +
}
 +
 
 +
#all_content
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/e/e1/6a00d834205e5753ef00e54f4303e88833-640wi.jpg');
 +
background-size:100% 1500px;
 +
background-repeat:no-repeat;
 +
background-color:black;
 +
 
}
}
-
div.row_small,
 
-
div.row_large,
 
-
div.h_gap,
 
.mediawiki,
.mediawiki,
#content,
#content,
-
#all_content,
 
#footer-box
#footer-box
{
{
-
background:black;
+
background-color:black;
 +
}
 +
 
 +
div.row_small,
 +
div.row_large,
 +
div.h_gap
 +
{
 +
opacity:0;
 +
}
 +
 
 +
/***************/
 +
/*HEADER IMAGES*/
 +
/***************/
 +
 
 +
#header #middle #left
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/0/0b/Eslogo.png');
 +
}
 +
 
 +
#header #middle #top #social_links img1
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/0/02/Facebook_logo_b.png');
 +
}
 +
 
 +
#header #middle #top #social_links img2
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/8/87/Twitter_logo_b.png');
}
}
Line 23: Line 54:
/*PAGE STYLES*/
/*PAGE STYLES*/
/*************/
/*************/
 +
 +
#menu,
 +
#menu #dropdown,
 +
#cssmenu
 +
{
 +
background:#4A2D1D;
 +
}
#footer-box a
#footer-box a
{
{
-
color:white;
+
background:#FAE8D4;
}
}
 +
/*
#content
#content
{
{
Line 38: Line 77:
visibility:hidden;
visibility:hidden;
}
}
 +
*/
Line 43: Line 83:
{
{
width:976px;
width:976px;
-
height:318px;
+
height:950px;
float:left;
float:left;
-
background:cyan;
+
overflow:hidden;
}
}
-
#all_content #container #row_info
+
#all_content #container #row_initial #intro
{
{
-
width:976px;
+
width:638px;
-
height:318px;
+
height:210px;
float:left;
float:left;
-
background:red;
+
margin-left:159px;
 +
margin-top:66px;
 +
position:relative;
 +
overflow:hidden;
}
}
-
#all_content #container #row_initial #info
+
#all_content #container #row_initial #intro #box1
{
{
-
width:458px;
+
width:638px;
-
height:318px;
+
height:210px;
float:left;
float:left;
 +
position:absolute;
 +
width:638px;
 +
height:210px;
 +
position:relative;
 +
top:0px;
 +
left:0px;
overflow:hidden;
overflow:hidden;
-
background:#A87D52;
+
background:silver;
-
padding-right:30px;
+
opacity:0.65;
 +
margin:0px;
 +
cursor:pointer;
}
}
-
#all_content #container #row_initial .upload
+
#all_content #container #row_initial #intro #box1:hover
{
{
-
width:488px;
+
opacity:0.85;
-
height:318px;
+
}
 +
 
 +
#all_content #container #row_initial #intro #box2
 +
{
 +
width:638px;
 +
height:210px;
float:left;
float:left;
 +
position:absolute;
 +
width:638px;
 +
height:210px;
 +
position:relative;
 +
top:0px;
 +
left:0px;
overflow:hidden;
overflow:hidden;
-
background:#A87D52;
+
background:silver;
 +
opacity:0.85;
 +
cursor:pointer;
 +
margin:0px;
 +
display:none;
}
}
-
#button1
+
#all_content #container #row_initial #intro #box3
{
{
-
width:190px;
+
width:638px;
-
height:35px;
+
height:210px;
-
background:#FAE8D4;
+
float:left;
-
color:#4A2D1D;
+
position:absolute;
-
font-family: Tahoma, Geneva, sans-serif;
+
display:none;
-
height:30px;
+
-
padding: 5px;
+
-
border: none;
+
-
margin-left:40px;
+
-
overflow:hidden;
+
}
}
-
#button2
+
#all_content #container #row_initial #intro #box3 #upload
{
{
-
height:50px;
+
width:638px;
-
width:50px;
+
height:210px;
-
background:silver;
+
float:left;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
margin:0px;
}
}
#all_content #container .gap
#all_content #container .gap
{
{
-
background:blue;
+
background:#FAE8D4;
height:11px;
height:11px;
 +
opacity:0;
}
}
-
#all_content #container .narrow
+
#all_content #container .row_memory
{
{
-
width:11px;
+
width:976px;
height:318px;
height:318px;
float:left;
float:left;
-
background:green;
 
}
}
-
#all_content #container .square
+
 
 +
#all_content #container .row_memory .square
{
{
width:318px;
width:318px;
height:318px;
height:318px;
float:left;
float:left;
-
background:purple;
+
background:black;
 +
opacity:1;
 +
margin-right:11px;
 +
overflow:hidden;
 +
 
 +
background-size:318px 318px;
 +
/*background-image:url('http://www.lunapic.com/editor/premade/sepia.gif');*/
 +
}
 +
 
 +
#all_content #container .row_memory .square .comments
 +
{
 +
width:278px;
 +
height:278px;
 +
float:left;
 +
overflow:hidden;
 +
opacity:0;
 +
background:black;
 +
 
 +
font-family : "Myriad Pro", sans-serif;
 +
font-weight : normal;
 +
font-size : 1.6em;
 +
line-height : 1.2;
 +
color:silver;
 +
padding:20px;
 +
}
 +
 
 +
 
 +
#all_content #container .row_memory .square .comments:hover
 +
{
 +
opacity:0.9;
}
}
Line 127: Line 222:
#cssmenu a  
#cssmenu a  
{
{
-
   background: #C0C0C0;
+
   background: #4A2D1D;
-
   color: #404040;
+
   color: #FAE8D4;
}
}
Line 135: Line 230:
#cssmenu ul li.active > a  
#cssmenu ul li.active > a  
{
{
-
   background: #F68B1F;
+
   background: #A87D52;
-
   color: white;
+
   color: #FAE8D4;
}
}
Line 142: Line 237:
#cssmenu ul ul a  
#cssmenu ul ul a  
{
{
-
   background: #404040;
+
   background: #4A2D1D;
-
   color: white;
+
   color: #FAE8D4;
}
}
Line 149: Line 244:
#cssmenu ul ul li:hover > a  
#cssmenu ul ul li:hover > a  
{
{
-
   background: #404040;
+
   background: #4A2D1D;
-
   color: #F68B1F;
+
   color: #A87D52;
 +
}
 +
 
 +
#header #middle #right #bottom #igem_logo
 +
{
 +
display:none;
}
}

Latest revision as of 03:48, 5 October 2013

/********************/ /*BACKGROUND COLOURS*/ /********************/

  1. header,
  2. header #middle #right #top #social_links

{ background:#A87D52; }

  1. all_content

{ background-image:url('https://static.igem.org/mediawiki/2013/e/e1/6a00d834205e5753ef00e54f4303e88833-640wi.jpg'); background-size:100% 1500px; background-repeat:no-repeat; background-color:black;

}

.mediawiki,

  1. content,
  2. footer-box

{ background-color:black; }

div.row_small, div.row_large, div.h_gap { opacity:0; }

/***************/ /*HEADER IMAGES*/ /***************/

  1. header #middle #left

{ background-image:url('https://static.igem.org/mediawiki/2013/0/0b/Eslogo.png'); }

  1. header #middle #top #social_links img1

{ background-image:url('https://static.igem.org/mediawiki/2013/0/02/Facebook_logo_b.png'); }

  1. header #middle #top #social_links img2

{ background-image:url('https://static.igem.org/mediawiki/2013/8/87/Twitter_logo_b.png'); }

/*************/ /*PAGE STYLES*/ /*************/

  1. menu,
  2. menu #dropdown,
  3. cssmenu

{ background:#4A2D1D; }

  1. footer-box a

{ background:#FAE8D4; }

/*

  1. content

{ top:-15px; }

  1. menubar, #menubar:hover

{ visibility:hidden; }

  • /


  1. all_content #container #row_initial

{ width:976px; height:950px; float:left; overflow:hidden; }

  1. all_content #container #row_initial #intro

{ width:638px; height:210px; float:left; margin-left:159px; margin-top:66px; position:relative; overflow:hidden; }


  1. all_content #container #row_initial #intro #box1

{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.65; margin:0px; cursor:pointer; }

  1. all_content #container #row_initial #intro #box1:hover

{ opacity:0.85; }

  1. all_content #container #row_initial #intro #box2

{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.85; cursor:pointer; margin:0px; display:none; }

  1. all_content #container #row_initial #intro #box3

{ width:638px; height:210px; float:left; position:absolute; display:none; }

  1. all_content #container #row_initial #intro #box3 #upload

{ width:638px; height:210px; float:left; position:absolute; top:0px; left:0px; margin:0px; }

  1. all_content #container .gap

{ background:#FAE8D4; height:11px; opacity:0; }

  1. all_content #container .row_memory

{ width:976px; height:318px; float:left; }


  1. all_content #container .row_memory .square

{ width:318px; height:318px; float:left; background:black; opacity:1; margin-right:11px; overflow:hidden;

background-size:318px 318px; /*background-image:url('http://www.lunapic.com/editor/premade/sepia.gif');*/ }

  1. all_content #container .row_memory .square .comments

{ width:278px; height:278px; float:left; overflow:hidden; opacity:0; background:black;

font-family : "Myriad Pro", sans-serif; font-weight : normal; font-size : 1.6em; line-height : 1.2; color:silver; padding:20px; }


  1. all_content #container .row_memory .square .comments:hover

{ opacity:0.9; }

/******************/ /*DROPDOWN COLOURS*/ /******************/


/*main buttons*/

  1. cssmenu a

{

 background: #4A2D1D;
 color: #FAE8D4;

}

/*main buttons, hover*/

  1. cssmenu ul li:hover > a,
  2. cssmenu ul li.active > a

{

 background: #A87D52;
 color: #FAE8D4;

}

/*sub menu*/

  1. cssmenu ul ul a

{

 background: #4A2D1D;
 color: #FAE8D4;

}

/*sub menu, hover*/

  1. cssmenu ul ul li:hover > a

{

 background: #4A2D1D;
 color: #A87D52;

}

  1. header #middle #right #bottom #igem_logo

{ display:none; }