Services & Information

1364221840

Content Layer

id	1364221840

Content Column

width	70.0%
id	1364221843

Content Block

margin	20px 30px 0px 0px
id	1364221847

container-background-color

$primaryColor

id

Content Column

width	7030.0%
id	13642218431146798680

$primaryColor

Content Block

background-color

margin	20px 0px 0px 30px
id	1146798681

Content Layer

id	194060368

1364221847

Content Column

id
width	34.339622%

194060378

HTML Wrap

padding	60px 10px 5px 10px
width	100%

The European Commission on: Image Removed Facebook Image Removed Twitter Other social networks

Content Column

Content Block

margin	0px 30px 0px 0px
id	194060392

big data test infrastructure

Content Column

width	35.660374%
id	194286055

Content Block

margin	0px 30px 0px 0px
id	194286057

About CEF building Blocks

Legal notice | Cookies

Content Column

background-color$primaryColor

id
width	30.0%

1146798680

194060382

Content Block

background-color$primaryColorid1146798681

margin	0px 0px 0px 30px
id	194060397
height	270px

Image Added Image Added Image Added

Subscribe to our newsletter

Action Button

text	Subscribe
url	https://ec.europa.eu/eusurvey/runner/BuildingBlocksBulletin

HTML Wrap

padding

60px 10px 5px 10px

30px 0px 0px 0px
width	100%

classt_align_right

HTML
<a href="

#" id="swp_isse_collector"> <span style="color: rgb(236,236,236);">Something

https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk/portal/2/create/7" target="_blank">
 <span><b><em class="material-icons md-15">announcement</em> Something wrong with this page?</b></span>
</a>

HTML

<!-- Europa Analytics --><script defer src="/

cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script> <script type="text/javascript"> $( document ).ready(function() { window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, { '904ad635': { // ==== custom trigger function ==== triggerFunction : function( showCollectorDialog ) { $('#swp_isse_collector').on( 'click', function(e) { if(showCollectorDialog !== undefined){ e.preventDefault(); showCollectorDialog(); } }); }, fieldValues: { description: window.location.href } } }); }); </script>

HTML

<!-- Newsletter dialog -->
<section role="dialog" id="newsletter-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium" aria-hidden="true">
    <!-- Dialog header -->
    <header class="aui-dialog2-header">
        <!-- The dialog's title -->
        <h2 class="aui-dialog2-header-main">Subscribe to CEF Digital Newsletter</h2>
        <!-- Close icon -->
        <a class="aui-dialog2-header-close">
            <span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
        </a>
    </header>
    <!-- Main dialog content -->
    <div class="aui-dialog2-content">
<form class="aui" id="newsletter">
	<!-- Name -->
    <div class="field-group">
        <label for="mce-NAME">Full Name
            <span class="aui-icon icon-required">(required)</span>
		</label>
        <input class="text medium-field" 
			   type="text" 
			   id="mce-NAME" 
			   name="NAME"
			  data-aui-validation-required="required">
    </div>
	<!-- Email -->
    <div class="field-group">
        <label for="mce-EMAIL">Email
            <span class="aui-icon icon-required">(required)</span>
		</label>
        <input class="text medium-field" 
			   type="text" 
			   id="mce-EMAIL" 
			   name="EMAIL" 
			   placeholder="you@example.com" 
			   data-aui-validation-required="required">
		<!-- Newsletter Group -->
		<input type="checkbox" 
			   value="70368744177664" 
			   name="group[6381][70368744177664]" 
			   id="mce-group[6381]-6381-46"
			   checked="checked" 
			   style="display:none">
    </div>
    <div class="field-group">
		<input class="button submit" 
			   type="submit" 
			   value="Submit">
    </div>
</form>
    </div>
    <!-- Dialog footer -->
    <footer class="aui-dialog2-footer">
        <!-- Actions to render on the right of the footer -->
        <div class="aui-dialog2-footer-actions">
            <button id="dialog-close-newsletter" class="aui-button aui-button-link">Close</button>
        </div>
    </footer>
</section>

...

container-background-color	$primaryColor
id	1107125739

Content Column

width	80.0%
id	1107125740

Content Block

id	1107125742

HTML Wrap

padding	15px 10px 10px 10px
width	100%
border-side	top
border-color	#AEB0B3
border-width	1px
border-style	solid

Cookies Legal Notice Contact Search

...

width	20.0%
id	1107661949

...

id	1107661954

HTML Wrap

padding	15px 10px 60px 10px
width	100%
border-side	top
border-color	#AEB0B3
border-width	1px
border-style	solid
class	t_align_right

Last updated: 01/07/2016

/europa.eu/webtools/load.js" type="text/javascript"></script><script type="application/json">{"utility":"piwik","siteID":"457","sitePath":["ec.europa.eu\/cefdigital"]}</script><!-- End Europa Analytics Code -->

Content Layer

id	8485581

Content Column

width	100%
id	8485583

Content Block

id	8485584

HTML

<button onclick="topFunction()" id="scrollToTopBtn" title="Go to top"></button>
<script>
// Show or hide Scrolltotop button
function ToggleScrollToTop() {
  if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
    document.getElementById("scrollToTopBtn").style.display = "block";
  } else {
    document.getElementById("scrollToTopBtn").style.display = "none";
  }
}

// Check every defined value millisecond 
setInterval( ToggleScrollToTop, 250 );
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>

CSS Stylesheet

#scrollToTopBtn{
  background:url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773348/BackToTop.png?api=v2') no-repeat left center;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #bbb;
  color: white;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  font-size: 18px;
}

#scrollToTopBtn:hover{background-color: #555;}

...

Page tree

Versions Compared

Old Version 2

New Version Current

Key

Services & Information

Follow us

Services & Information

Follow us