Added styles for block info popup

Victor Costa
1 parent 1c2d9827
Showing 1 changed file with 67 additions and 0 deletions Show diff stats
public/stylesheets/block-store.css
@@ -83,3 +83,70 @@
 #box-organizer .block {
   transition: opacity 0.3s ease-in-out;
 }
+
+/************************************************
+ * block info styles
+ ************************************************/
+#block-info-container {
+  width: 770px;
+  padding: 15px;
+	color: #444;
+}
+
+#block-info-container #block-info-icon {
+  float: left;
+  padding-right: 10px;
+}
+
+#block-info-container #block-info-header {
+  float: left;
+}
+
+#block-info-container #block-info-header .block-type-icon{
+  float: left;
+}
+
+#block-info-container #block-info-header h1 {
+  margin: 0;
+  font-weight: normal;
+  font-family: "Arial Black", Liberation Sans, Arial, sans-serif;
+  margin-left: 5px;
+  white-space: nowrap;
+}
+
+#block-info-container #block-info-header p{
+  margin-left: 55px;
+}
+
+
+#block-info-container h2 {
+  margin: 0;
+  margin-top: 10px;
+	font-weight: normal;
+	font-family: "Arial Black", Liberation Sans, Arial, sans-serif;
+}
+
+#block-info-container p {
+  margin: 0;
+}
+
+#block-info-images {
+  clear: both;
+  overflow-x: auto;
+  padding-top: 15px;
+}
+
+#block-info-images ul{
+  margin: 0px;
+  padding: 0px;
+}
+#block-info-images li{
+  list-style: none;
+  display: inline;
+
+}
+
+
+#block-info-description {
+  margin-top: 20px;
+}
...	...	@@ -83,3 +83,70 @@
83	83	#box-organizer .block {
84	84	transition: opacity 0.3s ease-in-out;
85	85	}
	86	+
	87	+/************************************************
	88	+ * block info styles
	89	+ ************************************************/
	90	+#block-info-container {
	91	+ width: 770px;
	92	+ padding: 15px;
	93	+ color: #444;
	94	+}
	95	+
	96	+#block-info-container #block-info-icon {
	97	+ float: left;
	98	+ padding-right: 10px;
	99	+}
	100	+
	101	+#block-info-container #block-info-header {
	102	+ float: left;
	103	+}
	104	+
	105	+#block-info-container #block-info-header .block-type-icon{
	106	+ float: left;
	107	+}
	108	+
	109	+#block-info-container #block-info-header h1 {
	110	+ margin: 0;
	111	+ font-weight: normal;
	112	+ font-family: "Arial Black", Liberation Sans, Arial, sans-serif;
	113	+ margin-left: 5px;
	114	+ white-space: nowrap;
	115	+}
	116	+
	117	+#block-info-container #block-info-header p{
	118	+ margin-left: 55px;
	119	+}
	120	+
	121	+
	122	+#block-info-container h2 {
	123	+ margin: 0;
	124	+ margin-top: 10px;
	125	+ font-weight: normal;
	126	+ font-family: "Arial Black", Liberation Sans, Arial, sans-serif;
	127	+}
	128	+
	129	+#block-info-container p {
	130	+ margin: 0;
	131	+}
	132	+
	133	+#block-info-images {
	134	+ clear: both;
	135	+ overflow-x: auto;
	136	+ padding-top: 15px;
	137	+}
	138	+
	139	+#block-info-images ul{
	140	+ margin: 0px;
	141	+ padding: 0px;
	142	+}
	143	+#block-info-images li{
	144	+ list-style: none;
	145	+ display: inline;
	146	+
	147	+}
	148	+
	149	+
	150	+#block-info-description {
	151	+ margin-top: 20px;
	152	+}
...	...